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/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>