Add: maestro_available_date.js

src/web/module/maestro_upgrade.html

@@ -1,5 +1,7 @@
 <script>
 
+var maestroAvailableDate = new MaestroAvailableDate();
+
 var registeredAccountType = -1;
 
 
@@ -15,7 +17,12 @@ function loadMaestroInfo(maestroID) {
 		(function(jsonData) {
 			// console.log(jsonData);
 			registeredAccountType = jsonData.accountType;
-			showEndDate(jsonData.availableActivateDateTime);
+
+			// showEndDate(jsonData.availableActivateDateTime);
+			maestroAvailableDate.setEndDateTime(jsonData.availableActivateDateTime);
+			maestroAvailableDate.showEndDate();
+			maestroAvailableDate.showMaestroExtensionMessage(jsonData.name);
+
 			showPlayerCount(jsonData.accountType, jsonData.playerCount);
 			updateCards(registeredAccountType);
 		}),
@@ -27,24 +34,6 @@ 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 + " <span id='countdown_day'>(남은 기간 : " + Math.ceil(diffDay) + "일)</span>");
-	if(diffDay < 30)
-		$("#countdown_day").addClass("text-danger");
-	else if(diffDay < 10)
-		$("#countdown_day").addClass("bg-danger text-light");
-	else if(diffDay < 0)
-		$("#countdown_day").addClass("bg-secondary text-light");
-	else
-		$("#countdown_day").addClass("text-muted");
-}
 
 function showPlayerCount(accountType, playerCount) {
 	$("#maestro_info_player_count").val("학생수 : " + playerCount + " / " + accountTypePlayerCount(accountType));
@@ -174,6 +163,17 @@ function upgradeMaestroInfo(accountType) {
 
 
 <div class="container py-3">
+	<div id="maestro_extension" class="alert alert-danger d-none" role="alert">
+		<div class="row mx-0">
+			<div id="maestro_extension_message" class="col-sm my-auto px-0">
+				message
+			</div>
+			<div class="col-sm-offset my-auto">
+				<a class="btn btn-primary pull-right" role="button" href="./../maestro/extension.html" style="float:right;">유효기간 연장</a>
+			</div>
+		</div>
+	</div>
+
 	<div class="row border rounded border-dark py-2 mx-0 mb-3">
 		<div id="maestro_count_down_date" class="col-sm-6 my-auto text-left"></div>