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

회원 : 소셜회원가입 페이지 스타일 변경, 모바일 스타일 적용

Browse Source
This commit is contained in:
seeoya
2021-09-15 17:26:09 +09:00
parent 7a8eca575c
commit 88b781e631
5 changed files with 717 additions and 667 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

@ -1,7 +1,7 @@
<?php <?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
if( ! $config['cf_social_login_use']) { //소셜 로그인을 사용하지 않으면 if (!$config['cf_social_login_use']) { //소셜 로그인을 사용하지 않으면
return; return;
} }
@ -12,17 +12,22 @@ add_stylesheet('<link rel="stylesheet" href="'.get_social_skin_url().'/style.css
add_javascript('<script src="'.G5_JS_URL.'/remodal/remodal.js"></script>', 10); add_javascript('<script src="'.G5_JS_URL.'/remodal/remodal.js"></script>', 10);
$email_msg = $is_exists_email ? '등록할 이메일이 중복되었습니다.다른 이메일을 입력해 주세요.' : ''; $email_msg = $is_exists_email ? '등록할 이메일이 중복되었습니다.다른 이메일을 입력해 주세요.' : '';
if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] || $config['cf_cert_hp'])) { ?> if ($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] || $config['cf_cert_hp'])) { ?>
<script src="<?php echo G5_JS_URL ?>/certify.js?v=<?php echo G5_JS_VER; ?>"></script> <script src="<?php echo G5_JS_URL ?>/certify.js?v=<?php echo G5_JS_VER; ?>"></script>
<?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>
<td>아이디, 이름, 비밀번호<?php echo ($config['cf_cert_use'])? ", 휴대전화번호, 생년월일, 암호화된 개인식별부호(CI)" : ""; ?></td> </tr>
<tr>
<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,50 +75,52 @@ 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>
<!-- 새로가입 시작 --> <!-- 새로가입 시작 -->
<input type="hidden" name="w" value="<?php echo $w; ?>"> <input type="hidden" name="w" value="<?php echo $w; ?>">
<input type="hidden" name="url" value="<?php echo $urlencode; ?>"> <input type="hidden" name="url" value="<?php echo $urlencode; ?>">
<input type="hidden" name="provider" value="<?php echo $provider_name;?>" > <input type="hidden" name="provider" value="<?php echo $provider_name; ?>">
<input type="hidden" name="action" value="register"> <input type="hidden" name="action" value="register">
<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>
<?php <?php
if($config['cf_cert_use']) { if ($config['cf_cert_use']) {
if($config['cf_cert_sa']) { if ($config['cf_cert_sa']) {
echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="TOSS">토스 인증</button>'.PHP_EOL; echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="TOSS">토스 인증</button>' . PHP_EOL;
echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="PASS">PASS 인증</button>'.PHP_EOL; echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="PASS">PASS 인증</button>' . PHP_EOL;
echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="PAYCO">페이코 인증</button>'.PHP_EOL; echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="PAYCO">페이코 인증</button>' . PHP_EOL;
echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="KFTC">금융인증서</button>'.PHP_EOL; echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="KFTC">금융인증서</button>' . PHP_EOL;
} }
if($config['cf_cert_hp']) if ($config['cf_cert_hp'])
echo '<button type="button" id="win_hp_cert" class="btn_frmline">휴대폰 본인확인</button>'.PHP_EOL; echo '<button type="button" id="win_hp_cert" class="btn_frmline">휴대폰 본인확인</button>' . PHP_EOL;
if($config['cf_cert_ipin']) if ($config['cf_cert_ipin'])
echo '<button type="button" id="win_ipin_cert" class="btn_frmline">아이핀 본인확인</button>'.PHP_EOL; echo '<button type="button" id="win_ipin_cert" class="btn_frmline">아이핀 본인확인</button>' . PHP_EOL;
echo '<noscript>본인확인을 위해서는 자바스크립트 사용이 가능해야합니다.</noscript>'.PHP_EOL; echo '<noscript>본인확인을 위해서는 자바스크립트 사용이 가능해야합니다.</noscript>' . PHP_EOL;
} }
?> ?>
<?php <?php
if ($config['cf_cert_use'] && $member['mb_certify']) { if ($config['cf_cert_use'] && $member['mb_certify']) {
if($member['mb_certify'] == 'ipin') if ($member['mb_certify'] == 'ipin')
$mb_cert = '아이핀'; $mb_cert = '아이핀';
else else
$mb_cert = '휴대폰'; $mb_cert = '휴대폰';
@ -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>
<input type="hidden" name="mb_nick_default" value="<?php echo isset($user_nick)?get_text($user_nick):''; ?>"> <span class="frm_info">
<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="닉네임"> 공백없이 한글,영문,숫자만 입력 가능 (한글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="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>
@ -203,7 +198,7 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<div id="login_fs"> <div id="login_fs">
<label for="login_id" class="login_id">아이디<strong class="sound_only"> 필수</strong></label> <label for="login_id" class="login_id">아이디<strong class="sound_only"> 필수</strong></label>
<span class="lg_id"><input type="text" name="mb_id" id="login_id" class="frm_input required" size="20" maxLength="20" ></span> <span class="lg_id"><input type="text" name="mb_id" id="login_id" class="frm_input required" size="20" maxLength="20"></span>
<label for="login_pw" class="login_pw">비밀번호<strong class="sound_only"> 필수</strong></label> <label for="login_pw" class="login_pw">비밀번호<strong class="sound_only"> 필수</strong></label>
<span class="lg_pw"><input type="password" name="mb_password" id="login_pw" class="frm_input required" size="20" maxLength="20"></span> <span class="lg_pw"><input type="password" name="mb_password" id="login_pw" class="frm_input required" size="20" maxLength="20"></span>
<br> <br>
@ -215,24 +210,7 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
</div> </div>
<script> <script>
// function fregister_submit(f) $(function() {
// {
// if (!f.agree.checked) {
// alert("회원가입약관의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
// f.agree.focus();
// return false;
// }
// if (!f.agree2.checked) {
// alert("개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
// f.agree2.focus();
// return false;
// }
// return true;
// }
$(function() {
// 모두선택 // 모두선택
$("input[name=chk_all]").click(function() { $("input[name=chk_all]").click(function() {
if ($(this).prop('checked')) { if ($(this).prop('checked')) {
@ -245,7 +223,7 @@ $(function() {
$("#reg_zip_find").css("display", "inline-block"); $("#reg_zip_find").css("display", "inline-block");
var pageTypeParam = "pageType=register"; var pageTypeParam = "pageType=register";
<?php if($config['cf_cert_use'] && $config['cf_cert_sa']) { ?> <?php if ($config['cf_cert_use'] && $config['cf_cert_sa']) { ?>
// TOSS 통합인증 // TOSS 통합인증
var url = "<?php echo G5_KGCERT_URL; ?>/kg_request.php"; var url = "<?php echo G5_KGCERT_URL; ?>/kg_request.php";
var type = ""; var type = "";
@ -254,51 +232,54 @@ $(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":
params = "?directAgency=" + type + "&" + pageTypeParam; params = "?directAgency=" + type + "&" + pageTypeParam;
request_url = url + params; request_url = url + params;
call_sa(request_url); call_sa(request_url);
break; break;
case "PASS" : case "PASS":
params = "?directAgency=" + type + "&" + pageTypeParam; params = "?directAgency=" + type + "&" + pageTypeParam;
request_url = url + params; request_url = url + params;
call_sa(request_url); call_sa(request_url);
break; break;
case "PAYCO" : case "PAYCO":
params = "?directAgency=" + type + "&" + pageTypeParam; params = "?directAgency=" + type + "&" + pageTypeParam;
request_url = url + params; request_url = url + params;
call_sa(request_url); call_sa(request_url);
break; break;
case "KFTC" : case "KFTC":
params = "?directAgency=" + type + "&" + pageTypeParam; params = "?directAgency=" + type + "&" + pageTypeParam;
request_url = url + params; request_url = url + params;
call_sa(request_url); call_sa(request_url);
break; break;
default : default:
return; return;
} }
}); });
<?php } ?> <?php } ?>
<?php if($config['cf_cert_use'] && $config['cf_cert_ipin']) { ?> <?php if ($config['cf_cert_use'] && $config['cf_cert_ipin']) { ?>
// 아이핀인증 // 아이핀인증
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);
return; return;
}); });
<?php } ?> <?php } ?>
<?php if($config['cf_cert_use'] && $config['cf_cert_hp']) { ?> <?php if ($config['cf_cert_use'] && $config['cf_cert_hp']) { ?>
// 휴대폰인증 // 휴대폰인증
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']) {
case 'kcb': case 'kcb':
$cert_url = G5_OKNAME_URL.'/hpcert1.php'; $cert_url = G5_OKNAME_URL.'/hpcert1.php';
$cert_type = 'kcb-hp'; $cert_type = 'kcb-hp';
@ -318,24 +299,36 @@ $(function() {
} }
?> ?>
certify_win_open("<?php echo $cert_type; ?>", "<?php echo $cert_url; ?>"+params); certify_win_open("<?php echo $cert_type; ?>", "<?php echo $cert_url; ?>" + params);
return; return;
}); });
<?php } ?> <?php } ?>
//tooltip //tooltip
$(document).on("click", ".tooltip_icon", function(e){ $(document).on("click", ".tooltip_icon", function(e) {
$(this).next(".tooltip").fadeIn(400).css("display","inline-block"); $(this).next(".tooltip").fadeIn(400).css("display", "inline-block");
}).on("mouseout", ".tooltip_icon", function(e){ }).on("mouseout", ".tooltip_icon", function(e) {
$(this).next(".tooltip").fadeOut(); $(this).next(".tooltip").fadeOut();
}); });
}); });
// submit 최종 폼체크
function fregisterform_submit(f) {
if (!f.agree.checked) {
alert("회원가입약관의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
f.agree.focus();
return false;
}
if (!f.agree2.checked) {
alert("개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
f.agree2.focus();
return false;
}
// submit 최종 폼체크
function fregisterform_submit(f)
{
// 이름 검사 // 이름 검사
if (f.w.value=="") { if (f.w.value == "") {
if (f.mb_name.value.length < 1) { if (f.mb_name.value.length < 1) {
alert("이름을 입력하십시오."); alert("이름을 입력하십시오.");
f.mb_name.focus(); f.mb_name.focus();
@ -343,9 +336,9 @@ function fregisterform_submit(f)
} }
} }
<?php if($w == '' && $config['cf_cert_use'] && $config['cf_cert_req']) { ?> <?php if ($w == '' && $config['cf_cert_use'] && $config['cf_cert_req']) { ?>
// 본인확인 체크 // 본인확인 체크
if(f.cert_no.value=="") { if (f.cert_no.value == "") {
alert("회원가입을 위해서는 본인확인을 해주셔야 합니다."); alert("회원가입을 위해서는 본인확인을 해주셔야 합니다.");
return false; return false;
} }
@ -384,19 +377,18 @@ function fregisterform_submit(f)
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());
if(!mb_id || !mb_password){ if (!mb_id || !mb_password) {
return false; return false;
} }
return true; return true;
} }
</script> </script>
<!-- } 회원정보 입력/수정 끝 --> <!-- } 회원정보 입력/수정 끝 -->

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}

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

