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

Fix: admin CSS -> BootStrap, register, upgrade page

Browse Source
This commit is contained in:
Jisang Park
2018-09-16 18:47:09 +09:00
parent 753325d84a
commit 0d324bab69
7 changed files with 264 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/admin/admin_upgrade_list.html
+118 -68
View File
@@ -5,13 +5,12 @@
<title>마우스 타자 관리자 페이지</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="./../css/module.css">
<link rel="stylesheet" type="text/css" href="./../css/color_button.css">
<link rel="stylesheet" type="text/css" href="./../css/admin.css">
<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="./../js/main.js"></script>
<script type="text/javascript" src="./../js/request_server.js"></script>
<script type="text/javascript" src="./../js/lib/number_util.js"></script>
<script type="text/javascript">
$(document).ready(function() {
@@ -42,43 +41,32 @@
function updateMaestroUpgradeList(jsonList) {
$("#maestro_list_result_contents").empty();
printHeader();
printContents(jsonList);
printFooter();
}
function printHeader() {
$("#maestro_list_result_contents").append(
"<ul id='search_maestro_list' class='maestro_list'>"
+ " <li>"
+ " <span class='maestro_name'>이름</span>"
+ " <span class='maestro_account_type'>등록된 요금제</span>"
+ " <span class='maestro_account_type'>신청한 요금제</span>"
+ " <span class='maestro_account_type'>금액</span>"
+ " <span class='maestro_account_type'>요청 날짜</span>"
+ " <span class='maestro_account_type'>요청 날짜</span>"
+ " </li>"
);
}
function printContents(jsonList) {
console.log(jsonList);
if(jsonList === undefined || jsonList.length === 0)
return;
for(let i = 0; i < jsonList.length; i++) {
if(jsonList === undefined || jsonList.length === 0) {
$("#maestro_list_result_contents").append(
"<li class='search_result_list'>"
+ " <span class='maestro_upgrade_id hide'>" + jsonList[i].maestroUpgradeID + "</span>"
+ " <span class='maestro_id hide'>" + jsonList[i].maestroID + "</span>"
+ " <input type='text' value='" + jsonList[i].maestroName + "' class='maestro_name'>"
+ " <input type='text' value='" + accoutType(jsonList[i].registeredAccountType) + "' class='registered_account_type'>"
+ " <input type='text' value='" + accoutType(jsonList[i].requestedAccountType) + "' class='requested_account_type'>"
+ " <input type='text' value='" + price(jsonList[i].requestedAccountType, jsonList[i].registeredAccountType) + "' class='price'>"
+ " <input type='text' value='" + jsonList[i].requestedDateTime + "' class='requested_date_time'>"
+ " <input type='text' value='" + status(jsonList[i].status) + "' class='status'>"
+ " <input type='button' class='maestro_upgrade' value='업그레이드' onClick='upgrade(this)'>"
+ "</li>"
"<div class='alert alert-danger text-center' role='alert'>"
+ "마에스트로 계정 정보가 없습니다."
+ "</div>"
);
return;
}
for(var i = 0; i < jsonList.length; i++) {
$("#maestro_list_result_contents").append(
"<div class='form-group player-list row mx-2 mb-1'>"
+ " <input type='text' class='maestro_upgrade_id d-none' disabled value='" + jsonList[i].maestroUpgradeID + "'>"
+ " <input type='text' class='maestro_id d-none' disabled value='" + jsonList[i].maestroID + "'>"
+ " <input type='text' class='col-sm' disabled value='" + jsonList[i].maestroName + "'>"
+ " <input type='text' class='col-sm' disabled value='" + accoutType(jsonList[i].registeredAccountType) + "'>"
+ " <input type='text' class='new_account_type col-sm' disabled value='" + accoutType(jsonList[i].requestedAccountType) + "'>"
+ " <input type='text' class='col-sm' disabled value='" + NumberUtil.numberWithCommas(price(jsonList[i].requestedAccountType, jsonList[i].registeredAccountType)) + "'>"
+ " <input type='text' class='col-sm' disabled value='" + jsonList[i].requestedDateTime + "'>"
// + " <input type='text' class='col-sm' disabled value='" + status(jsonList[i].status) + "'>"
+ " <input type='button' class='col-sm-1' value='↑' onClick='upgrade(this)'>"
+ "</div>"
);
}
}
@@ -93,6 +81,12 @@
case 3:
return "100명, 3만원";
case 4:
return "500명, 4만원";
case 5:
return "1,000명, 5만원";
}
return accountType + "? (N/A)";
@@ -108,6 +102,12 @@
case 3:
return 30000;
case 4:
return 40000;
case 5:
return 50000;
}
return 0;
@@ -123,14 +123,20 @@
case "100명, 3만원":
return 3;
case "500명, 4만원":
return 4;
case "1,000명, 5만원":
return 5;
}
return accountType + "? (N/A)";
}
function price(requestedAccountType, registeredAccountType) {
let priceRequested = accountTypePrice(requestedAccountType);
let priceRegistered = accountTypePrice(registeredAccountType);
var priceRequested = accountTypePrice(requestedAccountType);
var priceRegistered = accountTypePrice(registeredAccountType);
return priceRequested - priceRegistered;
}
@@ -150,12 +156,8 @@
return status + "? (N/A)";
}
function printFooter() {
$("#maestro_list_result_contents").append("</ul>");
}
function searchMaestroUpgrade() {
let maestroName = $("#search_name").val();
var maestroName = $("#search_name").val();
if(maestroName.length === 0) {
$("#error_message").text("마에스트로 아이디를 입력하세요.");
@@ -166,16 +168,40 @@
}
function upgrade(inputButton) {
let upgradeID = $(inputButton).siblings(".maestro_upgrade_id");
let maestroUpgradeID = upgradeID.text();
let maestroID = $(inputButton).siblings(".maestro_id");
let id = maestroID.text();
let accountType = $(inputButton).siblings(".requested_account_type");
let newAccountType = accoutTypeValue(accountType.val());
// var upgradeID = $(inputButton).siblings(".maestro_upgrade_id");
// var maestroUpgradeID = upgradeID.text();
// var maestroID = $(inputButton).siblings(".maestro_id");
// var id = maestroID.text();
// var accountType = $(inputButton).siblings(".requested_account_type");
// var newAccountType = accoutTypeValue(accountType.val());
var children = inputButton.parentElement.childNodes;
var maestroUpgradeID;
var maestroID;
var newAccountType;
for (var i=0; i < children.length; i++) {
// console.log(children);
if (children[i].className == "maestro_upgrade_id d-none") {
maestroUpgradeID = children[i].value;
continue;
}
if (children[i].className == "maestro_id d-none") {
maestroID = children[i].value;
continue;
}
if (children[i].className == "new_account_type col-sm") {
// newAccountType = children[i].value;
newAccountType = accoutTypeValue(children[i].value);
continue;
}
}
// console.log(maestroUpgradeID);
// console.log(maestroID);
// console.log(newAccountType);
sendRequestServer( //url, sendParams, onSuccess, onFail, isDebugMode);
"./../server/admin/upgrade_maestro.php",
"maestro_upgrade_id=" + maestroUpgradeID + "&maestro_id=" + id + "&new_account_type=" + newAccountType,
"maestro_upgrade_id=" + maestroUpgradeID + "&maestro_id=" + maestroID + "&new_account_type=" + newAccountType,
function(jsonData) {
loadMaestroUpgradeList("");
@@ -198,30 +224,54 @@
<body bgcolor="white">
<div id="wrapper">
<header id="header"></header>
<header id="header">
</header>
<div class="container mt-3">
<div class="row mx-1">
<h3 class="my-3">마에스트로 업그레이드 목록</h3>
</div>
<section id="section">
<div>
<span id="search_maestro_name">
<h1>검색</h1>
<div id="message_box"></div>
마에스트로 아이디
<input type="text" id="search_name"><input type="submit" name="찾기" onClick="searchMaestroUpgrade()"><br/>
<br/>
</span>
<span id="search_result">
검색 결과
<div id="maestro_list_result_contents">
<div class="row mx-1">
<div class="col-4">
<h5 class="my-3">마에스트로 검색</h5>
<form class="mx-2">
<div class="form-group row">
<label for="search_name" class="col-sm-5 col-form-label">마에스트로 아이디</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="search_name" placeholder="이름 입력">
<!-- <small class="form-text text-muted">1~8 글자 / [ 한글,영문,숫자,-,_ ]</small> -->
</div>
</div>
</span>
</div>
</section>
</div>
<div class="form-group row">
<div class="offset-sm-3 col-sm-9 mt-3">
<button type="button" class="col-sm-7 btn btn-primary btn-lg" onClick="searchMaestroUpgrade()">검색</button>
</div>
</div>
</form>
</div>
<div class="col-8 border border-warning rounded" style="background-color: #ffeab6">
<h5 class="my-3">검색 결과</h5>
<form id="search_player_list">
<div class="form-group row mx-2 mb-0 font-weight-bold">
<label class="col-form-label d-none">Upgrade ID</label>
<label class="col-form-label col-sm text-center">아이디</label>
<label class="col-form-label col-sm text-center">현재 계정</label>
<label class="col-form-label col-sm text-center">업그레이드</label>
<label class="col-form-label col-sm text-center">추가 금액</label>
<label class="col-form-label col-sm text-center">요청 날짜</label>
<label class="col-form-label col-sm-1 text-center"></label>
</div>
<div id="maestro_list_result_contents"></div>
</form>
</div> <!-- 학생 목록 -->
</div>
</div> <!-- container -->
</body>