chocomae/src/web/module/maestro_section_add_player.html

<script type="text/javascript">

$(document).ready(function() {
	addPlayerListManager = new PlayerListManager(
		$("#add_player_list"),
		$("#add_player_list_navigator > #page_no_area")
	);

	addPlayerListManager.setupAddPlayerList();
});

function addPlayer() {
	let playerName = $("#add_player_name").val();
	let enterCode = $("#add_player_enter_code").val();

	if(playerName.length === 0) {
		$("#add_player_notice").val("학생 이름을 입력하세요.");
		$("#add_player_name").focus();
		return;
	} else if(enterCode.length === 0) {
		$("#add_player_notice").val("엔터 코드를 입력하세요.");
		$("#add_player_enter_code").focus();
		return;
	}

	sendRequestServer(	//url, sendParams, onSuccess, onFail, isDebugMode);
		"./../server/player/add_player.php",
		"maestro_id=" + maestroID + "&player_name=" + playerName + "&enter_code=" + enterCode,

		(jsonData) => {
			addPlayerListManager.updateAddPlayerListPage(1);
		},

		(errorMessage) => {
			if($("#error_message").length) {
				$("#error_message").text(errorMessage);
			}
		}

	);
}

</script>



<span id="add_player">
	<h2>추가</h2>

	<h3>1명 추가</h3>

	<div>
		학생 이름 <input type="text" name="name" id="add_player_name"><br/>
		입장 코드 <input type="text" name="entercode" id="add_player_enter_code">
		<input type='button' value="추가"" onClick="addPlayer()" >
	</div>

	<textarea id="add_player_notice">
학생 이름 : (한글) 10글자, (영문) 20글자까지 입력 가능
입장 코드 : 숫자 1~6자리 수
	</textarea>


	<!--
	<h3>단체 추가</h3>

	<form action="/action_page.php" method="get" id="add_players">
	<textarea>
엑셀에서 아래와 같이 셀에 입력한 후에 복사하고 붙여넣기
학생 이름 | 입장 코드
학생 이름 | 입장 코드
...
	</textarea>
		<button type="submit" form="add_players">추가</button>
	</form>

	<textarea>
학생 이름 : (한글) 10글자, (영문) 20글자까지 입력 가능
입장 코드 : 숫자 1~6자리 수
	</textarea>
-->
</span>

<span id="search_result">
	학생 목록
	<div id="player_list_result_contents">
		<ul id="add_player_list" class="player_list">
			<li>
				<span class="player_name">이름</span>
				<span class="player_entercode">입장 코드</span>
				<input type='button' value='전체 삭제' onClick="deletePlayer('all')">
			</li>
			<li>
				<span class="player_id"></span>
				<input type='text' class="player_name" value="test">
				<input type='text' class="player_entercode">
				<input type='button' class="player_edit" value='수정'>
				<input type='button' class="player_delete" value='삭제'>
			</li>
			<li>
				<span class="player_id"></span>
				<input type='text' class="player_name" value="test">
				<input type='text' class="player_entercode">
				<input type='button' class="player_edit" value='수정'>
				<input type='button' class="player_delete" value='삭제'>
			</li>
			<li>
				<span class="player_id"></span>
				<input type='text' class="player_name">
				<input type='text' class="player_entercode">
				<input type='button' class="player_edit" value='수정'>
				<input type='button' class="player_delete" value='삭제'>
			</li>
			<li>
				<span class="player_id"></span>
				<input type='text' class="player_name">
				<input type='text' class="player_entercode">
				<input type='button' class="player_edit" value='수정'>
				<input type='button' class="player_delete" value='삭제'>
			</li>
			<li>
				<span class="player_id"></span>
				<input type='text' class="player_name">
				<input type='text' class="player_entercode">
				<input type='button' class="player_edit" value='수정'>
				<input type='button' class="player_delete" value='삭제'>
			</li>
			<li>
				<span class="player_id"></span>
				<input type='text' class="player_name">
				<input type='text' class="player_entercode">
				<input type='button' class="player_edit" value='수정'>
				<input type='button' class="player_delete" value='삭제'>
			</li>
			<li>
				<span class="player_id"></span>
				<input type='text' class="player_name">
				<input type='text' class="player_entercode">
				<input type='button' class="player_edit" value='수정'>
				<input type='button' class="player_delete" value='삭제'>
			</li>
			<li>
				<span class="player_id"></span>
				<input type='text' class="player_name">
				<input type='text' class="player_entercode">
				<input type='button' class="player_edit" value='수정'>
				<input type='button' class="player_delete" value='삭제'>
			</li>
			<li>
				<span class="player_id"></span>
				<input type='text' class="player_name">
				<input type='text' class="player_entercode">
				<input type='button' class="player_edit" value='수정'>
				<input type='button' class="player_delete" value='삭제'>
			</li>
			<li>
				<span class="player_id"></span>
				<input type='text' class="player_name">
				<input type='text' class="player_entercode">
				<input type='button' class="player_edit" value='수정'>
				<input type='button' class="player_delete" value='삭제'>
			</li>
		</ul>
	</div>

	<div id="add_player_list_navigator" class="player_list_navigator">
		<span><a onClick="onClickPlayerListPage(this, 'first')"> ≪ </a></span>
		<span><a onClick="onClickPlayerListPage(this, 'prev')"> ＜ </a></span>
		<span id="page_no_area"></span>
		<span><a onClick="onClickPlayerListPage(this, 'next')"> ＞ </a></span>
		<span><a onClick="onClickPlayerListPage(this, 'last')"> ≫ </a></span>
	</div>
</span>