Add: player list manager

src/web/module/maestro_section_add_player.html

@@ -1,10 +1,14 @@
 <script type="text/javascript">
 $(document).ready(function() {
-	addPlayerList = new PlayerList($("#add_player_list"));
-	addPlayerListNavigator = new PlayerListNavigator($("#add_player_list_navigator > #page_no_area"));
+	addPlayerListManager = new PlayerListManager(
+		$("#add_player_list"),
+		$("#add_player_list_navigator > #page_no_area")
+	);
+	// addPlayerListNavigator = new PlayerListNavigator($("#add_player_list_navigator > #page_no_area"));
+	// addPlayerList = new PlayerList($("#add_player_list"), addPlayerListNavigator);
 
-	loadPlayerList();
-	addPlayerListNavigator.addPlayerListPages();
+	// addPlayerList.loadPlayerListPage(1);
+	addPlayerListManager.setupAddPlayerList();
 });
 
 function addPlayer() {
@@ -180,10 +184,10 @@ function addPlayer() {
 	</div>
 
 	<div id="add_player_list_navigator" class="player_list_navigator">
-		<span><a onClick="onClickPlayerListPage('first')"> ≪ </a></span>
-		<span><a onClick="onClickPlayerListPage('prev')"> ＜ </a></span>
+		<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('next')"> ＞ </a></span>
-		<span><a onClick="onClickPlayerListPage('last')"> ≫ </a></span>
+		<span><a onClick="onClickPlayerListPage(this, 'next')"> ＞ </a></span>
+		<span><a onClick="onClickPlayerListPage(this, 'last')"> ≫ </a></span>
 	</div>
 </span>

src/web/module/maestro_section_search.html

@@ -1,8 +1,61 @@
 <script type="text/javascript">
 $(document).ready(function() {
-	searchPlayerList = new PlayerList($("#search_player_list"));
-	searchPlayerListNavigator = new PlayerListNavigator($("#search_player_list_navigator > #page_no_area"));
+	searchPlayerListManager = new PlayerListManager(
+		$("#search_player_list"),
+		$("#search_player_list_navigator > #page_no_area")
+	);
+
+	// searchPlayerList = new PlayerList($("#search_player_list"));
+	// searchPlayerListNavigator = new PlayerListNavigator($("#search_player_list_navigator > #page_no_area"));
+	searchPlayerListManager.updateSearchPlayerListPage(1);
 });
+
+
+function searchPlayer() {
+	// let maestroID = sessionStorage.getItem("maestroID");
+	let playerName = $("#search_name").val();
+
+	if(playerName.length === 0) {
+		$("#add_player_notice").val("학생 이름을 입력하세요.");
+		$("#add_player_name").focus();
+	}
+
+	let xhr = new XMLHttpRequest(); //new로 생성.
+	xhr.open('POST', './../server/user/search_player.php', true);
+	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+	xhr.send("maestro_id=" + maestroID + "&player_name=" + playerName);
+	xhr.onload = function() {
+		if(xhr.readyState === 4 && xhr.status === 200) {
+			// console.log(xhr.responseText);
+			// console.log(xhr.responseText.length);
+			if(xhr.responseText.length === 0 || xhr.responseText === null) {
+				console.log("no data from server");
+				return;
+			}
+
+			let replyJSON = JSON.parse(xhr.responseText);
+			// console.log(replyJSON);
+
+			if(replyJSON === null) {
+				console.log("no data from server");
+				return;
+			}
+
+			if(replyJSON["ERROR"] !== undefined || replyJSON["RESULT"] === undefined) {
+				console.log(replyJSON["ERROR"]);
+				return;
+			}
+
+			if(replyJSON["RESULT"] === "fail") {
+				console.log(replyJSON["RESULT"]);
+				return;
+			}
+
+			loadPlayerListPage(1);
+		}
+	}
+}
+
 </script>