Fix: add timer content to homepage

src/web/module/home_section.html

@@ -1,5 +1,10 @@
 <script>
 
+$(document).ready(function() {
+	showErrorMessage("(12월 16일) 새소식 - 자격증 타이머 앱 서비스가 추가<br/>화면 하단에서 내용을 확인하고 앱을 실행해 보세요.", "success");
+});
+
+
 function loadMaestroExperienceAccount() {
 	sendRequestServer(	//url, sendParams, onSuccess, onFail, isDebugMode);
 		"./../server/maestro/maestro_experience_account.php",
@@ -39,7 +44,13 @@ function experienceMaestro() {
 
 <div class="container py-3">
 
-	<div class="px-5 py-4 mb-3" style="background-color: #ffce54">
+	<div class="row mx-0">
+		<div class="col px-0">
+			<div id="message_box"></div>
+		</div>
+	</div>
+
+	<div class="px-5 py-4 mb-3" style="background-color: #ffce54">	<!-- jumbotron -->
 		<h1 class="display-3 font-weight-bold">마우스 타자 연습<span class="display-4">, 학생</span></h1>
 
 		<p>아직 마우스와 타자가 익숙하지 않으신가요?<br/>
@@ -81,7 +92,9 @@ function experienceMaestro() {
 
 	</div>	<!-- jumbotron -->
 
-	<div class="px-5 py-4" style="background-color: #99ccff">
+
+
+	<div class="px-5 py-4 mb-3" style="background-color: #99ccff">	<!-- jumbotron -->
 		<h1 class="display-3 font-weight-bold">마에스트로<span class="display-4">, 관리자</span></h1>
 
 		<p>마에스트로 유료 계정을 등록하세요.<br/>
@@ -161,4 +174,42 @@ function experienceMaestro() {
 
 	</div> <!-- jumbotron -->
 
+
+
+	<div class="px-5 py-4" style="background-color: #ccff99">	<!-- jumbotron -->
+		<h1 class="display-3 font-weight-bold">보너스<span class="display-4">, 추가 컨텐츠</span></h1>
+
+		<div class="row mt-3">
+			<div class="col-4">
+				<a class="btn btn-outline-dark btn-block btn-lg" role="button" href="./../client/license_timer.html" target="_blank">
+					<span class="oi oi-clock" title="icon clock" aria-hidden="true"></span>
+							&nbsp;자격증 타이머
+				</a>
+			</div>
+			<div class="col-8">
+				<h5>자격증 시험을 준비하는 학생들과 선생님에게 꼭 필요한 앱!</h5>
+				<div class="col-8">
+					<div class="row">
+						<div class="col-6">
+							<ul>
+								<li>타이머 시간 저장</li>
+							</ul>
+						</div>
+						<div class="col-6">
+							<ul>
+								<li>과목 및 성적 저장</li>
+							</ul>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- <hr class="mt-4"> -->
+
+
+	</div> <!-- jumbotron -->
+
+
+
 </div>

src/web/module/maestro_section_main.html

@@ -12,6 +12,7 @@ $(document).ready(function() {
 	$("#section_search_player").load("./../module/maestro_section_search.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");
 
 	maestroInfo.loadMaestroInfo(onLoadSuccessMaestroInfo, onLoadFailMaestroInfo);
 });
@@ -192,6 +193,10 @@ function deactivateApp(appID) {
 		<li class="nav-item">
 			<a class="nav-link" id="typing-tab" data-toggle="tab" href="#typing" role="tab" aria-controls="typing" aria-selected="false">타자 앱 활성화</a>
 		</li>
+
+		<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>
 	</ul>	<!-- 탭 -->
 
 	<div class="tab-content" id="myTabContent">
@@ -212,6 +217,10 @@ function deactivateApp(appID) {
 			<div id="typing_app_list"></div>
 		</div>
 
+		<div class="tab-pane fade mt-3" id="timer" role="tabpanel" aria-labelledby="timer-tab">
+			<div id="section_timer"></div>
+		</div>
+
 	</div>
 
  </div> <!-- container -->

src/web/module/maestro_section_timer.html

@@ -0,0 +1,70 @@
+<script type="text/javascript">
+
+
+$(document).ready(function() {
+	// load maestro timer password and show it
+
+	$("#timer_short_url").html(
+		"<span class='text-secondary'>자격증 타이머 앱 <span class='font-weight-bold'>바로 실행 URL</span> :</span><br/>"
+		+ "http://www.chocomae.com/timer/" + maestroInfo.maestroName
+	);
+});
+
+
+
+function onErrorPlayerName(message) {
+	showErrorMessage(message, "error");
+
+	$("#player_name").select();
+	$("#player_name").focus();
+}
+
+function onErrorPlayerPW(message) {
+	showErrorMessage(message, "error");
+
+	$("#entercode").select();
+	$("#entercode").focus();
+}
+
+
+</script>
+
+
+
+<div class="row mx-1">
+
+	<div class="col-5">
+		<h5 class="my-3">자격증 타이머</h5>
+
+		<!--
+		<div class="input-group mb-3">
+			<div class="input-group-prepend">
+				<span class="input-group-text" id="timer-password">비밀번호</span>
+			</div>
+			<input type="text" class="form-control" placeholder="새로운 비밀번호 입력" aria-label="timer password" aria-describedby="submit-password">
+			<div class="input-group-append">
+				<button class="btn btn-primary" type="button" id="submit-password" onClick="updatePassword()">수정</button>
+			</div>
+		</div>
+		<small class="form-text text-muted">1~8 글자 / [ 한글,영문,숫자,-,_ ]</small>
+		-->
+
+		<div id="timer_short_url" class="col-sm pr-0 my-auto"></div>
+		<br/>
+
+		<form class="mx-2">
+
+			<div class="form-group row">
+				<label for="player_name" class="col-sm-3 col-form-label">비밀번호</label>
+				<div class="col-sm-9">
+					<input type="text" class="form-control col-sm-9" id="player_name" placeholder="새로운 비밀번호 입력">
+					<small class="form-text text-muted">2~8자리의 숫자</small>
+					<button type="button" class="col-sm-7 btn btn-primary btn-lg mt-3" onClick="editPassword()">수정</button>
+				</div>
+			</div>
+
+		</form>
+		<br/>
+		<br/>
+
+</div>