jisangs/chocomae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add: maestro type 4, 5

Browse Source
This commit is contained in:
Jisang Park
2018-09-26 12:24:39 +09:00
parent 43545bc8d1
commit beddc0e7fb
6 changed files with 166 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/admin/admin_upgrade_list.html
+1 -1
View File
@@ -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">
src/web/js/lib/account_info.js
+22 -1
View File
@@ -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만원)";
src/web/main/register.html
+2
View File
@@ -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">
src/web/module/home_section.html
+18 -6
View File
@@ -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>
src/web/module/maestro_section_register.html
+17 -30
View File
@@ -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>
src/web/module/maestro_upgrade.html
+106 -85
View File
@@ -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>