96 lines
3.3 KiB
HTML
96 lines
3.3 KiB
HTML
<script type="text/javascript">
|
|
|
|
let maestroInfo = new MaestroInfo();
|
|
|
|
|
|
$(document).ready(function() {
|
|
$("#section_add_player").load("./../module/maestro_section_add_player.html");
|
|
$("#section_search_player").load("./../module/maestro_section_search.html");
|
|
$("#mouse_app_list").load("./../module/maestro_section_mouse_app.html");
|
|
$("#typing_app_list").load("./../module/maestro_section_typing_app.html");
|
|
|
|
maestroInfo.loadMaestroInfo(onLoadSuccessMaestroInfo, onLoadFailMaestroInfo);
|
|
});
|
|
|
|
function onLoadSuccessMaestroInfo() {
|
|
$("#maestro_info_id").text(maestroInfo.maestroName + "님, 환영합니다.");
|
|
$("#maestro_info_player_count").text("학생수 : " + maestroInfo.getRegisteredPlayerCount() + " / " + maestroInfo.getMaxPlayerCount());
|
|
}
|
|
|
|
function onLoadFailMaestroInfo(errorMessage, errorCode) {
|
|
console.log("errorMessage : " + errorMessage);
|
|
console.log("errorCode : " + errorCode);
|
|
}
|
|
|
|
function onChangePlayerCount() {
|
|
maestroInfo.loadMaestroInfo(onLoadSuccessMaestroInfo, onLoadFailMaestroInfo);
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<div class="container">
|
|
<div class="row bg-primary py-3 my-1">
|
|
<div id="maestro_info_id" class="col-3">마에스트로 계정 이름</div>
|
|
<div id="maestro_info_player_count" class="col-2">학생수 ? / ?</div>
|
|
<div id="maestro_info_upgrade" class="col-4">업그레이드 버튼</div>
|
|
<div id="maestro_info_setting" class="col-2">계정 정보 수정 버튼</div>
|
|
</div>
|
|
|
|
|
|
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" id="player_list_tab" data-toggle="tab" href="#player_list_content" role="tab" aria-controls="player_list_content" aria-selected="true">학생 목록</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="search_player_tab" data-toggle="tab" href="#search_player_content" role="tab" aria-controls="search_player_content" aria-selected="false">학생 검색</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="activate-mouse_tab" data-toggle="tab" href="#activate_mouse_content" role="tab" aria-controls="activate_mouse_content" aria-selected="false">마우스 앱 활성화</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="activate-typing_tab" data-toggle="tab" href="#activate_typing_content" role="tab" aria-controls="activate_typing_content-typing_content" aria-selected="false">타자 앱 활성화</a>
|
|
</li>
|
|
</ul> <!-- 탭 -->
|
|
|
|
|
|
<div class="tab-content" id="myTabContent">
|
|
|
|
<div class="tab-pane fade show active" id="player_list_content" role="tabpanel" aria-labelledby="player_list_tab">
|
|
<div id="section_add_player"></div>
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="search_player_content" role="tabpanel" aria-labelledby="search_player_tab">
|
|
<div id="section_search_player" class="hide"></div>
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="activate_mouse_content" role="tabpanel" aria-labelledby="activate-mouse_tab">
|
|
<div id="mouse_app_list" class="hide"></div>
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="activate_typing_content" role="tabpanel" aria-labelledby="activate-typing_tab">
|
|
<div id="typing_app_list" class="hide"></div>
|
|
</div>
|
|
|
|
<!--
|
|
<div id="section_add_player">
|
|
</div>
|
|
|
|
<div id="section_search_player" class="hide">
|
|
</div>
|
|
|
|
<div id="mouse_app_list" class="hide">
|
|
</div>
|
|
|
|
<div id="typing_app_list" class="hide">
|
|
</div>
|
|
|
|
-->
|
|
|
|
</div> <!-- container -->
|