From 8b459476bad1d19e97e1fd628da7d6746708631b 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, 25 Jul 2018 22:37:52 +0900
Subject: [PATCH] Fix: apply bootstrap - register

---
 src/web/module/maestro_section_register.html | 115 ++++++++++++-------
 1 file changed, 76 insertions(+), 39 deletions(-)

diff --git a/src/web/module/maestro_section_register.html b/src/web/module/maestro_section_register.html
index 65a1b4a..5a2ae97 100644
--- a/src/web/module/maestro_section_register.html
+++ b/src/web/module/maestro_section_register.html
@@ -143,6 +143,12 @@ function checkData() {
 	$(".player_count").text(playerCount);
 	$(".price_account").text(price);
 
+	$("input[name=maestro_name_data]").val(maestroName);
+	$("input[name=password_data]").val(password);
+	$("input[name=email_data]").val(email);
+	$("input[name=player_count]").val(playerCount);
+	$("input[name=price_account]").val(price);
+
 	$("#input_data").css("display", "none");
 	$("#register_account").css("display", "block");
 
@@ -224,7 +230,6 @@ $('#myTab a').on('click', function (e) {
 		<div class="tab-pane fade show active" id="input" role="tabpanel" aria-labelledby="input-info">
 
 			<div class="px-5 py-4 my-3" style="background-color: #99ccff">
-
 				<h4 class="mb-4">마에스트로 계정 정보 입력</h4>
 
 				<div id="message_box">
@@ -233,19 +238,19 @@ $('#myTab a').on('click', function (e) {
 				<form class="mx-4">
 					<div class="form-group row">
 						<label for="maestro_name" class="col-sm-2 col-form-label">* 아이디</label>
-						<div class="col-sm-4">
+						<div class="col-sm-6">
 							<input type="text" class="form-control" id="maestro_name" placeholder="아이디 입력">
 							<small class="form-text text-muted">4~16 글자. 영문, 숫자만 사용 가능합니다.</small>
 						</div>
-						<div class="col-sm-6">
-							<input type="button" id="id_ckeck" class="btn btn-warning" value="중복 체크" onClick="checkMaestroID()">
-							<small id="id_ckeck_help" class="form-text text-muted">아이디 입력 후, [중복 체크] 버튼을 눌러주세요.</small>
+						<div class="col-sm-4">
+							<input type="button" id="id_ckeck" class="btn btn-outline-dark" value="중복 체크" onClick="checkMaestroID()">
+							<!-- <small id="id_ckeck_help" class="form-text text-muted">아이디 입력 후, [중복 체크] 버튼을 눌러주세요.</small> -->
 						</div>
 					</div>
 
 					<div class="form-group row">
 						<label for="password" class="col-sm-2 col-form-label">* 암호</label>
-						<div class="col-sm-4">
+						<div class="col-sm-6">
 							<input type="password" class="form-control" id="password" placeholder="Password">
 							<small class="form-text text-muted">4~10 글자. 영문, 숫자만 사용 가능합니다.</small>
 						</div>
@@ -253,14 +258,14 @@ $('#myTab a').on('click', function (e) {
 
 					<div class="form-group row">
 						<label for="email" class="col-sm-2 col-form-label">* 이메일</label>
-						<div class="col-sm-4">
+						<div class="col-sm-6">
 							<input type="email" class="form-control" id="email" placeholder="name@example.com">
 						</div>
 					</div>
 
 					<div class="form-group row">
 						<label for="account_type" class="col-sm-2 col-form-label">* 학생 수</label>
-						<div class="col-sm-4">
+						<div class="col-sm-6">
 							<select id="account_type" class="form-control">
 								<option value="1" selected>20명 (1만원)</option>
 								<option value="2">50명 (2만원)</option>
@@ -303,57 +308,89 @@ $('#myTab a').on('click', function (e) {
 
 		<div class="tab-pane fade" id="check" role="tabpanel" aria-labelledby="check-info">
 
-			<div class="px-5 py-4 my-3" style="background-color: #66ccff">
-				<h4>신청 정보 확인</h4>
+			<div class="px-5 py-4 my-3" style="background-color: #99ccff">
+				<h4 class="mb-4">신청 정보 확인</h4>
 
-				마에스트로 아이디 : <span class="maestro_name_data"></span><br/>
-				암호 : <span class="password_data"></span><br/>
-				이메일 : <span class="email_data"></span><br/>
-				학생 수 : <span class="player_count"></span><br/>
+				<form class="mx-4">
+					<div class="row">
+						<label class="col-sm-2 col-form-label">* 아이디</label>
+						<label class="col-sm-9 col-form-label"><span class="maestro_name_data text-primary font-weight-bold">???</span></label>
+					</div>
 
-		 		<div>
-					위의 내용이 모두 맞는지 확인해주세요.
-					아래의 등록 신청 버튼을 누르면, 입력하신 이메일 주소로도 입금 내용을 보내드립니다.
-					신청후에 <span class="price_account"></span>을 송금해주세요.
+<!-- 
+					<div class="row">
+						<label class="col-sm-2 col-form-label">* 암호</label>
+						<label class="col-sm-9 col-form-label"><span class="password_data">???</span></label>
+					</div>
+ -->
+
+					<div class="row">
+						<label class="col-sm-2 col-form-label">* 이메일</label>
+						<label class="col-sm-9 col-form-label"><span class="email_data">???</span></label>
+					</div>
+
+					<div class="row">
+						<label class="col-sm-2 col-form-label">* 학생 수</label>
+						<label class="col-sm-9 col-form-label"><span class="player_count">???</span> (<span class="price_account">???</span> / 1년)</label>
+					</div>
+
+				</form>
+
+		 		<div class="mb-4">
+					위의 내용이 모두 맞는지 확인해주세요.<br/>
+					아래의 등록 신청 버튼을 누르면, 입력하신 이메일 주소로도 입금 내용을 보내드립니다.<br/>
 				</div>
 
-			<br/>
-
-				<!-- <a href="#" id="send_register" class="btn btn-sea width400" onClick="register_account()">마에스트로 계정 등록</a> -->
 				<button class="btn btn-primary btn-block btn-lg" onClick="register_account()">계정 신청</button>
-
 			</div>
 
-
 		</div>	<!-- 신청 정보 확인 -->
 
 
 
 		<div class="tab-pane fade" id="registered" role="tabpanel" aria-labelledby="registered-account">
 
-			<div class="px-5 py-4 my-3" style="background-color: #ccffcc">
+			<div class="px-5 py-4 my-3" style="background-color: #99ccff">
+				<h4 class="mb-4">신청 완료</h4>
 
-				<h4>신청 완료</h4>
-
-				<p>마에스트로 아이디 <span class="maestro_name_data">????</span> 가 신청되었습니다.</p>
-
-				<h5>입금 계좌</h5>
-				<div>
-					카카오뱅크 : 9999-999999<br/>
-					계좌 이름 : 박지상<br/>
-					금액 : <span class="price_account"></span>
-					<div>보내는 사람 이름 : 요청하신 마에스트로 아이디 <span class="maestro_name_data"></span>로 입력해주세요.</div>
-					<div class="tip">보내는 사람 이름을 마에스트로 아이디로 해주실 경우, 가장 빠르게 계정을 활성화 해드릴 수 있습니다.</div>
-				</div>
-
-				<br/>
+				<p>마에스트로 아이디 <span class="maestro_name_data text-primary font-weight-bold">????</span> 가 신청되었습니다.</p>
 
 				<div>
-					방금 <span class="email_data"></span> 이메일로 입금 안내 내용을 보내드렸습니다.
+					방금 <span class="email_data text-primary font-weight-bold"></span> 이메일로 입금 안내 내용을 보내드렸습니다.
 				</div>
 
 			</div>
 
+			<div class="px-5 py-4 my-3" style="background-color: #ffce54">
+				<h4 class="mb-4">입금 계좌</h4>
+
+				<form class="mx-4">
+					<div class="row">
+						<label class="col-sm-3 col-form-label">* 카카오뱅크</label>
+						<label class="col-sm-9 col-form-label">000-000000</label>
+					</div>
+
+					<div class="row">
+						<label class="col-sm-3 col-form-label">* 계좌명</label>
+						<label class="col-sm-9 col-form-label">박지상</label>
+					</div>
+
+					<div class="row">
+						<label class="col-sm-3 col-form-label">* 금액</label>
+						<label class="col-sm-9 col-form-label"><span class="price_account">???원</span></label>
+					</div>
+
+					<div class="row">
+						<label class="col-sm-3 col-form-label">* 송금자명</label>
+						<div class="col-sm-9">
+							<label class="col-form-label"><span class="maestro_name_data text-primary font-weight-bold">???</span> (로 입력해주세요)</label>
+							<small class="form-text text-muted">빠른 입금 확인과 계정 활성화를 위해, 송금자명을 아이디로 입력 부탁드립니다.</small>
+						</div>
+					</div>
+				</form>
+
+			</div>
+
 			<div class="px-5 py-4 my-3" style="background-color: #ffdddd">
 				<h4>계정 활성화 안내</h4>