Merge branch 'devs' of https://gitlab.com/big.imcloud/badyfeed/bf.git into devs
kyebyungha
3 years ago
commit
91fe44c3e7
@ -1,218 +1,28 @@
|
||||
<#include "/m/include/index_top.ftl">
|
||||
|
||||
<body class="bg_setting">
|
||||
<div class="wrap">
|
||||
<header class="header_wrapper">
|
||||
<a href="javascript:back.return_url()" class="side_Lbtn hidden pre_btn">이전으로</a>
|
||||
<h1 class="header_title">계정관리</h1>
|
||||
<a href="#" class="side_Rbtn hidden"></a>
|
||||
</header>
|
||||
<main class="m_set_account m_set_account_name">
|
||||
<form name="frmMember" id="frmMember" method="POST">
|
||||
<input type="hidden" name="is_test" id="is_test" value="N" />
|
||||
<input type="hidden" name="s_no" id="s_no" value="" />
|
||||
<input type="hidden" name="sms_use_cd_no" id="sms_use_cd_no" value="SMS_USE_CODE_UPDATE"/>
|
||||
<input type="hidden" name="check_status" id="check_status" value=""/>
|
||||
<h1 class="l_title">변경하실 휴대전화 번호를 입력해주세요</h1>
|
||||
<div class="l_list">
|
||||
<div class="p_list_item p_border_box">
|
||||
<div class="p_input_box">
|
||||
<input type="number" id="phone_num" name="phone_num" class="required" data-tit="휴대전화번호" placeholder="'-'없이 번호만 입력" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="m_set_account_btn"><button type="button" id="" name="" class="btns blue_btn" onclick="auth.ajax_send_sms()">인증요청</button></div>
|
||||
</div>
|
||||
<div class="l_list">
|
||||
<p class="l_info">※ 휴대폰으로 전송된 인증번호를 입력해주세요.</p>
|
||||
<div class="timer_box">인증 유효 시간 <span id="id_limit_time" class="timer emphasis_tit">02:59</span></div>
|
||||
<div class="p_list_item p_border_box">
|
||||
<div class="p_input_box">
|
||||
<#-- 인증 문자 발송 후 required 클래스 추가 -->
|
||||
<input type="text" id="check_num" name="check_num" class="" data-tit="인증번호" placeholder="인증번호 입력">
|
||||
</div>
|
||||
</div>
|
||||
<div class="m_set_account_btn"><button type="submit" id="id_check_num" name="" class="btns grey_btn">인증확인</button></div>
|
||||
<input type="hidden" id="s_no" value="">
|
||||
<div class="wrap">
|
||||
<header class="header_wrapper">
|
||||
<a href="javascript:history.back();" class="side_Lbtn hidden pre_btn">이전으로</a>
|
||||
<h1 class="header_title">전화번호 변경</h1>
|
||||
<a href="#" class="side_Rbtn hidden"></a>
|
||||
</header>
|
||||
|
||||
<div id="search_pw" class="search_pw">
|
||||
<div class="search_pw_email">
|
||||
<p>전화번호</p>
|
||||
<div class="input_search_phone">
|
||||
<input type="text" maxlength="15" id="phone" name="phone" onkeyup="this.value = phone_mask(this.value)" placeholder="변경하실 휴대전화 번호를 입력하세요" class="input_box" />
|
||||
<div class="input_search_phone_btn">
|
||||
<a href="javascript:ajax_send_change_phone();">인증코드발송</a>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<#include "/m/include/index_bottom_info.ftl">
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var member = {
|
||||
|
||||
init: function(){
|
||||
$('#frmMember').on('submit',function(e){
|
||||
|
||||
if(!auth.timer_check){
|
||||
e.preventDefault()
|
||||
return;
|
||||
}
|
||||
|
||||
if($('#check_status').val()!='Y'){
|
||||
e.preventDefault()
|
||||
auth.ajax_confirm_sms()
|
||||
return;
|
||||
}
|
||||
|
||||
e.preventDefault()
|
||||
return;
|
||||
})
|
||||
},
|
||||
|
||||
ajax_update_sn_member_phone: function(){
|
||||
var data = $('#frmMember').serialize()
|
||||
$.ajax({
|
||||
url:'${URL_ROOT}/m/member_env/ajax_update_member_phone.do?1=1',
|
||||
type:'post',
|
||||
data: data,
|
||||
dataType:'json',
|
||||
error:function(request,status,error){
|
||||
Swal.fire({text: '오류가 발생했습니다'})
|
||||
auth.is_loading = false
|
||||
},
|
||||
success:function(result){
|
||||
console.log(result)
|
||||
|
||||
var RESULT = result.RESULT
|
||||
if(RESULT == 0){ //0:RESULT_SUCCESS
|
||||
Swal.fire({text: '변경되었습니다'}).then((result) => { location.reload(); })
|
||||
}else if(RESULT == 5){ //5: RESULT_CUSTOM_MSG
|
||||
Swal.fire({html: result.MSG})
|
||||
}else{
|
||||
Swal.fire({text: '변경에 실패했습니다'})
|
||||
}
|
||||
},
|
||||
})
|
||||
},
|
||||
}
|
||||
var auth = {
|
||||
timer_check : null,
|
||||
|
||||
init:function(){
|
||||
|
||||
},
|
||||
|
||||
start_timer : function() {
|
||||
this.stop_timer()
|
||||
$('#id_check_num').addClass('blue_btn')
|
||||
$('#id_check_num').removeClass('grey_btn')
|
||||
this.timer_check = setInterval(function() {
|
||||
if(s_time <= 0){
|
||||
this.stop_timer()
|
||||
Swal.fire({text: '인증 시간이 만료되었습니다'})
|
||||
}else{
|
||||
var min = parseInt((--s_time%3600)/60)
|
||||
var sec = s_time%60
|
||||
var remain_time = (min < 10? "0" + min : min) + ":" + (sec < 10 ? "0" + sec : sec)
|
||||
$('#id_limit_time').text(remain_time)
|
||||
}
|
||||
}.bind(this), 1000)
|
||||
},
|
||||
|
||||
stop_timer : function(){
|
||||
s_time = 180
|
||||
clearInterval(this.timer_check)
|
||||
this.is_loading = false
|
||||
this.timer_check = null
|
||||
|
||||
// 버튼 끄기
|
||||
$('#id_check_num').addClass('grey_btn')
|
||||
$('#id_check_num').removeClass('blue_btn')
|
||||
|
||||
// send_sms 결과 초기화
|
||||
$('#s_no').val('')
|
||||
$('#check_status').val('')
|
||||
$('#check_num').val('')
|
||||
$('#check_num').removeClass('required')
|
||||
},
|
||||
|
||||
ajax_send_sms: function(){
|
||||
|
||||
if (!SNValidator.validateWithAlert('#frmMember')) {
|
||||
this.stop_timer()
|
||||
return;
|
||||
} else if(!SNUtil.regPh.test($("#phone_num").val())){
|
||||
this.stop_timer()
|
||||
Swal.fire({text: '올바른 휴대전화 번호를 입력하세요'})
|
||||
return;
|
||||
} else {
|
||||
this.stop_timer()
|
||||
}
|
||||
|
||||
var data = $('#frmMember').serialize()
|
||||
$.ajax({
|
||||
url:'${URL_ROOT}/api/sms/send_sms.do?1=1',
|
||||
type:'post',
|
||||
data: data,
|
||||
dataType:'json',
|
||||
error:function(request,status,error){
|
||||
this.stop_timer()
|
||||
Swal.fire({text: '오류가 발생했습니다'})
|
||||
}.bind(this),
|
||||
success:function(result){
|
||||
console.log(result)
|
||||
this.stop_timer()
|
||||
|
||||
var RESULT = result.RESULT
|
||||
var RESULT_MSG = result.RESULT_MSG
|
||||
var s_no = result.s_no
|
||||
|
||||
if(result.RESULT_CODE == "401"){ //401: member is being
|
||||
this.stop_timer();
|
||||
Swal.fire({text: result.sms_msg})
|
||||
}else if(result.RESULT == 'true'){
|
||||
// confirm_sms DATA세팅
|
||||
this.start_timer();
|
||||
$('#s_no').val(s_no);
|
||||
$('#check_num').addClass('required')
|
||||
Swal.fire({text: '발송되었습니다'})
|
||||
}else{
|
||||
this.stop_timer();
|
||||
Swal.fire({text: '오류가 발생했습니다'})
|
||||
}
|
||||
}.bind(this),
|
||||
})
|
||||
},
|
||||
|
||||
ajax_confirm_sms: function(){
|
||||
|
||||
if (!SNValidator.validateWithAlert('#frmMember')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = $('#frmMember').serialize()
|
||||
$.ajax({
|
||||
url:'${URL_ROOT}/api/sms/confirm_sms.do?1=1',
|
||||
type:'post',
|
||||
data: data,
|
||||
dataType:'json',
|
||||
error:function(request,status,error){
|
||||
Swal.fire({text: '오류가 발생했습니다'})
|
||||
}.bind(this),
|
||||
success:function(result){
|
||||
console.log(result)
|
||||
|
||||
if(result.RESULT == 'true' && result.check_status == 'Y'){
|
||||
// confirm_sms DATA세팅
|
||||
$('#check_status').val(result.check_status)
|
||||
|
||||
//완료처리
|
||||
member.ajax_update_sn_member_phone()
|
||||
}else{
|
||||
Swal.fire({text: '올바른 인증번호를 입력하세요'})
|
||||
}
|
||||
}.bind(this),
|
||||
})
|
||||
}
|
||||
}
|
||||
$(function(){
|
||||
auth.init()
|
||||
member.init()
|
||||
})
|
||||
</script>
|
||||
|
||||
<#include "/m/member_env/include_return_url.ftl">
|
||||
|
||||
</div>
|
||||
</body>
|
||||
<#include "/m/include/index_bottom.ftl">
|
||||
|
||||
<#include "/m/include/confirm.ftl">
|
||||
<#include "/m/include/index_bottom.ftl">
|
||||
@ -0,0 +1,42 @@
|
||||
<#include "/m/include/index_top.ftl">
|
||||
|
||||
<body>
|
||||
<!-- wrap -->
|
||||
<div class="wrap" id="view_search_id">
|
||||
<!-- header_sub -->
|
||||
<header class="header_wrapper">
|
||||
<a href="javascript:history.back();" class="side_Lbtn hidden pre_btn">이전으로</a>
|
||||
<h1 class="header_title">아이디 찾기</h1>
|
||||
</header>
|
||||
<!-- //header_sub -->
|
||||
|
||||
<!-- search_id -->
|
||||
<div id="search_id" class="search_id">
|
||||
|
||||
<div class="search_phone">
|
||||
<h3>전화번호</h3>
|
||||
<div class="input_search_phone">
|
||||
<input readonly type="number" id="phone" name="phone" value="${model['phone']}" class="input_box" />
|
||||
<p>* 번호로 인증코드를 발송하였습니다.</p>
|
||||
</div>
|
||||
<p>인증코드</p>
|
||||
<div class="input_search_phone">
|
||||
<input readonly type="text" maxlength="4" id="check_num" name="check_num" value="${model['check_num']}" class="input_box" />
|
||||
<p id="checkNumTextDiv">인증코드가 확인 되었습니다.</p>
|
||||
</div>
|
||||
<div class="input_search_phone_btn">
|
||||
<a href="javascript:ajax_change_phone();">변경하기</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- nutrition_kinds -->
|
||||
|
||||
</div>
|
||||
<!-- //wrap -->
|
||||
</body>
|
||||
|
||||
<#include "/m/include/confirm.ftl">
|
||||
<#include "/m/include/index_bottom.ftl">
|
||||
@ -0,0 +1,218 @@
|
||||
<#include "/m/include/index_top.ftl">
|
||||
|
||||
<body class="bg_setting">
|
||||
<div class="wrap">
|
||||
<header class="header_wrapper">
|
||||
<a href="javascript:back.return_url()" class="side_Lbtn hidden pre_btn">이전으로</a>
|
||||
<h1 class="header_title">계정관리</h1>
|
||||
<a href="#" class="side_Rbtn hidden"></a>
|
||||
</header>
|
||||
<main class="m_set_account m_set_account_name">
|
||||
<form name="frmMember" id="frmMember" method="POST">
|
||||
<input type="hidden" name="is_test" id="is_test" value="N" />
|
||||
<input type="hidden" name="s_no" id="s_no" value="" />
|
||||
<input type="hidden" name="sms_use_cd_no" id="sms_use_cd_no" value="SMS_USE_CODE_UPDATE"/>
|
||||
<input type="hidden" name="check_status" id="check_status" value=""/>
|
||||
<h1 class="l_title">변경하실 휴대전화 번호를 입력해주세요</h1>
|
||||
<div class="l_list">
|
||||
<div class="p_list_item p_border_box">
|
||||
<div class="p_input_box">
|
||||
<input type="number" id="phone_num" name="phone_num" class="required" data-tit="휴대전화번호" placeholder="'-'없이 번호만 입력" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="m_set_account_btn"><button type="button" id="" name="" class="btns blue_btn" onclick="auth.ajax_send_sms()">인증요청</button></div>
|
||||
</div>
|
||||
<div class="l_list">
|
||||
<p class="l_info">※ 휴대폰으로 전송된 인증번호를 입력해주세요.</p>
|
||||
<div class="timer_box">인증 유효 시간 <span id="id_limit_time" class="timer emphasis_tit">02:59</span></div>
|
||||
<div class="p_list_item p_border_box">
|
||||
<div class="p_input_box">
|
||||
<#-- 인증 문자 발송 후 required 클래스 추가 -->
|
||||
<input type="text" id="check_num" name="check_num" class="" data-tit="인증번호" placeholder="인증번호 입력">
|
||||
</div>
|
||||
</div>
|
||||
<div class="m_set_account_btn"><button type="submit" id="id_check_num" name="" class="btns grey_btn">인증확인</button></div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<#include "/m/include/index_bottom_info.ftl">
|
||||
</main>
|
||||
</div>
|
||||
<script>
|
||||
var member = {
|
||||
|
||||
init: function(){
|
||||
$('#frmMember').on('submit',function(e){
|
||||
|
||||
if(!auth.timer_check){
|
||||
e.preventDefault()
|
||||
return;
|
||||
}
|
||||
|
||||
if($('#check_status').val()!='Y'){
|
||||
e.preventDefault()
|
||||
auth.ajax_confirm_sms()
|
||||
return;
|
||||
}
|
||||
|
||||
e.preventDefault()
|
||||
return;
|
||||
})
|
||||
},
|
||||
|
||||
ajax_update_sn_member_phone: function(){
|
||||
var data = $('#frmMember').serialize()
|
||||
$.ajax({
|
||||
url:'${URL_ROOT}/m/member_env/ajax_update_member_phone.do?1=1',
|
||||
type:'post',
|
||||
data: data,
|
||||
dataType:'json',
|
||||
error:function(request,status,error){
|
||||
Swal.fire({text: '오류가 발생했습니다'})
|
||||
auth.is_loading = false
|
||||
},
|
||||
success:function(result){
|
||||
console.log(result)
|
||||
|
||||
var RESULT = result.RESULT
|
||||
if(RESULT == 0){ //0:RESULT_SUCCESS
|
||||
Swal.fire({text: '변경되었습니다'}).then((result) => { location.reload(); })
|
||||
}else if(RESULT == 5){ //5: RESULT_CUSTOM_MSG
|
||||
Swal.fire({html: result.MSG})
|
||||
}else{
|
||||
Swal.fire({text: '변경에 실패했습니다'})
|
||||
}
|
||||
},
|
||||
})
|
||||
},
|
||||
}
|
||||
var auth = {
|
||||
timer_check : null,
|
||||
|
||||
init:function(){
|
||||
|
||||
},
|
||||
|
||||
start_timer : function() {
|
||||
this.stop_timer()
|
||||
$('#id_check_num').addClass('blue_btn')
|
||||
$('#id_check_num').removeClass('grey_btn')
|
||||
this.timer_check = setInterval(function() {
|
||||
if(s_time <= 0){
|
||||
this.stop_timer()
|
||||
Swal.fire({text: '인증 시간이 만료되었습니다'})
|
||||
}else{
|
||||
var min = parseInt((--s_time%3600)/60)
|
||||
var sec = s_time%60
|
||||
var remain_time = (min < 10? "0" + min : min) + ":" + (sec < 10 ? "0" + sec : sec)
|
||||
$('#id_limit_time').text(remain_time)
|
||||
}
|
||||
}.bind(this), 1000)
|
||||
},
|
||||
|
||||
stop_timer : function(){
|
||||
s_time = 180
|
||||
clearInterval(this.timer_check)
|
||||
this.is_loading = false
|
||||
this.timer_check = null
|
||||
|
||||
// 버튼 끄기
|
||||
$('#id_check_num').addClass('grey_btn')
|
||||
$('#id_check_num').removeClass('blue_btn')
|
||||
|
||||
// send_sms 결과 초기화
|
||||
$('#s_no').val('')
|
||||
$('#check_status').val('')
|
||||
$('#check_num').val('')
|
||||
$('#check_num').removeClass('required')
|
||||
},
|
||||
|
||||
ajax_send_sms: function(){
|
||||
|
||||
if (!SNValidator.validateWithAlert('#frmMember')) {
|
||||
this.stop_timer()
|
||||
return;
|
||||
} else if(!SNUtil.regPh.test($("#phone_num").val())){
|
||||
this.stop_timer()
|
||||
Swal.fire({text: '올바른 휴대전화 번호를 입력하세요'})
|
||||
return;
|
||||
} else {
|
||||
this.stop_timer()
|
||||
}
|
||||
|
||||
var data = $('#frmMember').serialize()
|
||||
$.ajax({
|
||||
url:'${URL_ROOT}/api/sms/send_sms.do?1=1',
|
||||
type:'post',
|
||||
data: data,
|
||||
dataType:'json',
|
||||
error:function(request,status,error){
|
||||
this.stop_timer()
|
||||
Swal.fire({text: '오류가 발생했습니다'})
|
||||
}.bind(this),
|
||||
success:function(result){
|
||||
console.log(result)
|
||||
this.stop_timer()
|
||||
|
||||
var RESULT = result.RESULT
|
||||
var RESULT_MSG = result.RESULT_MSG
|
||||
var s_no = result.s_no
|
||||
|
||||
if(result.RESULT_CODE == "401"){ //401: member is being
|
||||
this.stop_timer();
|
||||
Swal.fire({text: result.sms_msg})
|
||||
}else if(result.RESULT == 'true'){
|
||||
// confirm_sms DATA세팅
|
||||
this.start_timer();
|
||||
$('#s_no').val(s_no);
|
||||
$('#check_num').addClass('required')
|
||||
Swal.fire({text: '발송되었습니다'})
|
||||
}else{
|
||||
this.stop_timer();
|
||||
Swal.fire({text: '오류가 발생했습니다'})
|
||||
}
|
||||
}.bind(this),
|
||||
})
|
||||
},
|
||||
|
||||
ajax_confirm_sms: function(){
|
||||
|
||||
if (!SNValidator.validateWithAlert('#frmMember')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = $('#frmMember').serialize()
|
||||
$.ajax({
|
||||
url:'${URL_ROOT}/api/sms/confirm_sms.do?1=1',
|
||||
type:'post',
|
||||
data: data,
|
||||
dataType:'json',
|
||||
error:function(request,status,error){
|
||||
Swal.fire({text: '오류가 발생했습니다'})
|
||||
}.bind(this),
|
||||
success:function(result){
|
||||
console.log(result)
|
||||
|
||||
if(result.RESULT == 'true' && result.check_status == 'Y'){
|
||||
// confirm_sms DATA세팅
|
||||
$('#check_status').val(result.check_status)
|
||||
|
||||
//완료처리
|
||||
member.ajax_update_sn_member_phone()
|
||||
}else{
|
||||
Swal.fire({text: '올바른 인증번호를 입력하세요'})
|
||||
}
|
||||
}.bind(this),
|
||||
})
|
||||
}
|
||||
}
|
||||
$(function(){
|
||||
auth.init()
|
||||
member.init()
|
||||
})
|
||||
</script>
|
||||
|
||||
<#include "/m/member_env/include_return_url.ftl">
|
||||
|
||||
</body>
|
||||
<#include "/m/include/index_bottom.ftl">
|
||||
@ -0,0 +1,42 @@
|
||||
<#include "/m/include/index_top.ftl">
|
||||
|
||||
<body>
|
||||
<!-- wrap -->
|
||||
<div class="wrap" id="view_search_id">
|
||||
<!-- header_sub -->
|
||||
<header class="header_wrapper">
|
||||
<a href="javascript:history.back();" class="side_Lbtn hidden pre_btn">이전으로</a>
|
||||
<h1 class="header_title">아이디 찾기</h1>
|
||||
</header>
|
||||
<!-- //header_sub -->
|
||||
|
||||
<!-- search_id -->
|
||||
<div id="search_id" class="search_id">
|
||||
<input type="hidden" id="s_no" value="${model['s_no']}">
|
||||
|
||||
<div class="search_phone">
|
||||
<h3>전화번호</h3>
|
||||
<div class="input_search_phone">
|
||||
<input readonly type="number" id="phone" name="phone" value="${model['phone_num']}" class="input_box" />
|
||||
<p>* 번호로 인증코드를 발송하였습니다.</p>
|
||||
</div>
|
||||
<p>인증코드</p>
|
||||
<div class="input_search_phone">
|
||||
<input type="text" maxlength="4" id="check_num" name="check_num" value="" class="input_box" />
|
||||
</div>
|
||||
<div class="input_search_phone_btn">
|
||||
<a href="javascript:ajax_confirm_change_phone_sms();">인증코드 확인</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- nutrition_kinds -->
|
||||
|
||||
</div>
|
||||
<!-- //wrap -->
|
||||
</body>
|
||||
|
||||
<#include "/m/include/confirm.ftl">
|
||||
<#include "/m/include/index_bottom.ftl">
|
||||
@ -0,0 +1,8 @@
|
||||
// 전화번호 숫자와 대시만 허용
|
||||
function phone_mask(objValue) {
|
||||
var v = objValue;
|
||||
v = v.replace(/[a-zA-Z]/g, "");
|
||||
v = v.replace( /[\{\}\[\]\/?,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi, "");
|
||||
|
||||
return v;
|
||||
}
|
||||
Loading…
Reference in new issue