Fix: apply bootstrap - register
This commit is contained in:
@@ -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/>
|
||||
|
||||
<div>
|
||||
위의 내용이 모두 맞는지 확인해주세요.
|
||||
아래의 등록 신청 버튼을 누르면, 입력하신 이메일 주소로도 입금 내용을 보내드립니다.
|
||||
신청후에 <span class="price_account"></span>을 송금해주세요.
|
||||
<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>
|
||||
|
||||
<br/>
|
||||
<!--
|
||||
<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>
|
||||
|
||||
<!-- <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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user