Add: maestro main menu tab

src/web/module/maestro_section_register.html

@@ -1,4 +1,5 @@
 <style>
+
 .login {
 	background-color: #ff0000;
 	padding: 20px;
@@ -8,6 +9,19 @@
 	background-color: #0000ff;
 	padding: 20px;
 }
+
+
+#page-tabs ul li {
+	/*width: 341px;*/
+	list-style: none;
+	color: #dddddd;
+	float: left;
+	font-size: 1.3em;
+	line-height: 60px;
+	vertical-align: middle;
+	text-align: center;
+}
+
 </style>
 
 
@@ -95,11 +109,17 @@ function check_data() {
 
 	$("#input_data").css("display", "none");
 	$("#register_account").css("display", "block");
+
+	$("li").filter(":eq(0)").removeClass("activated");
+	$("li").filter(":eq(1)").addClass("activated");
 }
 
 function register_account() {
 	$("#register_account").css("display", "none");
 	$("#banking_guide").css("display", "block");
+
+	$("li").filter(":eq(1)").removeClass("activated");
+	$("li").filter(":eq(2)").addClass("activated");
 }
 
 </script>
@@ -107,9 +127,17 @@ function register_account() {
 
 
 <div class="container">
-	<div id="input_data">
 
-		<h1>마에스트로 계정 신청</h1>
+	<div id="page-tabs">
+		<ul>
+			<li class="widthOneThird activated">마에스트로 계정 신청</li>
+			<li class="widthOneThird">신청 정보 확인</li>
+			<li class="widthOneThird">신청 완료</li>
+		</ul>
+	</div>
+
+
+	<div id="input_data">
 
 		(필수) 마에스트로 아이디 : <input type="text" id="maestro_name">
 		<button  id="check_id" onClick="check_id()">중복 확인</button><br/>
@@ -126,30 +154,29 @@ function register_account() {
 		<input id="check_accept_clauses" type="checkbox" name="accept_clauses">아래 약관을 읽었으며, 모든 내용에 동의합니다.<br/>
 		<br/>
 
-		<div class="col alignCenter">
-			<a id="maestro_register" class="btn btn-sea width400" onClick="check_data()">등록 신청</a>
-		</div>
-
 		<br/>
 		<textarea id="error_message">
 		</textarea>
 
+		<div class="col alignCenter">
+			<a id="agreement_clauses" class="btn btn-orange">전체 약관 읽기</a>
+		</div>
+
 		<h1>약관 주요 내용 요약</h1>
 
 		<p style="text-align: right;">마지막 갱신 : 2018년 6월 26일</p>
 
-		<ol>
-			<li>결제는 계좌 이체(송금)으로만 가능합니다. 신용카드 결제는 준비되지 않았습니다.</li>
+		<ul>
 			<li>결제는 계좌 이체(송금)으로만 가능합니다. 신용카드 결제는 준비되지 않았습니다.</li>
 			<li>서버가 불안정할 수 있습니다. 문제 발생시 메일로 알려주시면 최대한 빨리 정상화 하겠습니다.</li>
 			<li>결제후 1년이 지나면 마에스트로 계정과 학생들의 계정이 비활성화 됩니다.</li>
 			<li>비활성화 되기 전에 연장 결제 해주시면, 남은 기간도 함께 연장됩니다.</li>
 			<li>비활성화된 계정은, 6개월후에 삭제됩니다. 마에스트로 계정 및 학생들의 계정 정보 모두가 사라집니다.</li>
 			<li>서비스 업그레이드는 가능합니다. 업그레이드한 날부터 1년간 업그레이드 서비스가 시작됩니다.</li>
-		</ol>
+		</ul>
 
 		<div class="col alignCenter">
-			<a id="agreement_clauses" class="btn btn-orange">전체 약관 읽기</a>
+			<a id="maestro_register" class="btn btn-sea width400" onClick="check_data()">등록 신청</a>
 		</div>
 
 	</div>
@@ -190,7 +217,7 @@ function register_account() {
 
 
 	<div id="banking_guide" style="display: none;">
-		<h2>신청 정보 확인</h2>
+		<h2>신청 완료</h2>
 
 		<div>마에스트로 아이디</div>
 		<div class="maestro_name"></div>
@@ -208,7 +235,7 @@ function register_account() {
 		<br/>
 
 		<div>
-			방금 이메일 주소로 입금 안내 내용을 보내드렸습니다.
+			방금 <span class="email"></span> 이메일로 입금 안내 내용을 보내드렸습니다.
 		</div>