Fix: html header, footer and maestro home button

src/web/module/maestro_setup.html

@@ -28,7 +28,11 @@ function loadMaestroInfo(maestroID) {
 		"maestro_id=" + maestroID,
 
 		(function(jsonData) {
-			console.log(jsonData);
+			// console.log(jsonData);
+
+			showEndDate(jsonData.availableActivateDateTime);
+			showPlayerCount(jsonData.accountType, jsonData.playerCount);
+
 			registeredMaestroIDName = jsonData.name;
 			$("#maestro_id").val(registeredMaestroIDName);
 
@@ -45,6 +49,27 @@ function loadMaestroInfo(maestroID) {
 	);
 }
 
+function showEndDate(date) {
+	var endDateArray = date.split(" ");
+	var endDate = endDateArray[0];	// "YY-MM_DD"
+
+	var today = new Date();
+	var endDay = new Date(endDate);
+	var diffDay = (endDay.getTime() - today.getTime()) / (1000 * 60 * 60 * 24);
+
+	$("#maestro_count_down_date").html("~ " + endDate + "<br/>유효 기간 : " + Math.ceil(diffDay) + "일");
+	if(diffDay < 30)
+		$("#maestro_count_down_date").addClass("text-danger");
+	else if(diffDay < 10)
+		$("#maestro_count_down_date").addClass("bg-danger text-light");
+	else if(diffDay < 0)
+		$("#maestro_count_down_date").addClass("bg-secondary text-light");
+}
+
+function showPlayerCount(accountType, playerCount) {
+	$("#maestro_info_player_count").val("학생수 : " + playerCount + " / " + accountTypePlayerCount(accountType));
+}
+
 function onChangeMaestroIDName() {
 	isChangedIDName = true;
 	isAvailableIDName = false;
@@ -209,7 +234,26 @@ function changeMaestroPassword() {
 
 
 
-<div class="container my-3">
+<div class="container py-3">
+	<div class="row border border-primary rounded py-2 mx-0 mb-2">
+		<div id="maestro_info_id" class="col-sm pl-2 my-auto">
+			<a class="btn btn-primary" href="javascript:void(0);" onClick="goHome()">< 마에스트로 [홈]</a>
+		</div>
+		<div id="maestro_count_down_date" class="col-sm-2 px-0 my-auto mx-1 text-center"></div>
+
+		<div class="col-sm-5 px-0 d-md-flex align-items-center">
+			<div class="input-group my-auto">
+				<input type="text" id="maestro_info_player_count" class="form-control px-2 mx-0" value="학생수 :">
+				<div class="input-group-append">
+					<button class="btn btn-primary px-2 mr-2" type="button" onClick="location.href='./../maestro/upgrade.html';">업그레이드</a>
+				</div>
+			</div>
+
+			<a class="btn btn-primary px-2 mr-2 disabled" href="./../maestro/setup.html">계정 정보 수정</a>
+		</div>
+
+	</div>	<!-- row border -->
+
 
 	<div id="message_box">
 	</div>
@@ -248,7 +292,7 @@ function changeMaestroPassword() {
 
 
 
-	<div class="card border-primary my-3">
+	<div class="card border-primary mt-3">
 		<div class="card-header bg-light"><span class="h4">마에스트로 암호 변경</span></div>
 		<div class="card-body">