@ -1,7 +1,7 @@
<?php <?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
if( ! $config['cf_social_login_use']) { //소셜 로그인을 사용하지 않으면 if (!$config['cf_social_login_use']) { //소셜 로그인을 사용하지 않으면
return; return;
} }
@ -12,14 +12,14 @@ add_stylesheet('<link rel="stylesheet" href="'.get_social_skin_url().'/style.css
add_javascript('<script src="'.G5_JS_URL.'/remodal/remodal.js"></script>', 10); add_javascript('<script src="'.G5_JS_URL.'/remodal/remodal.js"></script>', 10);
$email_msg = $is_exists_email ? '등록할 이메일이 중복되었습니다.다른 이메일을 입력해 주세요.' : ''; $email_msg = $is_exists_email ? '등록할 이메일이 중복되었습니다.다른 이메일을 입력해 주세요.' : '';
if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] || $config['cf_cert_hp'])) { ?> if ($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] || $config['cf_cert_hp'])) { ?>
<script src="<?php echo G5_JS_URL ?>/certify.js?v=<?php echo G5_JS_VER; ?>"></script> <script src="<?php echo G5_JS_URL ?>/certify.js?v=<?php echo G5_JS_VER; ?>"></script>
<?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,8 +47,7 @@ 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>
<tr> <tr>
@ -70,20 +69,28 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<input type="checkbox" name="chk_all" id="chk_all" class="selec_chk"> <input type="checkbox" name="chk_all" id="chk_all" class="selec_chk">
<label for="chk_all"><span></span>회원가입 약관에 모두 동의합니다</label> <label for="chk_all"><span></span>회원가입 약관에 모두 동의합니다</label>
</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>
<!-- 새로가입 시작 --> <!-- 새로가입 시작 -->
<input type="hidden" name="w" value="<?php echo $w; ?>"> <input type="hidden" name="w" value="<?php echo $w; ?>">
<input type="hidden" name="url" value="<?php echo $urlencode; ?>"> <input type="hidden" name="url" value="<?php echo $urlencode; ?>">
<input type="hidden" name="provider" value="<?php echo $provider_name;?>" > <input type="hidden" name="provider" value="<?php echo $provider_name; ?>">
<input type="hidden" name="action" value="register"> <input type="hidden" name="action" value="register">
<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">
@ -91,24 +98,24 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<ul> <ul>
<li> <li>
<?php <?php
if($config['cf_cert_use']) { if ($config['cf_cert_use']) {
if($config['cf_cert_sa']) { if ($config['cf_cert_sa']) {
echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="TOSS">토스 인증</button>'.PHP_EOL; echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="TOSS">토스 인증</button>' . PHP_EOL;
echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="PASS">PASS 인증</button>'.PHP_EOL; echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="PASS">PASS 인증</button>' . PHP_EOL;
echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="PAYCO">페이코 인증</button>'.PHP_EOL; echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="PAYCO">페이코 인증</button>' . PHP_EOL;
echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="KFTC">금융인증서</button>'.PHP_EOL; echo '<button type="button" id="win_sa_cert" class="btn_frmline win_sa_cert" data-type="KFTC">금융인증서</button>' . PHP_EOL;
} }
if($config['cf_cert_hp']) if ($config['cf_cert_hp'])
echo '<button type="button" id="win_hp_cert" class="btn_frmline">휴대폰 본인확인</button>'.PHP_EOL; echo '<button type="button" id="win_hp_cert" class="btn_frmline">휴대폰 본인확인</button>' . PHP_EOL;
if($config['cf_cert_ipin']) if ($config['cf_cert_ipin'])
echo '<button type="button" id="win_ipin_cert" class="btn_frmline">아이핀 본인확인</button>'.PHP_EOL; echo '<button type="button" id="win_ipin_cert" class="btn_frmline">아이핀 본인확인</button>' . PHP_EOL;
echo '<noscript>본인확인을 위해서는 자바스크립트 사용이 가능해야합니다.</noscript>'.PHP_EOL; echo '<noscript>본인확인을 위해서는 자바스크립트 사용이 가능해야합니다.</noscript>' . PHP_EOL;
} }
?> ?>
<?php <?php
if ($config['cf_cert_use'] && $member['mb_certify']) { if ($config['cf_cert_use'] && $member['mb_certify']) {
if($member['mb_certify'] == 'ipin') if ($member['mb_certify'] == 'ipin')
$mb_cert = '아이핀'; $mb_cert = '아이핀';
else else
$mb_cert = '휴대폰'; $mb_cert = '휴대폰';
@ -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">
@ -132,8 +133,8 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<span class="tooltip">공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)<br> 닉네임을 바꾸시면 앞으로 <?php echo (int)$config['cf_nick_modify'] ?>일 이내에는 변경 할 수 없습니다.</span> <span class="tooltip">공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)<br> 닉네임을 바꾸시면 앞으로 <?php echo (int)$config['cf_nick_modify'] ?>일 이내에는 변경 할 수 없습니다.</span>
</label> </label>
<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 } ?>
@ -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>
@ -204,7 +201,7 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
<div id="login_fs"> <div id="login_fs">
<label for="login_id" class="login_id">아이디<strong class="sound_only"> 필수</strong></label> <label for="login_id" class="login_id">아이디<strong class="sound_only"> 필수</strong></label>
<span class="lg_id"><input type="text" name="mb_id" id="login_id" class="frm_input required" size="20" maxLength="20" ></span> <span class="lg_id"><input type="text" name="mb_id" id="login_id" class="frm_input required" size="20" maxLength="20"></span>
<label for="login_pw" class="login_pw">비밀번호<strong class="sound_only"> 필수</strong></label> <label for="login_pw" class="login_pw">비밀번호<strong class="sound_only"> 필수</strong></label>
<span class="lg_pw"><input type="password" name="mb_password" id="login_pw" class="frm_input required" size="20" maxLength="20"></span> <span class="lg_pw"><input type="password" name="mb_password" id="login_pw" class="frm_input required" size="20" maxLength="20"></span>
<br> <br>
@ -216,24 +213,7 @@ if($config['cf_cert_use'] && ($config['cf_cert_sa'] || $config['cf_cert_ipin'] |
</div> </div>
<script> <script>
// function fregister_submit(f) $(function() {
// {
// if (!f.agree.checked) {
// alert("회원가입약관의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
// f.agree.focus();
// return false;
// }
// if (!f.agree2.checked) {
// alert("개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
// f.agree2.focus();
// return false;
// }
// return true;
// }
$(function() {
// 모두선택 // 모두선택
$("input[name=chk_all]").click(function() { $("input[name=chk_all]").click(function() {
if ($(this).prop('checked')) { if ($(this).prop('checked')) {
@ -246,7 +226,7 @@ $(function() {
$("#reg_zip_find").css("display", "inline-block"); $("#reg_zip_find").css("display", "inline-block");
var pageTypeParam = "pageType=register"; var pageTypeParam = "pageType=register";
<?php if($config['cf_cert_use'] && $config['cf_cert_sa']) { ?> <?php if ($config['cf_cert_use'] && $config['cf_cert_sa']) { ?>
// TOSS 통합인증 // TOSS 통합인증
var url = "<?php echo G5_KGCERT_URL; ?>/kg_request.php"; var url = "<?php echo G5_KGCERT_URL; ?>/kg_request.php";
var type = ""; var type = "";
@ -255,54 +235,54 @@ $(function() {
$(".win_sa_cert").click(function() { $(".win_sa_cert").click(function() {
if(!cert_confirm()) return false; if (!cert_confirm()) return false;
type = $(this).data("type"); type = $(this).data("type");
switch(type) { switch (type) {
case "TOSS" : case "TOSS":
params = "?directAgency=" + type + "&" + pageTypeParam; params = "?directAgency=" + type + "&" + pageTypeParam;
request_url = url + params; request_url = url + params;
call_sa(request_url); call_sa(request_url);
break; break;
case "PASS" : case "PASS":
params = "?directAgency=" + type + "&" + pageTypeParam; params = "?directAgency=" + type + "&" + pageTypeParam;
request_url = url + params; request_url = url + params;
call_sa(request_url); call_sa(request_url);
break; break;
case "PAYCO" : case "PAYCO":
params = "?directAgency=" + type + "&" + pageTypeParam; params = "?directAgency=" + type + "&" + pageTypeParam;
request_url = url + params; request_url = url + params;
call_sa(request_url); call_sa(request_url);
break; break;
case "KFTC" : case "KFTC":
params = "?directAgency=" + type + "&" + pageTypeParam; params = "?directAgency=" + type + "&" + pageTypeParam;
request_url = url + params; request_url = url + params;
call_sa(request_url); call_sa(request_url);
break; break;
default : default:
return; return;
} }
}); });
<?php } ?> <?php } ?>
<?php if($config['cf_cert_use'] && $config['cf_cert_ipin']) { ?> <?php if ($config['cf_cert_use'] && $config['cf_cert_ipin']) { ?>
// 아이핀인증 // 아이핀인증
var params = ""; var params = "";
$("#win_ipin_cert").click(function() { $("#win_ipin_cert").click(function() {
if(!cert_confirm()) return false; 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);
return; return;
}); });
<?php } ?> <?php } ?>
<?php if($config['cf_cert_use'] && $config['cf_cert_hp']) { ?> <?php if ($config['cf_cert_use'] && $config['cf_cert_hp']) { ?>
// 휴대폰인증 // 휴대폰인증
var params = ""; var params = "";
$("#win_hp_cert").click(function() { $("#win_hp_cert").click(function() {
if(!cert_confirm()) return false; if (!cert_confirm()) return false;
params = "?" + pageTypeParam; params = "?" + pageTypeParam;
<?php <?php
switch($config['cf_cert_hp']) { switch ($config['cf_cert_hp']) {
case 'kcb': case 'kcb':
$cert_url = G5_OKNAME_URL.'/hpcert1.php'; $cert_url = G5_OKNAME_URL.'/hpcert1.php';
$cert_type = 'kcb-hp'; $cert_type = 'kcb-hp';
@ -322,24 +302,36 @@ $(function() {
} }
?> ?>
certify_win_open("<?php echo $cert_type; ?>", "<?php echo $cert_url; ?>"+params); certify_win_open("<?php echo $cert_type; ?>", "<?php echo $cert_url; ?>" + params);
return; return;
}); });
<?php } ?> <?php } ?>
//tooltip //tooltip
$(document).on("click", ".tooltip_icon", function(e){ $(document).on("click", ".tooltip_icon", function(e) {
$(this).next(".tooltip").fadeIn(400).css("display","inline-block"); $(this).next(".tooltip").fadeIn(400).css("display", "inline-block");
}).on("mouseout", ".tooltip_icon", function(e){ }).on("mouseout", ".tooltip_icon", function(e) {
$(this).next(".tooltip").fadeOut(); $(this).next(".tooltip").fadeOut();
}); });
}); });
// submit 최종 폼체크
function fregisterform_submit(f) {
if (!f.agree.checked) {
alert("회원가입약관의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
f.agree.focus();
return false;
}
if (!f.agree2.checked) {
alert("개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
f.agree2.focus();
return false;
}
// submit 최종 폼체크
function fregisterform_submit(f)
{
// 이름 검사 // 이름 검사
if (f.w.value=="") { if (f.w.value == "") {
if (f.mb_name.value.length < 1) { if (f.mb_name.value.length < 1) {
alert("이름을 입력하십시오."); alert("이름을 입력하십시오.");
f.mb_name.focus(); f.mb_name.focus();
@ -347,9 +339,9 @@ function fregisterform_submit(f)
} }
} }
<?php if($w == '' && $config['cf_cert_use'] && $config['cf_cert_req']) { ?> <?php if ($w == '' && $config['cf_cert_use'] && $config['cf_cert_req']) { ?>
// 본인확인 체크 // 본인확인 체크
if(f.cert_no.value=="") { if (f.cert_no.value == "") {
alert("회원가입을 위해서는 본인확인을 해주셔야 합니다."); alert("회원가입을 위해서는 본인확인을 해주셔야 합니다.");
return false; return false;
} }
@ -388,19 +380,18 @@ function fregisterform_submit(f)
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());
if(!mb_id || !mb_password){ if (!mb_id || !mb_password) {
return false; return false;
} }
return true; return true;
} }
</script> </script>
<!-- } 회원정보 입력/수정 끝 --> <!-- } 회원정보 입력/수정 끝 -->

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;}