Fix: search -> search_player

src/web/css/maestro_main.css

@@ -84,11 +84,11 @@
 	cursor: pointer;
 }
 
-#search {
+#search_player {
 	overflow: hidden;
 }
 
-#search_player {
+#search_player_name {
 	float: left;
 	line-height: 2em;
 	width: 400px;
@@ -104,5 +104,10 @@
 	background-color: #ffaaaa;
 }
 
+/*
+#mouse_app_list {
+	overflow: hidden;
+}
+*/
 
 </style>

src/web/js/maestro_main.html

@@ -1,52 +0,0 @@
-<div class="container">
-	<div id="page-tabs">
-		<ul>
-			<li class="widthQuarter activated" onClick="tabClicked(1)">학생 목록</li>
-			<li class="widthQuarter" onClick="tabClicked(2)">학생 검색</li>
-			<li class="widthQuarter" onClick="tabClicked(3)">마우스 앱 활성화</li>
-			<li class="widthQuarter" onClick="tabClicked(4)">키보드 앱 활성화</li>
-		</ul>
-	</div>
-
-
-	<div id="section_add_player">
-	</div>
-
-	<div class="search hide">
-		<div>
-			검색
-			아이디
-			<input type="text" id="search_name"><button>찾기</button><br/>
-			<br/>
-
-			<h3>검색 결과</h3>
-
-			학생 이름
-			<input type="text" id="result_name"><button>삭제</button><br/>
-			입장 코드
-			<input type="text" id="result_entercode"><button>수정</button>
-		</div>
-
-	</div>
-
-	<div class="mouse_app_list hide">
-		<form action="/action_page.php" method="get" id="app_mouse">
-			<input type="checkbox" name="mouse">클릭 연습<br/>
-			<input type="checkbox" name="mouse">더블 클릭 연습<br/>
-			<button type="submit" form="app_mouse">적용</button>
-		</form>
-	</div>
-
-	<div class="typing_app_list hide">
-		<form action="/action_page.php" method="get" id="app_typing">
-			<input type="checkbox" name="typing">기본 자리<br/>
-			<input type="checkbox" name="typing">왼손 윗글쇠<br/>
-			<input type="checkbox" name="typing">basic<br/>
-			<input type="checkbox" name="typing">left upper<br/>
-			<button type="submit" form="app_typing">적용</button>
-		</form>
-
-	</div>
-
-
-</div>

src/web/js/maestro_main.js

@@ -27,29 +27,29 @@ function tabClicked(tabNo) {
 		addPlayerListManager.setupAddPlayerList();
 		$("#section_add_player").removeClass("hide");
 
-		$("#search").addClass("hide");
+		$("#search_player").addClass("hide");
 		$("#mouse_app_list").addClass("hide");
 		$("#typing_app_list").addClass("hide");
 		break;
 		case 2:
 		$("#section_add_player").addClass("hide");
 
-		$("#search_name").val("");
+		$("#search_player_name").val("");
 		searchPlayerListManager.setupSearchPlayerList("");
-		$("#search").removeClass("hide");
+		$("#search_player").removeClass("hide");
 
 		$("#mouse_app_list").addClass("hide");
 		$("#typing_app_list").addClass("hide");
 		break;
 		case 3:
 		$("#section_add_player").addClass("hide");
-		$("#search").addClass("hide");
+		$("#search_player").addClass("hide");
 		$("#mouse_app_list").removeClass("hide");
 		$("#typing_app_list").addClass("hide");
 		break;
 		case 4:
 		$("#section_add_player").addClass("hide");
-		$("#search").addClass("hide");
+		$("#search_player").addClass("hide");
 		$("#mouse_app_list").addClass("hide");
 		$("#typing_app_list").removeClass("hide");
 		break;

src/web/js/player_list_manager.js

@@ -7,8 +7,6 @@
 
 		this.list = new PlayerList(this.docList, this);
 		this.listNavigator = new PlayerListNavigator(this.docNav);
-		// console.log(this.list);
-		// console.log(this.listNavigator);
 
 		this.playerCount = 0;
 		this.activePageNo = 1;

src/web/module/maestro_section_main.html

@@ -1,7 +1,8 @@
 <script type="text/javascript">
 $(document).ready(function() {
 	$("#section_add_player").load("./../module/maestro_section_add_player.html");
-	$("#search").load("./../module/maestro_section_search.html");
+	$("#search_player").load("./../module/maestro_section_search.html");
+	$("#mouse_app_list").load("./../module/maestro_section_mouse_app.html");
 
 	// loadPlayerList();
 });
@@ -23,15 +24,10 @@ $(document).ready(function() {
 	<div id="section_add_player">
 	</div>
 
-	<div id="search" class="hide">
+	<div id="search_player" class="hide">
 	</div>
 
 	<div id="mouse_app_list" class="hide">
-		<form action="/action_page.php" method="get" id="app_mouse">
-			<input type="checkbox" name="mouse">클릭 연습<br/>
-			<input type="checkbox" name="mouse">더블 클릭 연습<br/>
-			<button type="submit" form="app_mouse">적용</button>
-		</form>
 	</div>
 
 	<div id="typing_app_list" class="hide">

src/web/module/maestro_section_mouse_app.html

@@ -0,0 +1,21 @@
+<script type="text/javascript">
+$(document).ready(function() {
+});
+
+
+</script>
+
+
+
+<div id="mouse_app_content">
+
+	<input type="checkbox" id="checkbox1" checked="checked" />
+	<label for="checkbox1">Option 1</label>
+
+	<input type="checkbox" id="checkbox2" />
+	<label for="checkbox2">Option 2</label>
+
+	<input type="checkbox" id="checkbox3" />
+	<label for="checkbox3">Option 3</label>
+
+</div>

src/web/module/maestro_section_search.html

@@ -5,8 +5,6 @@ $(document).ready(function() {
 		$("#search_player_list_navigator > #page_no_area")
 	);
 
-	// searchPlayerList = new PlayerList($("#search_player_list"));
-	// searchPlayerListNavigator = new PlayerListNavigator($("#search_player_list_navigator > #page_no_area"));
 	searchPlayerListManager.setupSearchPlayerList("");
 });
 
@@ -16,8 +14,8 @@ function searchPlayer() {
 	let playerName = $("#search_name").val();
 
 	if(playerName.length === 0) {
-		$("#add_player_notice").val("학생 이름을 입력하세요.");
+		// $("#search_name_notice").val("학생 이름을 입력하세요.");
-		$("#add_player_name").focus();
+		$("#search_name").focus();
 	}
 
 	searchPlayerListManager.setupSearchPlayerList(playerName);
@@ -27,7 +25,7 @@ function searchPlayer() {
 
 
 
-<span id="search_player">
+<span id="search_player_name">
 	<h1>검색</h1>
 
 	학생 이름