Add: help - shortcut URL

src/web/module/maestro_section_help.html

@@ -0,0 +1,64 @@
+<script type="text/javascript">
+
+
+$(document).ready(function() {
+	$('.owner_maestro_id').append(maestroInfo.maestroName);
+});
+
+
+</script>
+
+
+<!-- shortcut -->
+<div class="card bg-light">
+	<h5 class="card-header">초코마에 바로가기</h5>
+	<div class="card-body">
+		<p class="card-text">
+
+
+			<div class="row mx-1">
+				<div class="col-12">
+					<h5 class="mb-2">바로가기</h5>
+				</div> <!-- col -->
+			</div> <!-- row -->
+
+			<div class="row mx-4">
+				<div class="col-3">
+					<label class="lead"> 바로가기 주소</label>
+				</div>
+				<div class="col-9">
+
+					<table class="table table-sm table-borderless">
+						<tbody>
+							<tr>
+								<td scope="row">학생 로그인 화면</td>
+								<td>http://www.chocomae.com/<span style="color: darkred;">login</span>/<span class="owner_maestro_id"></span></td>
+							</tr>
+							<tr>
+								<td scope="row">타이머 로그인 화면</td>
+								<td>http://www.chocomae.com/<span style="color: darkgreen;">timer</span>/<span class="owner_maestro_id"></span></td>
+							</tr>
+						</tbody>
+					</table>
+
+				</div> <!-- col -->
+			</div> <!-- row -->
+
+
+			<div class="row mx-4">
+				<div class="col-3">
+					<label class="lead"> 바로가기 등록</label>
+				</div>
+				<div class="col-9">
+
+					<button type="button" class="btn btn-primary">바탕화면 단축 아이콘 생성</button>
+					<button type="button" class="btn btn-primary">웹브라우저 즐겨찾기 등록</button>
+					<button type="button" class="btn btn-primary">웹브라우저 시작페이지 설정</button>
+
+				</div> <!-- col -->
+			</div> <!-- row -->
+
+
+		</p> <!-- card teext -->
+	</div>	<!-- card body -->
+</div>	<!-- card -->

src/web/module/maestro_section_main.html

@@ -10,10 +10,11 @@ var searchPlayerListManager = null;
 $(document).ready(function() {
 	$("#section_add_player").load("./../module/maestro_section_add_player.html");
 	$("#section_search_player").load("./../module/maestro_section_search.html");
-	$("#app_activation").load("./../module/maestro_section_app_activation.html");
+	$("#section_app_activation").load("./../module/maestro_section_app_activation.html");
 	// $("#mouse_app_list").load("./../module/maestro_section_mouse_app.html");
 	// $("#typing_app_list").load("./../module/maestro_section_typing_app.html");
 	$("#section_timer").load("./../module/maestro_section_timer.html");
+	$("#help").load("./../module/maestro_section_help.html");
 
 	maestroInfo.loadMaestroInfo(onLoadSuccessMaestroInfo, onLoadFailMaestroInfo);
 });
@@ -203,11 +204,16 @@ function deactivateApp(appID) {
 		<li class="nav-item">
 			<a class="nav-link" id="timer-tab" data-toggle="tab" href="#timer" role="tab" aria-controls="timer" aria-selected="false">자격증 타이머</a>
 		</li>
+
+		<li class="nav-item">
+			<a class="nav-link" id="help-tab" data-toggle="tab" href="#help" role="tab" aria-controls="help" aria-selected="false">도움말</a>
+		</li>
 	</ul>	<!-- 탭 -->
 
 	<div class="tab-content" id="myTabContent">
 
-		<div class="tab-pane fade show active mt-3" id="add" role="tabpanel" aria-labelledby="add-tab">
+		<!-- <div class="tab-pane fade show active mt-3" id="add" role="tabpanel" aria-labelledby="add-tab"> -->
+		<div class="tab-pane fade mt-3" id="add" role="tabpanel" aria-labelledby="add-tab">
 			<div id="section_add_player"></div>
 		</div>
 
@@ -216,7 +222,7 @@ function deactivateApp(appID) {
 		</div>
 
 		<div class="tab-pane fade mt-3" id="app-activation" role="tabpanel" aria-labelledby="app-activation-tab">
-			<div id="app_activation"></div>
+			<div id="section_app_activation"></div>
 		</div>
 
 <!--
@@ -232,6 +238,10 @@ function deactivateApp(appID) {
 			<div id="section_timer"></div>
 		</div>
 
+		<div class="tab-pane fade show active mt-3" id="help" role="tabpanel" aria-labelledby="help">
+			<div id="section_help"></div>
+		</div>
+
 	</div>
 
  </div> <!-- container -->