Fix: player list navigator refactoring

This commit is contained in:
2018-07-28 23:30:32 +09:00
parent 7d463fc292
commit d0be19ef0a
7 changed files with 296 additions and 298 deletions
+85 -102
View File
@@ -3,8 +3,8 @@
$(document).ready(function() {
addPlayerListManager = new PlayerListManager(
$("#add_player_list"),
// $("#add_player_list_navigator > #page_no_area")
$(".pagination")
// $(".pagination")
$("[aria-label='add_player_list'] > .pagination")
);
addPlayerListManager.setupAddPlayerList();
@@ -43,6 +43,7 @@ function addPlayer() {
"maestro_id=" + maestroID + "&player_name=" + playerName + "&enter_code=" + enterCode,
(jsonData) => {
showErrorMessage(playerName + " : 학생 데이터가 추가되었습니다", "success");
addPlayerListManager.updateAddPlayerListPage(1);
onChangePlayerCount();
@@ -74,13 +75,6 @@ function onErrorPlayerPW(message) {
<div class="row mx-1">
<div class="col">
<div id="message_box"></div>
</div>
</div>
<div class="row mx-1">
<div class="col-5">
@@ -146,102 +140,98 @@ function onErrorPlayerPW(message) {
<div class="col-7" style="background-color: #ffce54">
<h5 class="my-3">학생 목록</h5>
<div id="player_list_result_contents">
<form id="add_player_list">
<div class="form-group row mx-2 mb-0 font-weight-bold">
<label class="col-form-label d-none">ID</label>
<label class="col-form-label col-sm">이 름</label>
<label class="col-form-label col-sm">입장 번호</label>
<label class="col-form-label col-sm-1"></label>
<label class="col-form-label col-sm-1"></label>
</div>
<form id="add_player_list">
<div class="form-group row mx-2 mb-0 font-weight-bold">
<label class="col-form-label d-none">ID</label>
<label class="col-form-label col-sm">이 름</label>
<label class="col-form-label col-sm">입장 번호</label>
<label class="col-form-label col-sm-1"></label>
<label class="col-form-label col-sm-1"></label>
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test1">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test1">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test2">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test2">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test3">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test3">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test4">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test4">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test5">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test5">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test6">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test6">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test7">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test7">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test8">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test8">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test9">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test9">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test10">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
<div class="form-group player-list row mx-2 mb-1">
<input type="text" class="player_id d-none" value="test10">
<input type="text" class="player_name col-sm" value="test">
<input type="text" class="player_entercode col-sm" value="test">
<input type="button" class="player_edit col-sm-1" value="+">
<input type="button" class="player_delete col-sm-1" value="-">
</div>
</form>
</form>
</div> <!-- 학생 목록 -->
<nav>
<nav aria-label="add_player_list">
<ul class="pagination pagination-sm justify-content-center">
<li class="page-item disabled">
<a class="page-link" href="#" aria-label="Previous">
@@ -284,13 +274,6 @@ function onErrorPlayerPW(message) {
</ul>
</nav>
<div id="add_player_list_navigator" class="player_list_navigator">
<span><a onClick="onClickPageNo(this, 'first')"></a></span>
<span><a onClick="onClickPageNo(this, 'prev')"> </a></span>
<span id="page_no_area"></span>
<span><a onClick="onClickPageNo(this, 'next')"> </a></span>
<span><a onClick="onClickPageNo(this, 'last')"></a></span>
</div>
</div>
</div> <!-- 학생 목록 -->
</div> <!-- 학생 목록 -->
</div>