From beddc0e7fbf025dcb5de3f97db11419fa8e4aa3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=A2=E1=84=91=E1=85=B3=E1=86=AF=20=E1=84=82?=
 =?UTF-8?q?=E1=85=A9=E1=84=90=E1=85=B3=E1=84=87=E1=85=AE=E1=86=A8?=
 <jisangs@gmail.com>
Date: Wed, 26 Sep 2018 12:24:39 +0900
Subject: [PATCH] Add: maestro type 4, 5

---
 src/web/admin/admin_upgrade_list.html        |   2 +-
 src/web/js/lib/account_info.js               |  23 ++-
 src/web/main/register.html                   |   2 +
 src/web/module/home_section.html             |  24 ++-
 src/web/module/maestro_section_register.html |  47 ++---
 src/web/module/maestro_upgrade.html          | 191 ++++++++++---------
 6 files changed, 166 insertions(+), 123 deletions(-)

diff --git a/src/web/admin/admin_upgrade_list.html b/src/web/admin/admin_upgrade_list.html
index 5eec3d3..01472c3 100644
--- a/src/web/admin/admin_upgrade_list.html
+++ b/src/web/admin/admin_upgrade_list.html
@@ -8,9 +8,9 @@
 	<link href="../../../resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
 	<script type="text/javascript" src="./../../../resources/jquery/jquery-3.3.1.min.js"></script>
+	<script type="text/javascript" src="./../../game/lib/number_util.js"></script>
 	<script type="text/javascript" src="./../js/main.js"></script>
 	<script type="text/javascript" src="./../js/request_server.js"></script>
-	<script type="text/javascript" src="./../../game/lib/number_util.js"></script>
 	<script type="text/javascript" src="./../js/lib/account_info.js"></script>
 	<script type="text/javascript">
 
