76 lines
1.6 KiB
HTML
76 lines
1.6 KiB
HTML
<script type="text/javascript">
|
|
|
|
$(document).ready(function() {
|
|
loadMouseApp();
|
|
});
|
|
|
|
function loadMouseApp() {
|
|
var self = this;
|
|
|
|
sendRequestServer( //url, sendParams, onSuccess, onFail, isDebugMode);
|
|
"./../server/app/mouse_app_list.php",
|
|
"maestro_id=" + maestroID,
|
|
|
|
(function(jsonData) {
|
|
makeMouseAppList(jsonData["appList"]);
|
|
activateMouseApp(jsonData["activatedAppList"]);
|
|
}),
|
|
|
|
(function(errorMessage, errorCode) {
|
|
showErrorMessage(errorMessage, "error");
|
|
})
|
|
|
|
);
|
|
}
|
|
|
|
function makeMouseAppList(appList) {
|
|
$("#mouse_app_content").empty();
|
|
|
|
for(var i = 0; i < appList.length; i++) {
|
|
var appData = appList[i];
|
|
|
|
$("#mouse_app_content").append('\
|
|
<div class="form-check col col-sm-2">\
|
|
<input class="form-check-input" type="checkbox" id="' + appData.appID + '" data-app-id="' + appData.appID + '" value="">\
|
|
<label class="form-check-label" for="' + appData.appID + '">\
|
|
' + appData.koreanName + '\
|
|
</label>\
|
|
</div>\
|
|
\
|
|
');
|
|
|
|
$("#" + appData.appID).change(function() {
|
|
if($(this).is(":checked")) {
|
|
activateApp($(this).data("appId"));
|
|
} else {
|
|
deactivateApp($(this).data("appId"));
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function activateMouseApp(activatedList) {
|
|
for(var i = 0; i < activatedList.length; i++) {
|
|
var activatedAppID = activatedList[i].appID;
|
|
|
|
var input = $("#" + activatedAppID);
|
|
input.prop("checked", true);
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<div clas됩="row mx-1">
|
|
<div class="col">
|
|
|
|
<h5 class="mt-2 mb-2">마우스 연습</h5>
|
|
|
|
<form class="mx-4">
|
|
<div class="form-row" id="mouse_app_content">
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div> |