245 lines
8.9 KiB
HTML
245 lines
8.9 KiB
HTML
<script type="text/javascript">
|
|
|
|
$(document).ready(function() {
|
|
$("#search_name").keydown(function(key) {
|
|
if(key.keyCode == 13) {
|
|
searchPlayer();
|
|
}
|
|
});
|
|
|
|
$("input[id=search_name]").keydown(function(key) {
|
|
if(key.keyCode == 13)
|
|
searchPlayer();
|
|
});
|
|
|
|
searchPlayerListManager = new PlayerListManager(
|
|
$("#search_player_list"),
|
|
// $(".pagination")
|
|
$("[aria-label='search_player_list'] > .pagination")
|
|
);
|
|
});
|
|
|
|
|
|
function searchPlayer() {
|
|
var playerName = $("#search_name").val();
|
|
|
|
if(playerName.length === 0) {
|
|
$("#search_name").focus();
|
|
return;
|
|
}
|
|
|
|
searchPlayerListManager.setupSearchPlayerList(playerName);
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<div class="row mx-1">
|
|
|
|
<div class="col-5">
|
|
<h5 class="my-3">학생 검색</h5>
|
|
|
|
<form class="mx-2" onsubmit="return false">
|
|
<div class="form-group row">
|
|
<label for="search_name" class="col-sm-3 col-form-label">이름</label>
|
|
<div class="col-sm-9">
|
|
<input type="text" class="form-control col-sm-9" id="search_name" placeholder="이름 입력">
|
|
<!-- <small class="form-text text-muted">1~8 글자 / [ 한글,영문,숫자,-,_ ]</small> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<div class="offset-sm-3 col-sm-9">
|
|
<button type="button" class="col-sm-7 btn btn-primary btn-lg mt-3" onClick="searchPlayer()">검색</button>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div> <!-- 학생 검색 -->
|
|
|
|
|
|
<div class="col-7 border border-warning rounded" style="background-color: #ffeab6">
|
|
<h5 class="mt-3">검색 결과</h5>
|
|
|
|
<form id="search_player_list">
|
|
<div class="form-group row mx-2 mb-0 text-center">
|
|
<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 px-0 col-sm-2 pr-2 text-right">수정 삭제</label>
|
|
<!--
|
|
<label class="col-form-label px-0 col-sm-1">수정</label>
|
|
<label class="col-form-label px-0 col-sm-1">삭제</label>
|
|
-->
|
|
</div>
|
|
|
|
<div class="form-group player-list row mx-2 mb-1">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control player_id d-none">
|
|
<input type="text" class="form-control player_name col-sm">
|
|
<input type="text" class="form-control player_entercode col-sm" min="10" step="1" maxlength="8">
|
|
<div class="input-group-append">
|
|
<button class="player_edit btn btn-primary" type="button"> ✎ </button>
|
|
<button class="player_delete btn btn-danger" type="button"> X </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group player-list row mx-2 mb-1">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control player_id d-none">
|
|
<input type="text" class="form-control player_name col-sm">
|
|
<input type="text" class="form-control player_entercode col-sm" min="10" step="1" maxlength="8">
|
|
<div class="input-group-append">
|
|
<button class="player_edit btn btn-primary" type="button"> ✎ </button>
|
|
<button class="player_delete btn btn-danger" type="button"> X </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group player-list row mx-2 mb-1">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control player_id d-none">
|
|
<input type="text" class="form-control player_name col-sm">
|
|
<input type="text" class="form-control player_entercode col-sm" min="10" step="1" maxlength="8">
|
|
<div class="input-group-append">
|
|
<button class="player_edit btn btn-primary" type="button"> ✎ </button>
|
|
<button class="player_delete btn btn-danger" type="button"> X </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group player-list row mx-2 mb-1">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control player_id d-none">
|
|
<input type="text" class="form-control player_name col-sm">
|
|
<input type="text" class="form-control player_entercode col-sm" min="10" step="1" maxlength="8">
|
|
<div class="input-group-append">
|
|
<button class="player_edit btn btn-primary" type="button"> ✎ </button>
|
|
<button class="player_delete btn btn-danger" type="button"> X </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group player-list row mx-2 mb-1">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control player_id d-none">
|
|
<input type="text" class="form-control player_name col-sm">
|
|
<input type="text" class="form-control player_entercode col-sm" min="10" step="1" maxlength="8">
|
|
<div class="input-group-append">
|
|
<button class="player_edit btn btn-primary" type="button"> ✎ </button>
|
|
<button class="player_delete btn btn-danger" type="button"> X </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group player-list row mx-2 mb-1">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control player_id d-none">
|
|
<input type="text" class="form-control player_name col-sm">
|
|
<input type="text" class="form-control player_entercode col-sm" min="10" step="1" maxlength="8">
|
|
<div class="input-group-append">
|
|
<button class="player_edit btn btn-primary" type="button"> ✎ </button>
|
|
<button class="player_delete btn btn-danger" type="button"> X </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group player-list row mx-2 mb-1">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control player_id d-none">
|
|
<input type="text" class="form-control player_name col-sm">
|
|
<input type="text" class="form-control player_entercode col-sm" min="10" step="1" maxlength="8">
|
|
<div class="input-group-append">
|
|
<button class="player_edit btn btn-primary" type="button"> ✎ </button>
|
|
<button class="player_delete btn btn-danger" type="button"> X </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group player-list row mx-2 mb-1">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control player_id d-none">
|
|
<input type="text" class="form-control player_name col-sm">
|
|
<input type="text" class="form-control player_entercode col-sm" min="10" step="1" maxlength="8">
|
|
<div class="input-group-append">
|
|
<button class="player_edit btn btn-primary" type="button"> ✎ </button>
|
|
<button class="player_delete btn btn-danger" type="button"> X </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group player-list row mx-2 mb-1">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control player_id d-none">
|
|
<input type="text" class="form-control player_name col-sm">
|
|
<input type="text" class="form-control player_entercode col-sm" min="10" step="1" maxlength="8">
|
|
<div class="input-group-append">
|
|
<button class="player_edit btn btn-primary" type="button"> ✎ </button>
|
|
<button class="player_delete btn btn-danger" type="button"> X </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group player-list row mx-2 mb-1">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control player_id d-none">
|
|
<input type="text" class="form-control player_name col-sm">
|
|
<input type="text" class="form-control player_entercode col-sm" min="10" step="1" maxlength="8">
|
|
<div class="input-group-append">
|
|
<button class="player_edit btn btn-primary" type="button"> ✎ </button>
|
|
<button class="player_delete btn btn-danger" type="button"> X </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
<nav aria-label="search_player_list">
|
|
<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> <!-- 학생 목록 -->
|
|
|
|
</div> |