diff --git a/src/web/js/lib/account_info.js b/src/web/js/lib/account_info.js
index 733fd0e..00b320d 100644
--- a/src/web/js/lib/account_info.js
+++ b/src/web/js/lib/account_info.js
@@ -1,4 +1,25 @@
-function accoutType(accountType) {
+function accountTypePlayerCount(accountType) {
+	switch(accountType) {
+		case 1:
+		return 20;
+
+		case 2:
+		return 50;
+
+		case 3:
+		return 100;
+
+		case 4:
+		return 500;
+
+		case 5:
+		return 1000;
+	}
+
+	return 0;
+}
+
+function accoutType(accountType) {
 	switch(accountType) {
 		case 1:
 		return "20명 (1만원)";
diff --git a/src/web/main/register.html b/src/web/main/register.html
index ae7b605..69ac18e 100644
--- a/src/web/main/register.html
+++ b/src/web/main/register.html
@@ -13,7 +13,9 @@
 	<link href="../../../resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
 	<script type="text/javascript" src="./../../../resources/jquery/jquery-3.3.1.min.js"></script>
+	<script type="text/javascript" src="./../../game/lib/number_util.js"></script>
 	<script type="text/javascript" src="./../js/main.js"></script>
+	<script type="text/javascript" src="./../js/lib/account_info.js"></script>
 	<script type="text/javascript" src="./../js/lib/account_validator.js"></script>
 	<script type="text/javascript" src="./../js/request_server.js"></script>
 	<script type="text/javascript">
diff --git a/src/web/module/home_section.html b/src/web/module/home_section.html
index 6022629..b273836 100644
--- a/src/web/module/home_section.html
+++ b/src/web/module/home_section.html
@@ -108,12 +108,24 @@ function experienceMaestro() {
 		 	</div>
 
 			<div class="col-8">
-				<h5>계정 등록 비용 (금액 / 1년)</h5>
-				<ul>
-					<li>1만원 : 학생 20명</li>
-					<li>2만원 : 학생 30명</li>
-					<li>3만원 : 학생 100명</li>
-				</ul>
+				<h5>계정 등록 비용 (유효기간 : 1년)</h5>
+				<div class="col-8">
+					<div class="row">
+						<div class="col-6">
+							<ul>
+								<li>1만원 : 학생 20명</li>
+								<li>2만원 : 학생 50명</li>
+								<li>3만원 : 학생 100명</li>
+							</ul>
+						</div>
+						<div class="col-6">
+							<ul>
+								<li>4만원 : 학생 500명</li>
+								<li>5만원 : 학생 1000명</li>
+							</ul>
+						</div>
+					</div>
+				</div>
 
 			</div>
 		</div>
diff --git a/src/web/module/maestro_section_register.html b/src/web/module/maestro_section_register.html
index d9a5b18..51f6fd6 100644
--- a/src/web/module/maestro_section_register.html
+++ b/src/web/module/maestro_section_register.html
@@ -10,19 +10,19 @@
 
 <script type="text/javascript">
 
-let maestroName = "";
-let isAvailableID = false;
+var maestroName = "";
+var isAvailableID = false;
 
-let password = "";
-let email = "";
-let accountType = 0;
-let selectedAccountTypeValue = -1;
-let selectedAccountTypeText = "";
+var password = "";
+var email = "";
+var accountType = 0;
+var selectedAccountTypeValue = -1;
+var selectedAccountTypeText = "";
 
-let tabs = new Array();
-let tabContents = new Array();
+var tabs = new Array();
+var tabContents = new Array();
 
-let accountValidator = new AccountValidator();
+var accountValidator = new AccountValidator();
 
 $(document).ready(function() {
 	tabs.push($("#input-info"));
@@ -48,7 +48,7 @@ function checkMaestroID() {
 
 		(function(jsonData) {
 			isAvailableID = true;
-			let message = maestroName + " : 새로 등록할 수 있는 마에스트로 아이디입니다.";
+			var message = maestroName + " : 새로 등록할 수 있는 마에스트로 아이디입니다.";
 			showErrorMessage(message, "success");
 
 			// $("#password").focus();
@@ -111,31 +111,16 @@ function checkData() {
 	// console.log(selectedAccountTypeValue);
 	// console.log(selectedAccountTypeText);
 
-	let isCheckAcceptClauses = $("#check_accept_clauses").is(":checked");
+	var isCheckAcceptClauses = $("#check_accept_clauses").is(":checked");
 	if(!isCheckAcceptClauses) {
 		showErrorMessage("약관을 읽고, 위에 있는 체크 버튼을 눌러 주세요.", "error");
 		$("#check_accept_clauses").focus();
 		return;
 	}
 
-	let playerCount = "명";
-	let price = "0원";
-	switch(Number(selectedAccountTypeValue)) {
-		case 1:
-		playerCount = "20명";
-		price = "1만원";
-		break;
-
-		case 2:
-		playerCount = "50명";
-		price = "2만원";
-		break;
-
-		case 3:
-		playerCount = "100명";
-		price = "3만원";
-		break;
-	}
+	var accountTypeNo = Number(selectedAccountTypeValue);
+	var playerCount = NumberUtil.numberWithCommas(accountTypePlayerCount(accountTypeNo)) + "명";
+	var price = NumberUtil.numberWithCommas(accountTypePrice(accountTypeNo)) + "원";
 
 	$(".maestro_name_data").text(maestroName);
 	$(".password_data").text(password);
@@ -270,6 +255,8 @@ $('#myTab a').on('click', function (e) {
 								<option value="1" selected>20명 (1만원)</option>
 								<option value="2">50명 (2만원)</option>
 								<option value="3">100명 (3만원)</option>
+								<option value="4">500명 (4만원)</option>
+								<option value="5">1,000명 (5만원)</option>
 							</select>
 							<small class="form-text text-muted">계정 활성화 날짜로부터 1년동안 유효합니다.</small>
 						</div>
diff --git a/src/web/module/maestro_upgrade.html b/src/web/module/maestro_upgrade.html
index 2d7bb42..64afb0b 100644
--- a/src/web/module/maestro_upgrade.html
+++ b/src/web/module/maestro_upgrade.html
@@ -25,97 +25,103 @@ function loadMaestroInfo(maestroID) {
 	);
 }
 
+
+var CARD_TYPE_EXPERIENCE	= "experience";
+var CARD_TYPE_LOWER_PRICE	= "lower_price";
+var CARD_TYPE_PRESENT_PRICE	= "present_price";
+var CARD_TYPE_UPPER_PRICE	= "upper_price";
+
 function updateCards(accountType) {
 	console.log(accountType);
 	switch(accountType) {
 		case 100:
 		case 101:
-		$("#account_type_1").addClass("border-warning");
-		$("#account_type_1_btn").addClass("btn-secondary disabled");
-		$("#account_type_1_footer").addClass("text-danger");
-		$("#account_type_1_footer").text("체험 계정은 업그레이드가 불가능합니다.");
-
-		$("#account_type_2").addClass("border-warning");
-		$("#account_type_2_btn").addClass("btn-secondary disabled");
-		$("#account_type_2_footer").addClass("text-danger");
-		$("#account_type_2_footer").text("체험 계정은 업그레이드가 불가능합니다.");
-
-		$("#account_type_3").addClass("border-warning");
-		$("#account_type_3_btn").addClass("btn-secondary disabled");
-		$("#account_type_3_footer").addClass("text-danger");
-		$("#account_type_3_footer").text("체험 계정은 업그레이드가 불가능합니다.");
+		setCardConent(1, CARD_TYPE_EXPERIENCE);
+		setCardConent(2, CARD_TYPE_EXPERIENCE);
+		setCardConent(3, CARD_TYPE_EXPERIENCE);
+		setCardConent(4, CARD_TYPE_EXPERIENCE);
+		setCardConent(5, CARD_TYPE_EXPERIENCE);
 		break;
 
 		case 1:
-		$("#account_type_1").addClass("border-warning");
-		$("#account_type_1_btn").addClass("btn-secondary disabled");
-		$("#account_type_1_footer").addClass("text-warning");
-		$("#account_type_1_footer").text("현재 적용된 요금제입니다.");
-
-		$("#account_type_2").addClass("border-primary");
-		$("#account_type_2_btn").addClass("btn-primary");
-		$("#account_type_2_footer").addClass("text-primary");
-		$("#account_type_2_footer").text("이 요금제로 업그레이드가 가능합니다.");
-
-		$("#account_type_3").addClass("border-primary");
-		$("#account_type_3_btn").addClass("btn-primary");
-		$("#account_type_3_footer").addClass("text-primary");
-		$("#account_type_3_footer").text("이 요금제로 업그레이드가 가능합니다.");
+		setCardConent(1, CARD_TYPE_PRESENT_PRICE);
+		setCardConent(2, CARD_TYPE_UPPER_PRICE);
+		setCardConent(3, CARD_TYPE_UPPER_PRICE);
+		setCardConent(4, CARD_TYPE_UPPER_PRICE);
+		setCardConent(5, CARD_TYPE_UPPER_PRICE);
 		break;
 
 		case 2:
-		// $("#account_type_1").addClass("border-warning");
-		$("#account_type_1_btn").addClass("btn-secondary disabled");
-		$("#account_type_1_footer").addClass("text-muted");
-		$("#account_type_1_footer").text("낮은 요금제로 내릴 수는 없습니다.");
-
-		$("#account_type_2").addClass("border-warning");
-		$("#account_type_2_btn").addClass("btn-secondary disabled");
-		$("#account_type_2_footer").addClass("text-warning");
-		$("#account_type_2_footer").text("현재 적용된 요금제입니다.");
-
-		$("#account_type_3").addClass("border-primary");
-		$("#account_type_3_btn").addClass("btn-primary");
-		$("#account_type_3_footer").addClass("text-primary");
-		$("#account_type_3_footer").text("이 요금제로 업그레이드가 가능합니다.");
+		setCardConent(1, CARD_TYPE_LOWER_PRICE);
+		setCardConent(2, CARD_TYPE_PRESENT_PRICE);
+		setCardConent(3, CARD_TYPE_UPPER_PRICE);
+		setCardConent(4, CARD_TYPE_UPPER_PRICE);
+		setCardConent(5, CARD_TYPE_UPPER_PRICE);
 		break;
 
 		case 3:
-		// $("#account_type_1").addClass("border-warning");
-		$("#account_type_1_btn").addClass("btn-secondary disabled");
-		$("#account_type_1_footer").addClass("text-muted");
-		$("#account_type_1_footer").text("낮은 요금제로 내릴 수는 없습니다.");
-
-		// $("#account_type_2").addClass("border-primary");
-		$("#account_type_2_btn").addClass("btn-secondary disabled");
-		$("#account_type_2_footer").addClass("text-muted");
-		$("#account_type_2_footer").text("낮은 요금제로 내릴 수는 없습니다.");
-
-		$("#account_type_3").addClass("border-warning");
-		$("#account_type_3_btn").addClass("btn-secondary disabled");
-		$("#account_type_3_footer").addClass("text-warning");
-		$("#account_type_3_footer").text("현재 적용된 요금제입니다.");
+		setCardConent(1, CARD_TYPE_LOWER_PRICE);
+		setCardConent(2, CARD_TYPE_LOWER_PRICE);
+		setCardConent(3, CARD_TYPE_PRESENT_PRICE);
+		setCardConent(4, CARD_TYPE_UPPER_PRICE);
+		setCardConent(5, CARD_TYPE_UPPER_PRICE);
 		break;
 
 		case 4:
+		setCardConent(1, CARD_TYPE_LOWER_PRICE);
+		setCardConent(2, CARD_TYPE_LOWER_PRICE);
+		setCardConent(3, CARD_TYPE_LOWER_PRICE);
+		setCardConent(4, CARD_TYPE_PRESENT_PRICE);
+		setCardConent(5, CARD_TYPE_UPPER_PRICE);
+
 		case 5:
 		default:
-		$("#account_type_1_btn").addClass("btn-secondary disabled");
-		$("#account_type_1_footer").addClass("text-muted");
-		$("#account_type_1_footer").text("낮은 요금제로 내릴 수는 없습니다.");
-
-		$("#account_type_2_btn").addClass("btn-secondary disabled");
-		$("#account_type_2_footer").addClass("text-muted");
-		$("#account_type_2_footer").text("낮은 요금제로 내릴 수는 없습니다.");
-
-		$("#account_type_3_btn").addClass("btn-secondary disabled");
-		$("#account_type_3_footer").addClass("text-muted");
-		$("#account_type_3_footer").text("낮은 요금제로 내릴 수는 없습니다.");
+		setCardConent(1, CARD_TYPE_LOWER_PRICE);
+		setCardConent(2, CARD_TYPE_LOWER_PRICE);
+		setCardConent(3, CARD_TYPE_LOWER_PRICE);
+		setCardConent(4, CARD_TYPE_LOWER_PRICE);
+		setCardConent(5, CARD_TYPE_PRESENT_PRICE);
 		break;
 
 	}
 }
 
+function setCardConent(cardNo, cardType) {
+	var htmlID = "#account_type_" + cardNo;
+	var buttonID = htmlID + "_btn";
+	var footerID = htmlID + "_footer";
+
+	switch(cardType) {
+		case CARD_TYPE_EXPERIENCE:
+		$(htmlID).addClass("border-warning");
+		$(buttonID).addClass("btn-secondary disabled");
+		$(footerID).addClass("text-danger");
+		$(footerID).text("체험 계정은 업그레이드가 불가능합니다.");
+		break;
+
+		case CARD_TYPE_LOWER_PRICE:
+		$(htmlID).addClass("border-warning");
+		$(buttonID).addClass("btn-secondary disabled");
+		$(footerID).addClass("text-muted");
+		$(footerID).text("낮은 요금제");
+		break;
+
+		case CARD_TYPE_PRESENT_PRICE:
+		$(htmlID).addClass("border-warning");
+		$(buttonID).addClass("btn-secondary disabled");
+		$(footerID).addClass("text-warning");
+		$(footerID).text("현재 요금제");
+		break;
+
+		case CARD_TYPE_UPPER_PRICE:
+		$(htmlID).addClass("border-primary");
+		$(buttonID).addClass("btn-primary");
+		$(footerID).addClass("text-primary");
+		$(footerID).text("업그레이드 가능");
+		break;
+	}
+}
+
 function upgradeMaestroInfo(accountType) {
 	console.log("upgrade to " + accountType);
 	let upgradeAccountType = accountType;
@@ -151,51 +157,66 @@ function upgradeMaestroInfo(accountType) {
 
 		<div class="card-header bg-light"><span class="h4">요금제 업그레이드</span></div>
 		<div class="card-body">
+			<ul>
+				<li>모든 요금제의 기능은 동일합니다.</li>
+				<li>1년동안 유효합니다.</li>
+				<li>높은 요금제로 올릴 수는 있지만, 낮은 요금제로 내릴 수는 없습니다.</li>
+			</ul>
 
 			<!-- <div class="card-group"> -->
 			<div class="card-deck">
 				<div id="account_type_1" class="card">
 					<div class="card-header"><span class="h3">1만원</span> <span class="text-muted">/ 1년 요금제</span></div>
 					<div class="card-body">
-						<ul>
-							<li><span class="text-danger font-weight-bold">20명</span>까지 학생 등록이 가능합니다.</li>
-							<li>모든 요금제의 기능은 동일합니다.</li>
-							<li>1년동안 유효합니다.</li>
-						</ul>
+						<p>최대 학생수 : <span class="text-danger font-weight-bold">20명</span></p>
 						<a id="account_type_1_btn" class="btn" href="javascript:void(0);">업그레이드</a>
 					</div>
 					<div class="card-footer">
-						<small id="account_type_1_footer" class="">낮은 요금제로 내릴 수는 없습니다.</small>
+						<small id="account_type_1_footer" class=""></small>
 					</div>
 				</div>
 
 				<div id="account_type_2" class="card">
 					<div class="card-header"><span class="h3">2만원</span> <span class="text-muted">/ 1년 요금제</span></div>
 					<div class="card-body">
-						<ul>
-							<li><span class="text-danger font-weight-bold">50명</span>까지 학생 등록이 가능합니다.</li>
-							<li>모든 요금제의 기능은 동일합니다.</li>
-							<li>1년동안 유효합니다.</li>
-						</ul>
+						<p>최대 학생수 : <span class="text-danger font-weight-bold">50명</span></p>
 						<a id="account_type_2_btn" class="btn" href="javascript:void(0);" onclick="upgradeMaestroInfo(2);">업그레이드</a>
 					</div>
 					<div class="card-footer">
-						<small id="account_type_2_footer" class="">현재 적용된 요금제입니다.</small>
+						<small id="account_type_2_footer" class=""></small>
 					</div>
 				</div>
 
 				<div id="account_type_3" class="card">
 					<div class="card-header"><span class="h3">3만원</span> <span class="text-muted">/ 1년 요금제</span></div>
 					<div class="card-body">
-						<ul>
-							<li><span class="text-danger font-weight-bold">100명</span>까지 학생 등록이 가능합니다.</li>
-							<li>모든 요금제의 기능은 동일합니다.</li>
-							<li>1년동안 유효합니다.</li>
-						</ul>
+						<p>최대 학생수 : <span class="text-danger font-weight-bold">100명</span></p>
 						<a id="account_type_3_btn" class="btn" href="javascript:void(0);" onclick="upgradeMaestroInfo(3);">업그레이드</a>
 					</div>
 					<div class="card-footer">
-						<small id="account_type_3_footer" class="">이 요금제로 업그레이드가 가능합니다.</small>
+						<small id="account_type_3_footer" class=""></small>
+					</div>
+				</div>
+
+				<div id="account_type_4" class="card">
+					<div class="card-header"><span class="h3">4만원</span> <span class="text-muted">/ 1년 요금제</span></div>
+					<div class="card-body">
+						<p>최대 학생수 : <span class="text-danger font-weight-bold">500명</span></p>
+						<a id="account_type_4_btn" class="btn" href="javascript:void(0);" onclick="upgradeMaestroInfo(4);">업그레이드</a>
+					</div>
+					<div class="card-footer">
+						<small id="account_type_4_footer" class=""></small>
+					</div>
+				</div>
+
+				<div id="account_type_5" class="card">
+					<div class="card-header"><span class="h3">5만원</span> <span class="text-muted">/ 1년 요금제</span></div>
+					<div class="card-body">
+						<p>최대 학생수 : <span class="text-danger font-weight-bold">1,000명</span></p>
+						<a id="account_type_5_btn" class="btn" href="javascript:void(0);" onclick="upgradeMaestroInfo(5);">업그레이드</a>
+					</div>
+					<div class="card-footer">
+						<small id="account_type_5_footer" class=""></small>
 					</div>
 				</div>
 			</div>