firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

Merge pull request #99 from seeoya/inicis-cert-sa

Browse Source 
소셜 회원가입 스타일 변경
This commit is contained in:
형진
2021-09-15 17:44:16 +09:00
committed by GitHub
parent df62e80d0a 8a355b2b98
commit 6724b2d59f
7 changed files with 683 additions and 671 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
mobile/skin/member/basic/style.css
View File

@ -39,7 +39,7 @@
#fregisterform .form_01 {margin-bottom:30px} #fregisterform .form_01 {margin-bottom:30px}
#fregisterform .form_01 h2 {font-size:1.167em;margin:0 0 5px} #fregisterform .form_01 h2 {font-size:1.167em;margin:0 0 5px}
#fregisterform .frm_label {display:block;font-size:1.083em;margin:15px 0 5px;color:#555} #fregisterform .frm_label {display:block;font-size:1.083em;margin:15px 0 5px;color:#555}
#fregisterform .btn_frmline {width:70px;height:30px;line-height:30px;padding:0 10px;font-weight:bold} #fregisterform .btn_frmline {width:auto;height:30px;line-height:30px;padding:0 10px;font-weight:bold}
#fregisterform .rgs_name_li button {margin:5px 0 0;width:auto} #fregisterform .rgs_name_li button {margin:5px 0 0;width:auto}
#fregisterform .reg_mb_img_file {margin-bottom:30px} #fregisterform .reg_mb_img_file {margin-bottom:30px}
#fregisterform .reg_mb_img_file img {max-width:100%;height:auto} #fregisterform .reg_mb_img_file img {max-width:100%;height:auto}
@ -50,7 +50,7 @@
.adress {background:red;width:100%} .adress {background:red;width:100%}
.adress #reg_mb_zip {width:100%;position:relative} .adress #reg_mb_zip {width:100%;position:relative}
.adress .btn_frmline {position:absolute;top:8px;right:8px;height:40px;padding:0 10px;border-radius:3px} .adress .btn_frmline {position:absolute;top:8px;right:15px;height:40px;padding:0 10px;border-radius:3px}
.chk_box {position:relative} .chk_box {position:relative}
.chk_box input[type="checkbox"] + label {padding-left:10px;color:#676e70} .chk_box input[type="checkbox"] + label {padding-left:10px;color:#676e70}

BIN
mobile/skin/social/img/chk.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

129
mobile/skin/social/social_register_member.skin.php
View File

@ -17,12 +17,17 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<?php } ?> <?php } ?>
<!-- 회원가입약관 동의 시작 { --> <!-- 회원가입약관 동의 시작 { -->
<div class="register"> <div class="social_register">
<form name="fregisterform" id="fregister" action="<?php echo $register_action_url; ?>" onsubmit="return fregisterform_submit(this);" method="POST" autocomplete="off"> <form name="fregisterform" id="fregisterform" action="<?php echo $register_action_url; ?>" onsubmit="return fregisterform_submit(this);" method="POST" autocomplete="off">
<p><i class="fa fa-check-circle" aria-hidden="true"></i> 회원가입약관 및 개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.</p> <p><i class="fa fa-check-circle" aria-hidden="true"></i> 회원가입약관 및 개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.</p>
<div id="fregister_chkall" class="chk_all fregister_agree">
<input type="checkbox" name="chk_all" id="chk_all" class="selec_chk">
<label for="chk_all"><span></span>회원가입 약관에 모두 동의합니다</label>
</div>
<section id="fregister_term"> <section id="fregister_term">
<h2>회원가입약관</h2> <h2>회원가입약관</h2>
<textarea readonly><?php echo get_text($config['cf_stipulation']) ?></textarea> <textarea readonly><?php echo get_text($config['cf_stipulation']) ?></textarea>
@ -34,24 +39,30 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<section id="fregister_private"> <section id="fregister_private">
<h2>개인정보 수집 및 이용</h2> <h2>개인정보 수집 및 이용</h2>
<div> <div class="tbl_head01 tbl_wrap">
<table> <table>
<caption>개인정보 수집 및 이용</caption> <caption>개인정보 수집 및 이용</caption>
<thead> <thead>
<tr> <tr>
<th>목적</th> <th colspan="2">목적</th>
</tr>
<tr>
<th>항목</th> <th>항목</th>
<th>보유기간</th> <th>보유기간</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>이용자 식별 및 본인여부 확인</td> <td colspan="2">이용자 식별 및 본인여부 확인</td>
</tr>
<tr>
<td>아이디, 이름, 비밀번호<?php echo ($config['cf_cert_use']) ? ", 휴대전화번호, 생년월일, 암호화된 개인식별부호(CI)" : ""; ?></td> <td>아이디, 이름, 비밀번호<?php echo ($config['cf_cert_use']) ? ", 휴대전화번호, 생년월일, 암호화된 개인식별부호(CI)" : ""; ?></td>
<td>회원 탈퇴 시까지</td> <td>회원 탈퇴 시까지</td>
</tr> </tr>
<tr> <tr>
<td>고객서비스 이용에 관한 통지,<br>CS대응을 위한 이용자 식별</td> <td colspan="2">고객서비스 이용에 관한 통지,<br>CS대응을 위한 이용자 식별</td>
</tr>
<tr>
<td>연락처 (이메일, 휴대전화번호)</td> <td>연락처 (이메일, 휴대전화번호)</td>
<td>회원 탈퇴 시까지</td> <td>회원 탈퇴 시까지</td>
</tr> </tr>
@ -64,14 +75,8 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<label for="agree21"><span></span><b class="sound_only">개인정보 수집 및 이용의 내용에 동의합니다.</b></label> <label for="agree21"><span></span><b class="sound_only">개인정보 수집 및 이용의 내용에 동의합니다.</b></label>
</fieldset> </fieldset>
</section> </section>
<div id="fregister_chkall" class="chk_all fregister_agree">
<input type="checkbox" name="chk_all" id="chk_all" class="selec_chk">
<label for="chk_all"><span></span>회원가입 약관에 모두 동의합니다</label>
</div>
<!-- } 회원가입 약관 동의 끝 --> <!-- } 회원가입 약관 동의 끝 -->
<!-- 회원정보 입력/수정 시작 { --> <!-- 회원정보 입력/수정 시작 { -->
<script src="<?php echo G5_JS_URL ?>/jquery.register_form.js"></script> <script src="<?php echo G5_JS_URL ?>/jquery.register_form.js"></script>
@ -83,9 +88,17 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<input type="hidden" name="cert_type" value="<?php echo $member['mb_certify']; ?>"> <input type="hidden" name="cert_type" value="<?php echo $member['mb_certify']; ?>">
<input type="hidden" name="cert_no" value=""> <input type="hidden" name="cert_no" value="">
<input type="hidden" name="mb_id" value="<?php echo $user_id; ?>" id="reg_mb_id"> <input type="hidden" name="mb_id" value="<?php echo $user_id; ?>" id="reg_mb_id">
<?php if ($config["cf_cert_use"]) { ?>
<input type="hidden" id="reg_mb_name" name="mb_name" value="<?php echo $user_name ? $user_name : $user_nick ?>">
<?php } ?>
<?php if ($config['cf_use_hp'] || ($config["cf_cert_use"] && ($config['cf_cert_hp'] || $config['cf_cert_sa']))) { ?>
<input type="hidden" name="mb_hp" value="<?php echo get_text($user_phone); ?>" id="reg_mb_hp">
<?php if ($config['cf_cert_use'] && ($config['cf_cert_hp'] || $config['cf_cert_sa'])) { ?>
<input type="hidden" name="old_mb_hp" value="<?php echo get_text($user_phone); ?>">
<?php } ?>
<?php } ?>
<div id="register_form" class="form_01"> <div id="register_form" class="form_01">
<div class="tbl_frm01 tbl_wrap register_form_inner">
<h2>개인정보 입력</h2> <h2>개인정보 입력</h2>
<ul> <ul>
<li> <li>
@ -117,59 +130,41 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
</div> </div>
<?php } ?> <?php } ?>
</li> </li>
<?php if($config["cf_cert_use"]){ ?>
<li>
<label for="reg_mb_name">이름<strong class="sound_only">필수</strong></label>
<input type="text" id="reg_mb_name" name="mb_name" value="<?php echo $user_name ? $user_name : $user_nick ?>" <?php echo $required ?> <?php echo $readonly; ?> class="frm_input full_input <?php echo $required ?> <?php echo $readonly ?>" size="10" placeholder="이름">
</li>
<?php } ?>
<?php if ($req_nick) { ?> <?php if ($req_nick) { ?>
<li> <li>
<label for="reg_mb_nick"> <label for="reg_mb_nick" class="sound_only">닉네임<strong>필수</strong></label>
닉네임<strong class="sound_only">필수</strong>
<button type="button" class="tooltip_icon"><i class="fa fa-question-circle-o" aria-hidden="true"></i><span class="sound_only">설명보기</span></button>
<span class="tooltip">공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)<br> 닉네임을 바꾸시면 앞으로 <?php echo (int)$config['cf_nick_modify'] ?>일 이내에는 변경 할 수 없습니다.</span>
</label>
<span class="frm_info">
공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)<br>
닉네임을 바꾸시면 앞으로 <?php echo (int)$config['cf_nick_modify'] ?>일 이내에는 변경 할 수 없습니다.
</span>
<input type="hidden" name="mb_nick_default" value="<?php echo isset($user_nick) ? get_text($user_nick) : ''; ?>"> <input type="hidden" name="mb_nick_default" value="<?php echo isset($user_nick) ? get_text($user_nick) : ''; ?>">
<input type="text" name="mb_nick" value="<?php echo isset($user_nick) ? get_text($user_nick) : ''; ?>" id="reg_mb_nick" required class="frm_input required nospace full_input" size="10" maxlength="20" placeholder="닉네임"> <input type="text" name="mb_nick" value="<?php echo isset($user_nick) ? get_text($user_nick) : ''; ?>" id="reg_mb_nick" required class="frm_input required nospace full_input" size="10" maxlength="20" placeholder="닉네임">
<span id="msg_mb_nick"></span> <span id="msg_mb_nick"></span>
</li> </li>
<?php } ?> <?php } ?>
<li> <li>
<label for="reg_mb_email">E-mail<strong class="sound_only">필수</strong> <label for="reg_mb_email" class="sound_only">E-mail<strong>필수</strong></label>
<?php if ($config['cf_use_email_certify']) { ?> <?php if ($config['cf_use_email_certify']) { ?>
<button type="button" class="tooltip_icon"><i class="fa fa-question-circle-o" aria-hidden="true"></i><span class="sound_only">설명보기</span></button> <span class="frm_info">
<span class="tooltip">
<?php if ($w=='') { echo "E-mail 로 발송된 내용을 확인한 후 인증하셔야 회원가입이 완료됩니다."; } ?> <?php if ($w=='') { echo "E-mail 로 발송된 내용을 확인한 후 인증하셔야 회원가입이 완료됩니다."; } ?>
<?php if ($w=='u') { echo "E-mail 주소를 변경하시면 다시 인증하셔야 합니다."; } ?> <?php if ($w=='u') { echo "E-mail 주소를 변경하시면 다시 인증하셔야 합니다."; } ?>
</span> </span>
<?php } ?> <?php } ?>
</label>
<input type="hidden" name="old_email" value="<?php echo $member['mb_email'] ?>"> <input type="hidden" name="old_email" value="<?php echo $member['mb_email'] ?>">
<input type="text" name="mb_email" value="<?php echo isset($user_email) ? $user_email : ''; ?>" id="reg_mb_email" required class="frm_input email full_input required" size="70" maxlength="100" placeholder="E-mail"> <input type="text" name="mb_email" value="<?php echo isset($user_email) ? $user_email : ''; ?>" id="reg_mb_email" required class="frm_input email full_input required" size="70" maxlength="100" placeholder="E-mail">
<div class="check"><?php echo $email_msg; ?></div> <div class="check"><?php echo $email_msg; ?></div>
</li>
<li>
<?php if ($config['cf_use_hp'] || ($config["cf_cert_use"] && ($config['cf_cert_hp'] || $config['cf_cert_sa']))) { ?>
<label for="reg_mb_hp">휴대폰번호<?php if ($config['cf_req_hp']) { ?><strong class="sound_only">필수</strong><?php } ?></label>
<input type="text" name="mb_hp" value="<?php echo get_text($user_phone); ?>" id="reg_mb_hp" <?php echo ($config['cf_req_hp'])?"required":""; ?> class="frm_input full_input <?php echo ($config['cf_req_hp'])?"required":""; ?>" maxlength="20" placeholder="휴대폰번호">
<?php if ($config['cf_cert_use'] && ($config['cf_cert_hp'] || $config['cf_cert_sa'])) { ?>
<input type="hidden" name="old_mb_hp" value="<?php echo get_text($user_phone); ?>">
<?php } ?>
<?php } ?>
</li> </li>
</ul> </ul>
</div> </div>
</div>
<div class="btn_confirm"> <div class="btn_confirm">
<a href="<?php echo G5_URL ?>" class="btn_close">취소</a> <a href="<?php echo G5_URL ?>" class="btn_cancel">취소</a>
<button type="submit" id="btn_submit" class="btn_submit" accesskey="s"><?php echo $w == '' ? '회원가입' : '정보수정'; ?></button> <button type="submit" id="btn_submit" class="btn_submit" accesskey="s"><?php echo $w == '' ? '회원가입' : '정보수정'; ?></button>
</div> </div>
</form> </form>
</div> </div>
@ -215,23 +210,6 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
</div> </div>
<script> <script>
// function fregister_submit(f)
// {
// if (!f.agree.checked) {
// alert("회원가입약관의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
// f.agree.focus();
// return false;
// }
// if (!f.agree2.checked) {
// alert("개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
// f.agree2.focus();
// return false;
// }
// return true;
// }
$(function() { $(function() {
// 모두선택 // 모두선택
$("input[name=chk_all]").click(function() { $("input[name=chk_all]").click(function() {
@ -254,6 +232,7 @@ $(function() {
$(".win_sa_cert").click(function() { $(".win_sa_cert").click(function() {
if (!cert_confirm()) return false;
type = $(this).data("type"); type = $(this).data("type");
switch (type) { switch (type) {
case "TOSS": case "TOSS":
@ -285,6 +264,7 @@ $(function() {
// 아이핀인증 // 아이핀인증
var params = ""; var params = "";
$("#win_ipin_cert").click(function() { $("#win_ipin_cert").click(function() {
if (!cert_confirm()) return false;
params = "?" + pageTypeParam; params = "?" + pageTypeParam;
var url = "<?php echo G5_OKNAME_URL; ?>/ipin1.php" + params; var url = "<?php echo G5_OKNAME_URL; ?>/ipin1.php" + params;
certify_win_open('kcb-ipin', url); certify_win_open('kcb-ipin', url);
@ -296,6 +276,7 @@ $(function() {
// 휴대폰인증 // 휴대폰인증
var params = ""; var params = "";
$("#win_hp_cert").click(function() { $("#win_hp_cert").click(function() {
if (!cert_confirm()) return false;
params = "?" + pageTypeParam; params = "?" + pageTypeParam;
<?php <?php
switch ($config['cf_cert_hp']) { switch ($config['cf_cert_hp']) {
@ -332,15 +313,18 @@ $(function() {
}); });
// submit 최종 폼체크 // submit 최종 폼체크
function fregisterform_submit(f) function fregisterform_submit(f) {
{
// 이름 검사 if (!f.agree.checked) {
if (f.w.value=="") { alert("회원가입약관의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
if (f.mb_name.value.length < 1) { f.agree.focus();
alert("이름을 입력하십시오.");
f.mb_name.focus();
return false; return false;
} }
if (!f.agree2.checked) {
alert("개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
f.agree2.focus();
return false;
} }
<?php if ($w == '' && $config['cf_cert_use'] && $config['cf_cert_req']) { ?> <?php if ($w == '' && $config['cf_cert_use'] && $config['cf_cert_req']) { ?>
@ -371,23 +355,12 @@ function fregisterform_submit(f)
} }
} }
<?php if (($config['cf_use_hp'] || $config['cf_cert_hp']) && $config['cf_req_hp']) { ?>
// 휴대폰번호 체크
var msg = reg_mb_hp_check();
if (msg) {
alert(msg);
f.reg_mb_hp.select();
return false;
}
<?php } ?>
document.getElementById("btn_submit").disabled = "disabled"; document.getElementById("btn_submit").disabled = "disabled";
return true; return true;
} }
function flogin_submit(f) function flogin_submit(f) {
{
var mb_id = $.trim($(f).find("input[name=mb_id]").val()), var mb_id = $.trim($(f).find("input[name=mb_id]").val()),
mb_password = $.trim($(f).find("input[name=mb_password]").val()); mb_password = $.trim($(f).find("input[name=mb_password]").val());

67
mobile/skin/social/style.css
View File

@ -93,6 +93,73 @@
#sns_register .sns-payco {background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800} #sns_register .sns-payco {background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800}
#sns_register .txt {display:block;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);font-weight:bold} #sns_register .txt {display:block;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);font-weight:bold}
/* 회원가입 공통 */
.social_register {padding:15px}
.social_register #register_form {margin-top:30px}
/* 회원가입 약관 */
#fregisterform section {position:relative;background:#fff;border-bottom:1px solid #e5e9f0;padding:15px}
#fregister_chkall {position:relative;font-size:bold;text-align:left;background:#fff;padding:15px;border-top:1px solid #e5e9f0;border-bottom:1px solid #e5e9f0;border-radius:3px}
#fregisterform h2 {text-align:left;padding-bottom:15px;line-height:1.7em;font-size:1.4em}
#fregisterform textarea {display:block;width:100%;height:180px;padding:10px;background:#fbfbfb;border:1px solid #d1d7d8;line-height:1.5em;color:#555}
#fregisterform p {position:relative;text-align:left;color:#fff;line-height:18px;padding:15px;font-size:1.1em;background:#f2838f;margin:15px;border-radius:5px}
#fregisterform p:before {content:"";position:absolute;top:0;left:0;width:5px;height:100%;border-radius:5px 0 0 5px;background:#da4453}
#fregisterform p i {font-size:1.2em;vertical-align:middle}
#fregisterform .btn_confirm {margin:15px 10px}
#fregister_private .tbl_head01 {margin:0}
#fregister_private .tbl_head01 caption {position:absolute;font-size:0;line-height:0;overflow:hidden;top:0;color:#fff}
/* 회원가입 입력 */
#fregisterform .btn_confirm {text-align:center;margin:20px 0}
#fregisterform .btn_confirm .btn_submit {width:49%;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}
#fregisterform .btn_confirm .btn_cancel {width:49%;line-height:45px;height:45px;padding:0 30px;font-weight:bold;border-radius:3px;border:1px solid #dcdcdc;font-size:1.083em;background:#fff}
#fregisterform #reg_mb_email, #fregisterform .frm_address {width:100%}
#fregisterform textarea {width:100%;height:84px}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address,
#fregisterform .password {margin:-1px 0 0}
#fregisterform .password .frm_input {border-bottom:0}
#fregisterform #mb_addr3 {display:block;margin:5px 0 0}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .form_01 {margin-bottom:30px}
#fregisterform .form_01 h2 {font-size:1.167em;margin:0 0 5px}
#fregisterform .frm_label {display:block;font-size:1.083em;margin:15px 0 5px;color:#555}
#fregisterform .btn_frmline {width:auto;height:30px;line-height:30px;padding:0 10px;font-weight:bold}
#fregisterform .rgs_name_li button {margin:5px 0 0;width:auto}
#fregisterform .reg_mb_img_file {margin-bottom:30px}
#fregisterform .reg_mb_img_file img {max-width:100%;height:auto}
.filebox .fileName {display:inline-block;position:relative;width:100%;height:45px;padding-left:10px;margin-right:5px;line-height:30px;border: 1px solid #d0d3db;background-color:#fff;color:red;vertical-align:middle}
.filebox .btn_file {display:inline-block;position:absolute;right:8px;top:8px;border:1px solid #3a8afd;border-radius:3px;width:70px;height:30px;color:#3a8afd;font-size:1em;line-height:30px;font-weight:bold;text-align:center;vertical-align:middle}
.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.adress {background:red;width:100%}
.adress #reg_mb_zip {width:100%;position:relative}
.adress .btn_frmline {position:absolute;top:8px;right:15px;height:40px;padding:0 10px;border-radius:3px}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {padding-left:10px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:1px;left:0;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.chk_li {padding-left:10px;line-height:20px}
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.fregister_agree input[type="checkbox"] + label {color:#676e70}
.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8}
.fregister_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.fregister_agree input[type="checkbox"]:checked + label {color:#000}
.fregister_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.fregister_agree.chk_all input[type="checkbox"] + label span {top:15px}
.member_connect:after {display:block;visibility:hidden;clear:both;content:""}
.member_connect {margin-top:1em;border:2px solid #cacaca;margin:10px;padding:10px;text-align:left}
.member_connect .strong {font-weight:bold;margin:0 0 10px;font-size:0.97em}
.member_connect button {color:#fff;border:0;padding:7px 13px;border:1px solid #6446e7;font-weight:bold;background:#6f50e7;border-radius:3px;font-size:0.92em}
.member_connect button:hover {background:#6446e7}
.member_connect {margin-top:30px}
/* LOGIN LOADING */ /* LOGIN LOADING */
.social-login-loading {width:100%;height:auto;text-align:center} .social-login-loading {width:100%;height:auto;text-align:center}

90
skin/social/social_register_member.skin.php
View File

@ -17,9 +17,9 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<?php } ?> <?php } ?>
<!-- 회원가입약관 동의 시작 { --> <!-- 회원가입약관 동의 시작 { -->
<div class="register"> <div class="social_register">
<form name="fregisterform" id="fregister" action="<?php echo $register_action_url; ?>" onsubmit="return fregisterform_submit(this);" method="POST" autocomplete="off"> <form name="fregisterform" id="fregisterform" action="<?php echo $register_action_url; ?>" onsubmit="return fregisterform_submit(this);" method="POST" autocomplete="off">
<p><i class="fa fa-check-circle" aria-hidden="true"></i> 회원가입약관 및 개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.</p> <p><i class="fa fa-check-circle" aria-hidden="true"></i> 회원가입약관 및 개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.</p>
@ -47,7 +47,6 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<tbody> <tbody>
<tr> <tr>
<td>이용자 식별 및 본인여부 확인</td> <td>이용자 식별 및 본인여부 확인</td>
<!-- #TODO 생년월일, 암호화된 개인식별부호(CI) 추가 -->
<td>아이디, 이름, 비밀번호<?php echo ($config['cf_cert_use']) ? ", 휴대전화번호, 생년월일, 암호화된 개인식별부호(CI)" : ""; ?></td> <td>아이디, 이름, 비밀번호<?php echo ($config['cf_cert_use']) ? ", 휴대전화번호, 생년월일, 암호화된 개인식별부호(CI)" : ""; ?></td>
<td>회원 탈퇴 시까지</td> <td>회원 탈퇴 시까지</td>
</tr> </tr>
@ -72,7 +71,6 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
</div> </div>
<!-- } 회원가입 약관 동의 끝 --> <!-- } 회원가입 약관 동의 끝 -->
<!-- 회원정보 입력/수정 시작 { --> <!-- 회원정보 입력/수정 시작 { -->
<script src="<?php echo G5_JS_URL ?>/jquery.register_form.js"></script> <script src="<?php echo G5_JS_URL ?>/jquery.register_form.js"></script>
@ -84,6 +82,15 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<input type="hidden" name="cert_type" value="<?php echo $member['mb_certify']; ?>"> <input type="hidden" name="cert_type" value="<?php echo $member['mb_certify']; ?>">
<input type="hidden" name="cert_no" value=""> <input type="hidden" name="cert_no" value="">
<input type="hidden" name="mb_id" value="<?php echo $user_id; ?>" id="reg_mb_id"> <input type="hidden" name="mb_id" value="<?php echo $user_id; ?>" id="reg_mb_id">
<?php if ($config["cf_cert_use"]) { ?>
<input type="hidden" id="reg_mb_name" name="mb_name" value="<?php echo $user_name ? $user_name : $user_nick ?>">
<?php } ?>
<?php if ($config['cf_use_hp'] || ($config["cf_cert_use"] && ($config['cf_cert_hp'] || $config['cf_cert_sa']))) { ?>
<input type="hidden" name="mb_hp" value="<?php echo get_text($user_phone); ?>" id="reg_mb_hp">
<?php if ($config['cf_cert_use'] && ($config['cf_cert_hp'] || $config['cf_cert_sa'])) { ?>
<input type="hidden" name="old_mb_hp" value="<?php echo get_text($user_phone); ?>">
<?php } ?>
<?php } ?>
<div id="register_form" class="form_01"> <div id="register_form" class="form_01">
<div class="tbl_frm01 tbl_wrap register_form_inner"> <div class="tbl_frm01 tbl_wrap register_form_inner">
@ -118,12 +125,6 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
</div> </div>
<?php } ?> <?php } ?>
</li> </li>
<?php if($config["cf_cert_use"]){ ?>
<li>
<label for="reg_mb_name">이름<strong class="sound_only">필수</strong></label>
<input type="text" id="reg_mb_name" name="mb_name" value="<?php echo $user_name ? $user_name : $user_nick ?>" <?php echo $required ?> <?php echo $readonly; ?> class="frm_input full_input <?php echo $required ?> <?php echo $readonly ?>" size="10" placeholder="이름">
</li>
<?php } ?>
<?php if ($req_nick) { ?> <?php if ($req_nick) { ?>
<li> <li>
<label for="reg_mb_nick"> <label for="reg_mb_nick">
@ -143,34 +144,30 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<?php if ($config['cf_use_email_certify']) { ?> <?php if ($config['cf_use_email_certify']) { ?>
<button type="button" class="tooltip_icon"><i class="fa fa-question-circle-o" aria-hidden="true"></i><span class="sound_only">설명보기</span></button> <button type="button" class="tooltip_icon"><i class="fa fa-question-circle-o" aria-hidden="true"></i><span class="sound_only">설명보기</span></button>
<span class="tooltip"> <span class="tooltip">
<?php if ($w=='') { echo "E-mail 로 발송된 내용을 확인한 후 인증하셔야 회원가입이 완료됩니다."; } ?> <?php if ($w == '') {
<?php if ($w=='u') { echo "E-mail 주소를 변경하시면 다시 인증하셔야 합니다."; } ?> echo "E-mail 로 발송된 내용을 확인한 후 인증하셔야 회원가입이 완료됩니다.";
} ?>
<?php if ($w == 'u') {
echo "E-mail 주소를 변경하시면 다시 인증하셔야 합니다.";
} ?>
</span> </span>
<?php } ?> <?php } ?>
</label> </label>
<input type="hidden" name="old_email" value="<?php echo $member['mb_email'] ?>"> <input type="hidden" name="old_email" value="<?php echo $member['mb_email'] ?>">
<input type="text" name="mb_email" value="<?php echo isset($user_email) ? $user_email : ''; ?>" id="reg_mb_email" required class="frm_input email full_input required" size="70" maxlength="100" placeholder="E-mail"> <input type="text" name="mb_email" value="<?php echo isset($user_email) ? $user_email : ''; ?>" id="reg_mb_email" required class="frm_input email full_input required" size="70" maxlength="100" placeholder="E-mail">
<div class="check"><?php echo $email_msg; ?></div> <div class="check"><?php echo $email_msg; ?></div>
</li>
<li>
<?php if ($config['cf_use_hp'] || ($config["cf_cert_use"] && ($config['cf_cert_hp'] || $config['cf_cert_sa']))) { ?>
<label for="reg_mb_hp">휴대폰번호<?php if ($config['cf_req_hp']) { ?><strong class="sound_only">필수</strong><?php } ?></label>
<input type="text" name="mb_hp" value="<?php echo get_text($user_phone); ?>" id="reg_mb_hp" <?php echo ($config['cf_req_hp'])?"required":""; ?> class="frm_input full_input <?php echo ($config['cf_req_hp'])?"required":""; ?>" maxlength="20" placeholder="휴대폰번호">
<?php if ($config['cf_cert_use'] && ($config['cf_cert_hp'] || $config['cf_cert_sa'])) { ?>
<input type="hidden" name="old_mb_hp" value="<?php echo get_text($user_phone); ?>">
<?php } ?>
<?php } ?>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="btn_confirm"> <div class="btn_confirm">
<a href="<?php echo G5_URL ?>" class="btn_close">취소</a> <a href="<?php echo G5_URL ?>" class="btn_close">취소</a>
<button type="submit" id="btn_submit" class="btn_submit" accesskey="s"><?php echo $w == '' ? '회원가입' : '정보수정'; ?></button> <button type="submit" id="btn_submit" class="btn_submit" accesskey="s"><?php echo $w == '' ? '회원가입' : '정보수정'; ?></button>
</div> </div>
</form> </form>
</div> </div>
@ -216,23 +213,6 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
</div> </div>
<script> <script>
// function fregister_submit(f)
// {
// if (!f.agree.checked) {
// alert("회원가입약관의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
// f.agree.focus();
// return false;
// }
// if (!f.agree2.checked) {
// alert("개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
// f.agree2.focus();
// return false;
// }
// return true;
// }
$(function() { $(function() {
// 모두선택 // 모두선택
$("input[name=chk_all]").click(function() { $("input[name=chk_all]").click(function() {
@ -336,15 +316,18 @@ $(function() {
}); });
// submit 최종 폼체크 // submit 최종 폼체크
function fregisterform_submit(f) function fregisterform_submit(f) {
{
// 이름 검사 if (!f.agree.checked) {
if (f.w.value=="") { alert("회원가입약관의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
if (f.mb_name.value.length < 1) { f.agree.focus();
alert("이름을 입력하십시오.");
f.mb_name.focus();
return false; return false;
} }
if (!f.agree2.checked) {
alert("개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
f.agree2.focus();
return false;
} }
<?php if ($w == '' && $config['cf_cert_use'] && $config['cf_cert_req']) { ?> <?php if ($w == '' && $config['cf_cert_use'] && $config['cf_cert_req']) { ?>
@ -375,23 +358,12 @@ function fregisterform_submit(f)
} }
} }
<?php if (($config['cf_use_hp'] || $config['cf_cert_hp']) && $config['cf_req_hp']) { ?>
// 휴대폰번호 체크
var msg = reg_mb_hp_check();
if (msg) {
alert(msg);
f.reg_mb_hp.select();
return false;
}
<?php } ?>
document.getElementById("btn_submit").disabled = "disabled"; document.getElementById("btn_submit").disabled = "disabled";
return true; return true;
} }
function flogin_submit(f) function flogin_submit(f) {
{
var mb_id = $.trim($(f).find("input[name=mb_id]").val()), var mb_id = $.trim($(f).find("input[name=mb_id]").val()),
mb_password = $.trim($(f).find("input[name=mb_password]").val()); mb_password = $.trim($(f).find("input[name=mb_password]").val());

30
skin/social/style.css
View File

@ -82,7 +82,7 @@
/*회원가입 */ /*회원가입 */
#sns_register {margin:0 0 10px;padding:0;text-align:center;border-radius:3px} #sns_register {margin:0 0 10px;padding:0;text-align:center;border-radius:3px}
#sns_register:after {display:block;visibility:hidden;clear:both;content:""} #sns_register:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register h2 {float:left;display:inline-block;text-align:left;width:50%;height:56px;padding:0 20px;font-size:1.2em} #sns_register h2 {float:left;display:inline-block;text-align:left;width:50%;height:56px;padding:0 20px;font-size:1.2em;line-height: 4em;}
#sns_register .sns-wrap {display:inline-block;float:left;width:50%;height:56px;line-height:53px;margin:0;text-align:right;padding:0 20px} #sns_register .sns-wrap {display:inline-block;float:left;width:50%;height:56px;line-height:53px;margin:0;text-align:right;padding:0 20px}
#sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""} #sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register .sns-icon {display:inline-block;height:30px;line-height:30px;width:30px;margin:0 3px;text-align:right;color:#fff;border-radius:2px} #sns_register .sns-icon {display:inline-block;height:30px;line-height:30px;width:30px;margin:0 3px;text-align:right;color:#fff;border-radius:2px}
@ -95,22 +95,22 @@
#sns_register .sns-payco {background-color:#df0b00;background-position:0 0} #sns_register .sns-payco {background-color:#df0b00;background-position:0 0}
#sns_register .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden} #sns_register .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
/* 회원가입 약관 */
.register {margin:0 auto}
.register:after {display:block;visibility:hidden;clear:both;content:""}
.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:1.083em}
.register .btn_confirm {text-align:left}
.register .btn_confirm .btn_submit {margin-left:1%}
#fregister p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold} /* 회원가입 약관 */
#fregister p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453} .social_register {margin:0 auto}
#fregister p i {font-size:1.2em;vertical-align:middle} .social_register:after {display:block;visibility:hidden;clear:both;content:""}
#fregister section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px} .social_register .btn_confirm .btn_submit,
.social_register .btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:1.083em}
.social_register .btn_confirm {text-align:left}
.social_register .btn_confirm .btn_submit {margin-left:1%}
#fregisterform p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#fregisterform p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#fregisterform p i {font-size:1.2em;vertical-align:middle}
#fregisterform section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#fregister_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px} #fregister_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
#fregister h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em} #fregisterform h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em}
#fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em} #fregisterform textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#fregister .check {margin-top: 5px;}
#fregister_private {position:relative} #fregister_private {position:relative}
#fregister_private div {padding:20px;background:#fff} #fregister_private div {padding:20px;background:#fff}
#fregister_private table {width:100%;border-collapse:collapse;font-size:1em;} #fregister_private table {width:100%;border-collapse:collapse;font-size:1em;}

4
theme/basic/mobile/skin/member/basic/style.css
View File

@ -41,7 +41,7 @@
#fregisterform .form_01 {margin-bottom:30px} #fregisterform .form_01 {margin-bottom:30px}
#fregisterform .form_01 h2 {font-size:1.167em;margin:0 0 5px} #fregisterform .form_01 h2 {font-size:1.167em;margin:0 0 5px}
#fregisterform .frm_label {display:block;font-size:1.083em;margin:15px 0 5px;color:#555} #fregisterform .frm_label {display:block;font-size:1.083em;margin:15px 0 5px;color:#555}
#fregisterform .btn_frmline {width:70px;height:30px;line-height:30px;padding:0 10px;font-weight:bold} #fregisterform .btn_frmline {width:auto;height:30px;line-height:30px;padding:0 10px;font-weight:bold}
#fregisterform .rgs_name_li button {margin:5px 0 0;width:auto} #fregisterform .rgs_name_li button {margin:5px 0 0;width:auto}
#fregisterform .reg_mb_img_file {margin-bottom:30px} #fregisterform .reg_mb_img_file {margin-bottom:30px}
#fregisterform .reg_mb_img_file img {max-width:100%;height:auto} #fregisterform .reg_mb_img_file img {max-width:100%;height:auto}
@ -52,7 +52,7 @@
.adress {background:red;width:100%} .adress {background:red;width:100%}
.adress #reg_mb_zip {width:100%;position:relative} .adress #reg_mb_zip {width:100%;position:relative}
.adress .btn_frmline {position:absolute;top:8px;right:8px;height:40px;padding:0 10px;border-radius:3px} .adress .btn_frmline {position:absolute;top:8px;right:15px;height:40px;padding:0 10px;border-radius:3px}
.chk_box {position:relative} .chk_box {position:relative}
.chk_box input[type="checkbox"] + label {padding-left:10px;color:#676e70} .chk_box input[type="checkbox"] + label {padding-left:10px;color:#676e70}