Fix: bootstrap - player list
This commit is contained in:
@@ -19,7 +19,7 @@ function addPlayer() {
|
||||
onErrorPlayerName("학생 이름을 입력하세요.");
|
||||
return;
|
||||
} else if(enterCode.length === 0) {
|
||||
onErrorPlayerPW("입장번호를 입력하세요.");
|
||||
onErrorPlayerPW("입장 번호를 입력하세요.");
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -97,7 +97,7 @@ function onErrorPlayerPW(message) {
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="entercode" class="col-sm-3 col-form-label">입장번호</label>
|
||||
<label for="entercode" class="col-sm-3 col-form-label">입장 번호</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control col-sm-9" id="entercode" placeholder="입장 번호 입력">
|
||||
<small class="form-text text-muted">4~6자리의 숫자</small>
|
||||
@@ -116,8 +116,8 @@ function onErrorPlayerPW(message) {
|
||||
<form class="mx-2">
|
||||
<div class="form-group row">
|
||||
<div class="col">
|
||||
<textarea class="form-control" id="exceldata" placeholder="학생 이름 | 입장번호 엑셀 데이터를 붙여넣기"></textarea>
|
||||
<small class="form-text text-muted">엑셀에서 복사한 학생의 이름/입장번호 목록을 붙여넣기</small>
|
||||
<textarea class="form-control" id="exceldata" placeholder="학생 이름 | 입장 번호 엑셀 데이터를 붙여넣기"></textarea>
|
||||
<small class="form-text text-muted">엑셀에서 복사한 학생의 이름/입장 번호 목록을 붙여넣기</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -148,6 +148,296 @@ function onErrorPlayerPW(message) {
|
||||
<h5>학생 목록</h5>
|
||||
|
||||
<div id="player_list_result_contents">
|
||||
|
||||
<form id="add_player_list">
|
||||
<div class="form-group row mx-2">
|
||||
<label class="col-form-label text-center d-none">ID</label>
|
||||
<label class="col-form-label text-center col-sm">이름</label>
|
||||
<label class="col-form-label text-center col-sm">입장번호</label>
|
||||
<label class="col-form-label text-center col-sm-1"></label>
|
||||
<label class="col-form-label text-center col-sm-1"></label>
|
||||
</div>
|
||||
|
||||
<div class="form-group player-list row mx-2">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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>
|
||||
|
||||
|
||||
<!--
|
||||
<table id="add_player_list" class="table table-sm table-striped table-hover text-center"">
|
||||
<thread>
|
||||
<tr>
|
||||
<th scope="col" class="d-none">ID</th>
|
||||
<th scope="col">이름</th>
|
||||
<th scope="col">입장 번호</th>
|
||||
<th scope="col"></th>
|
||||
<th scope="col"></th>
|
||||
</tr>
|
||||
</thread>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="d-none">
|
||||
<input type="text" class="col-sm player_id" value="test">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" class="col-sm player_name" value="test">
|
||||
</td>
|
||||
<td class="player_entercode">
|
||||
<input type="text" class="col-sm player_entercode" value="test">
|
||||
</td>
|
||||
<td class="player_edit">
|
||||
<button type="button" class="btn-sm player_edit">+</button>
|
||||
</td>
|
||||
<td class="player_delete">
|
||||
<button type="button" class="btn-sm player_delete">-</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="d-none">
|
||||
<input type="text" class="col-sm player_id" value="test">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" class="col-sm player_name" value="test">
|
||||
</td>
|
||||
<td class="player_entercode">
|
||||
<input type="text" class="col-sm player_entercode" value="test">
|
||||
</td>
|
||||
<td class="player_edit">
|
||||
<button type="button" class="btn-sm player_edit">+</button>
|
||||
</td>
|
||||
<td class="player_delete">
|
||||
<button type="button" class="btn-sm player_delete">-</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="d-none">
|
||||
<input type="text" class="col-sm player_id" value="test">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" class="col-sm player_name" value="test">
|
||||
</td>
|
||||
<td class="player_entercode">
|
||||
<input type="text" class="col-sm player_entercode" value="test">
|
||||
</td>
|
||||
<td class="player_edit">
|
||||
<button type="button" class="btn-sm player_edit">+</button>
|
||||
</td>
|
||||
<td class="player_delete">
|
||||
<button type="button" class="btn-sm player_delete">-</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="d-none">
|
||||
<input type="text" class="col-sm player_id" value="test">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" class="col-sm player_name" value="test">
|
||||
</td>
|
||||
<td class="player_entercode">
|
||||
<input type="text" class="col-sm player_entercode" value="test">
|
||||
</td>
|
||||
<td class="player_edit">
|
||||
<button type="button" class="btn-sm player_edit">+</button>
|
||||
</td>
|
||||
<td class="player_delete">
|
||||
<button type="button" class="btn-sm player_delete">-</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="d-none">
|
||||
<input type="text" class="col-sm player_id" value="test">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" class="col-sm player_name" value="test">
|
||||
</td>
|
||||
<td class="player_entercode">
|
||||
<input type="text" class="col-sm player_entercode" value="test">
|
||||
</td>
|
||||
<td class="player_edit">
|
||||
<button type="button" class="btn-sm player_edit">+</button>
|
||||
</td>
|
||||
<td class="player_delete">
|
||||
<button type="button" class="btn-sm player_delete">-</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="d-none">
|
||||
<input type="text" class="col-sm player_id" value="test">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" class="col-sm player_name" value="test">
|
||||
</td>
|
||||
<td class="player_entercode">
|
||||
<input type="text" class="col-sm player_entercode" value="test">
|
||||
</td>
|
||||
<td class="player_edit">
|
||||
<button type="button" class="btn-sm player_edit">+</button>
|
||||
</td>
|
||||
<td class="player_delete">
|
||||
<button type="button" class="btn-sm player_delete">-</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="d-none">
|
||||
<input type="text" class="col-sm player_id" value="test">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" class="col-sm player_name" value="test">
|
||||
</td>
|
||||
<td class="player_entercode">
|
||||
<input type="text" class="col-sm player_entercode" value="test">
|
||||
</td>
|
||||
<td class="player_edit">
|
||||
<button type="button" class="btn-sm player_edit">+</button>
|
||||
</td>
|
||||
<td class="player_delete">
|
||||
<button type="button" class="btn-sm player_delete">-</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="d-none">
|
||||
<input type="text" class="col-sm player_id" value="test">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" class="col-sm player_name" value="test">
|
||||
</td>
|
||||
<td class="player_entercode">
|
||||
<input type="text" class="col-sm player_entercode" value="test">
|
||||
</td>
|
||||
<td class="player_edit">
|
||||
<button type="button" class="btn-sm player_edit">+</button>
|
||||
</td>
|
||||
<td class="player_delete">
|
||||
<button type="button" class="btn-sm player_delete">-</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="d-none">
|
||||
<input type="text" class="col-sm player_id" value="test">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" class="col-sm player_name" value="test">
|
||||
</td>
|
||||
<td class="player_entercode">
|
||||
<input type="text" class="col-sm player_entercode" value="test">
|
||||
</td>
|
||||
<td class="player_edit">
|
||||
<button type="button" class="btn-sm player_edit">+</button>
|
||||
</td>
|
||||
<td class="player_delete">
|
||||
<button type="button" class="btn-sm player_delete">-</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="d-none">
|
||||
<input type="text" class="col-sm player_id" value="test">
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" class="col-sm player_name" value="test">
|
||||
</td>
|
||||
<td class="player_entercode">
|
||||
<input type="text" class="col-sm player_entercode" value="test">
|
||||
</td>
|
||||
<td class="player_edit">
|
||||
<button type="button" class="btn-sm player_edit">+</button>
|
||||
</td>
|
||||
<td class="player_delete">
|
||||
<button type="button" class="btn-sm player_delete">-</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
-->
|
||||
|
||||
<!--
|
||||
<ul id="add_player_list" class="player_list">
|
||||
<li>
|
||||
<span class="player_name">이름</span>
|
||||
@@ -225,19 +515,50 @@ function onErrorPlayerPW(message) {
|
||||
<input type='button' class="player_delete" value='삭제'>
|
||||
</li>
|
||||
</ul>
|
||||
-->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<nav aria-label="Page navigation example">
|
||||
<ul class="pagination justify-content-center">
|
||||
<ul class="pagination pagination-sm justify-content-center">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" tabindex="-1">Previous</a>
|
||||
<a class="page-link" href="#" aria-label="Previous">
|
||||
<span aria-hidden="true">«</span>
|
||||
<span class="sr-only">Fastest</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" aria-label="Previous">
|
||||
<span aria-hidden="true"><</span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
</li>
|
||||
<li> </li>
|
||||
|
||||
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">5</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">6</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">7</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">8</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">9</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">10</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">Next</a>
|
||||
<a class="page-link" href="#" aria-label="Next">
|
||||
<span aria-hidden="true">></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#" aria-label="Next">
|
||||
<span aria-hidden="true">»</span>
|
||||
<span class="sr-only">Latest</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
@@ -34,6 +34,101 @@ function searchPlayer() {
|
||||
<span id="search_result">
|
||||
검색 결과
|
||||
<div id="player_list_result_contents">
|
||||
|
||||
|
||||
<form id="search_player_list">
|
||||
<div class="form-group row mx-2">
|
||||
<label class="col-form-label text-center d-none">ID</label>
|
||||
<label class="col-form-label text-center col-sm">이름</label>
|
||||
<label class="col-form-label text-center col-sm">입장번호</label>
|
||||
<label class="col-form-label text-center col-sm-1"></label>
|
||||
<label class="col-form-label text-center col-sm-1"></label>
|
||||
</div>
|
||||
|
||||
<div class="form-group player-list row mx-2">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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>
|
||||
|
||||
|
||||
<!--
|
||||
<ul id="search_player_list" class="player_list">
|
||||
<li>
|
||||
<span class="player_name">이름</span>
|
||||
@@ -112,6 +207,52 @@ function searchPlayer() {
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
-->
|
||||
|
||||
|
||||
<nav aria-label="Page navigation example">
|
||||
<ul class="pagination pagination-sm justify-content-center">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" aria-label="Previous">
|
||||
<span aria-hidden="true">«</span>
|
||||
<span class="sr-only">Fastest</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" aria-label="Previous">
|
||||
<span aria-hidden="true"><</span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
</li>
|
||||
<li> </li>
|
||||
|
||||
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">5</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">6</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">7</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">8</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">9</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">10</a></li>
|
||||
|
||||
<li> </li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#" aria-label="Next">
|
||||
<span aria-hidden="true">></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#" aria-label="Next">
|
||||
<span aria-hidden="true">»</span>
|
||||
<span class="sr-only">Latest</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div id="search_player_list_navigator" class="player_list_navigator">
|
||||
<span><a onClick="onClickPlayerListPage('first')"> ≪ </a></span>
|
||||
@@ -120,4 +261,5 @@ function searchPlayer() {
|
||||
<span><a onClick="onClickPlayerListPage('next')"> ＞ </a></span>
|
||||
<span><a onClick="onClickPlayerListPage('last')"> ≫ </a></span>
|
||||
</div>
|
||||
|
||||
</span>
|
||||
Reference in New Issue
Block a user