first
This commit is contained in:
shim
425
modules/member/themes/_mobile/rc-default/settings/component.js
Normal file
425
modules/member/themes/_mobile/rc-default/settings/component.js
Normal file
@@ -0,0 +1,425 @@
|
||||
var memberForm = document.getElementById("memberForm");
|
||||
|
||||
var modal_settings_general = $('#modal-settings-general'); // 계정설정 모달
|
||||
var modal_settings_profile = $('#modal-settings-profile'); // 프로필 설정
|
||||
|
||||
var page_settings_main = $('#page-settings-main'); // 설정메인
|
||||
var page_settings_account = $('#page-settings-account'); //회원계정
|
||||
var page_settings_pw = $('#page-settings-pw'); //비밀번호 변경
|
||||
var page_settings_email = $('#page-settings-email'); //이메일 관리
|
||||
var page_settings_phone = $('#page-settings-phone'); //휴대폰 관리
|
||||
var page_settings_noti = $('#page-settings-noti'); //알림설정
|
||||
var page_settings_connect = $('#page-settings-connect'); //연결계정
|
||||
var page_settings_shipping = $('#page-settings-shipping'); //배송지관리
|
||||
var page_settings_name = $('#page-settings-name'); //이름변경
|
||||
|
||||
var page_settings_profile = $('#page-settings-profile') //프로필 수정 메인
|
||||
var page_settings_avatar = $('#page-settings-avatar') //아바타
|
||||
var page_settings_cover = $('#page-settings-cover') //배경이미지
|
||||
var page_settings_nic = $('#page-settings-nic') //닉네임
|
||||
var page_settings_tel1 = $('#page-settings-tel1'); //유선전화
|
||||
var page_settings_bio = $('#page-settings-bio'); //간단설명
|
||||
|
||||
function saveMemberInfo(mbruid,field) {
|
||||
var wrapper = settings.wrapper;
|
||||
var keyword=settings.keyword; // keyword
|
||||
|
||||
$.post(rooturl+'/?r='+raccount+'&m=member&a=info_update',{
|
||||
sort : sort,
|
||||
keyword : keyword,
|
||||
recnum : recnum,
|
||||
p : currentPage,
|
||||
markup_file : markup_file,
|
||||
start : start
|
||||
},function(response,status){
|
||||
if(status=='success'){
|
||||
var result = $.parseJSON(response);
|
||||
var list=result.list;
|
||||
var num=result.num;
|
||||
|
||||
wrapper.loader('hide');
|
||||
if (num) wrapper.html(list)
|
||||
else wrapper.html(none)
|
||||
|
||||
|
||||
} else {
|
||||
alert(status);
|
||||
}
|
||||
});
|
||||
|
||||
} // saveMemberInfo
|
||||
|
||||
function pwChangeCheck(obj,layer) {
|
||||
var f = document.getElementById('pwChangeForm');
|
||||
if (!obj.value)
|
||||
{
|
||||
obj.classList.remove('is-invalid');
|
||||
layer.innerHTML = '';
|
||||
}
|
||||
else
|
||||
{
|
||||
if (obj.name == 'pw1') {
|
||||
f.classList.remove('was-validated');
|
||||
|
||||
if (f.pw1.value.length < 6 || f.pw1.value.length > 16) {
|
||||
|
||||
f.check_pw1.value = '0';
|
||||
f.classList.remove('was-validated');
|
||||
obj.classList.add('is-invalid');
|
||||
obj.classList.remove('is-valid');
|
||||
|
||||
|
||||
layer.innerHTML = '영문/숫자 2개 이상 조합 6~16자로 입력';
|
||||
obj.focus();
|
||||
return false;
|
||||
}
|
||||
if (getTypeCheck(f.pw1.value,"abcdefghijklmnopqrstuvwxyz")) {
|
||||
layer.innerHTML = '비밀번호가 영문만으로 입력되었습니다.\n영문/숫자 2개 이상의 조합으로 최소 6자이상 입력하셔야 합니다.';
|
||||
obj.focus();
|
||||
return false;
|
||||
}
|
||||
if (getTypeCheck(f.pw1.value,"1234567890")) {
|
||||
layer.innerHTML = '비밀번호가 숫자만으로 입력되었습니다.\n영문/숫자 2개 이상의 조합으로 최소 6자이상 입력하셔야 합니다.';
|
||||
obj.focus();
|
||||
return false;
|
||||
}
|
||||
f.pw1.classList.add('is-valid');
|
||||
f.pw1.classList.remove('is-invalid');
|
||||
layer.innerHTML = '';
|
||||
f.check_pw1.value = '1';
|
||||
}
|
||||
|
||||
if (obj.name == 'pw2') {
|
||||
f.classList.remove('was-validated');
|
||||
obj.classList.add('is-invalid');
|
||||
obj.classList.remove('is-valid');
|
||||
|
||||
if (f.pw1.value != f.pw2.value)
|
||||
{
|
||||
layer.innerHTML = '비밀번호가 일치하지 않습니다.';
|
||||
f.classList.remove('was-validated');
|
||||
obj.focus();
|
||||
f.check_pw2.value = '0';
|
||||
return false;
|
||||
}
|
||||
|
||||
f.pw2.classList.add('is-valid');
|
||||
f.pw2.classList.remove('is-invalid');
|
||||
layer.innerHTML = '';
|
||||
|
||||
f.check_pw2.value = '1';
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
modal_settings_general.on('show.rc.modal', function(event) {
|
||||
var button = $(event.relatedTarget);
|
||||
var modal = $(this);
|
||||
modal.attr('data-mbruid','');
|
||||
$('#modal-post-view').find('[data-act="pauseVideo"]').click(); //유튜브 비디오 일시정지
|
||||
if ($('#drawer-left').length) {
|
||||
setTimeout(function(){ $('#drawer-left').drawer('hide'); }, 1000); // 왼쪽 드로워 닫기
|
||||
}
|
||||
})
|
||||
|
||||
page_settings_main.on('show.rc.page', function(event) {
|
||||
var button = $(event.relatedTarget);
|
||||
var page = $(this);
|
||||
|
||||
})
|
||||
|
||||
// 비밀번호 변경
|
||||
page_settings_pw.on('show.rc.page', function(event) {
|
||||
var button = $(event.relatedTarget);
|
||||
var page = $(this);
|
||||
page.find('[type="password"]').val('')
|
||||
})
|
||||
|
||||
|
||||
//비밀번호 유용성 체크
|
||||
page_settings_pw.find('input').keyup(function(){
|
||||
var item = $(this).attr('data-role')
|
||||
var item_pw_check = page_settings_pw.find('#page-settings-pw [name=check_pw]').val()
|
||||
if (item =='pw1') {
|
||||
element = document.querySelector('#page-settings-pw [name="pw1"]');
|
||||
feedback = document.querySelector('#page-settings-pw [data-role="pw1CodeBlock"]');
|
||||
pwChangeCheck(element,feedback)
|
||||
}
|
||||
if (item =='pw2') {
|
||||
element = document.querySelector('#page-settings-pw [name="pw2"]');
|
||||
feedback = document.querySelector('#page-settings-pw [data-role="pw2CodeBlock"]');
|
||||
pwChangeCheck(element,feedback)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
page_settings_pw.find('[data-act="changePW"]').click(function(){
|
||||
var button = $(this)
|
||||
var page = page_settings_pw;
|
||||
var f = document.getElementById('pwChangeForm');
|
||||
button.attr('disabled',true);
|
||||
|
||||
if (f.check_pw1.value == '0' || f.check_pw2.value == '0') {
|
||||
button.attr('disabled',false);
|
||||
return false;
|
||||
}
|
||||
|
||||
page.find('.form-control').removeClass('is-invalid') //에러이력 초기화
|
||||
|
||||
setTimeout(function(){
|
||||
getIframeForAction(f);
|
||||
f.submit();
|
||||
}, 1000);
|
||||
});
|
||||
|
||||
// 이메일 관리
|
||||
page_settings_email.on('show.rc.page', function(event) {
|
||||
var button = $(event.relatedTarget);
|
||||
var page = $(this);
|
||||
|
||||
page.find('.content').loader({ position: 'inside' });
|
||||
|
||||
setTimeout(function(){
|
||||
|
||||
$.post(rooturl+'/?r='+raccount+'&m=member&a=get_emailList',{
|
||||
},function(response){
|
||||
var result = $.parseJSON(response);
|
||||
var error=result.error;
|
||||
var list=result.list;
|
||||
|
||||
if (error) {
|
||||
history.back();
|
||||
setTimeout(function(){ $.notify({message: error},{type: 'default'}) }, 500);
|
||||
} else {
|
||||
page.find('.content').html(list)
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
}, 300);
|
||||
|
||||
})
|
||||
|
||||
|
||||
// 휴대폰 관리
|
||||
page_settings_phone.on('show.rc.page', function(event) {
|
||||
var button = $(event.relatedTarget);
|
||||
var page = $(this);
|
||||
|
||||
page.find('.content').loader({ position: 'inside' });
|
||||
|
||||
setTimeout(function(){
|
||||
|
||||
$.post(rooturl+'/?r='+raccount+'&m=member&a=get_phoneList',{
|
||||
},function(response){
|
||||
var result = $.parseJSON(response);
|
||||
var error=result.error;
|
||||
var list=result.list;
|
||||
|
||||
if (error) {
|
||||
history.back();
|
||||
setTimeout(function(){ $.notify({message: error},{type: 'default'}) }, 500);
|
||||
} else {
|
||||
page.find('.content').html(list)
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
}, 300);
|
||||
|
||||
})
|
||||
|
||||
// 알림설정
|
||||
page_settings_noti.on('show.rc.page', function(event) {
|
||||
var button = $(event.relatedTarget);
|
||||
var page = $(this);
|
||||
|
||||
console.log('알림설정')
|
||||
|
||||
})
|
||||
|
||||
// 연결계정
|
||||
page_settings_connect.on('show.rc.page', function(event) {
|
||||
var button = $(event.relatedTarget);
|
||||
var page = $(this);
|
||||
|
||||
console.log('연결계정')
|
||||
|
||||
})
|
||||
|
||||
// 배송지관리
|
||||
page_settings_shipping.on('show.rc.page', function(event) {
|
||||
var button = $(event.relatedTarget);
|
||||
var page = $(this);
|
||||
|
||||
page.find('.content').loader({ position: 'inside' });
|
||||
|
||||
setTimeout(function(){
|
||||
|
||||
$.post(rooturl+'/?r='+raccount+'&m=member&a=get_shippingList',{
|
||||
},function(response){
|
||||
var result = $.parseJSON(response);
|
||||
var error=result.error;
|
||||
var list=result.list;
|
||||
|
||||
if (error) {
|
||||
history.back();
|
||||
setTimeout(function(){ $.notify({message: error},{type: 'default'}) }, 500);
|
||||
} else {
|
||||
page.find('.content').html(list)
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
}, 300);
|
||||
|
||||
})
|
||||
|
||||
// 아바타 변경
|
||||
page_settings_avatar.find(".js-avatar-img").tap(function() {
|
||||
$("#rb-upfile-avatar").click();
|
||||
});
|
||||
page_settings_avatar.find("#rb-upfile-avatar").change(function() {
|
||||
var f = document.MbrPhotoForm;
|
||||
getIframeForAction(f);
|
||||
setTimeout(function() {
|
||||
page_settings_avatar.find('.content').loader({
|
||||
text: "업로드중...",
|
||||
position: "overlay"
|
||||
});
|
||||
}, 300); //가상 키보드가 내려오는 시간동안 대기
|
||||
f.submit();
|
||||
});
|
||||
|
||||
// 배경이미지 변경
|
||||
page_settings_cover.find(".js-cover-img").tap(function() {
|
||||
$("#rb-upfile-cover").click();
|
||||
});
|
||||
page_settings_cover.find("#rb-upfile-cover").change(function() {
|
||||
var f = document.MbrCoverForm;
|
||||
getIframeForAction(f);
|
||||
setTimeout(function() {
|
||||
page_settings_cover.find('.content').loader({
|
||||
text: "업로드중...",
|
||||
position: "overlay"
|
||||
});
|
||||
}, 300); //가상 키보드가 내려오는 시간동안 대기
|
||||
f.submit();
|
||||
});
|
||||
|
||||
// 이름변경
|
||||
page_settings_name.on('shown.rc.page', function(event) {
|
||||
setTimeout(function() {
|
||||
page_settings_name.find('input').focus().putCursorAtEnd();
|
||||
}, 300);
|
||||
})
|
||||
page_settings_name.on('hidden.rc.page', function(event) {
|
||||
page_settings_name.find('input').blur()
|
||||
})
|
||||
page_settings_name.find('[data-act="submit"]').click(function(){
|
||||
var input = page_settings_name.find('[name="name"]')
|
||||
var name = input.val()
|
||||
if (!name) {
|
||||
input.focus();
|
||||
return false
|
||||
}
|
||||
page_settings_profile.find('[data-role="name"]').removeClass('animated fadeIn');
|
||||
$('#memberForm').find('[name="name"]').val(name);
|
||||
setTimeout(function() {
|
||||
page_settings_name.find('.content').loader({
|
||||
text: "변경중...",
|
||||
position: "overlay"
|
||||
});
|
||||
}, 300); //가상 키보드가 내려오는 시간동안 대기
|
||||
setTimeout(function() {
|
||||
page_settings_name.find('.content').loader("hide");
|
||||
history.back(); // 메인 페이지로 복귀
|
||||
setTimeout(function() {
|
||||
getIframeForAction(memberForm);
|
||||
memberForm.submit();
|
||||
page_settings_profile.find('[data-role="name"]').text(name).addClass('animated fadeIn');
|
||||
}, 500); //페이지 전환효과 소요시간동안 대기
|
||||
}, 700);
|
||||
});
|
||||
|
||||
// 닉네임(채널) 변경
|
||||
page_settings_nic.on('shown.rc.page', function(event) {
|
||||
setTimeout(function() {
|
||||
page_settings_nic.find('input').focus().putCursorAtEnd();
|
||||
}, 300);
|
||||
})
|
||||
page_settings_nic.on('hidden.rc.page', function(event) {
|
||||
page_settings_nic.find('input').blur();
|
||||
})
|
||||
page_settings_nic.find('[data-act="submit"]').click(function(){
|
||||
var input = page_settings_nic.find('[name="nic"]')
|
||||
var nic = input.val()
|
||||
if (!nic) {
|
||||
input.focus();
|
||||
return false
|
||||
}
|
||||
page_settings_profile.find('[data-role="nic"]').removeClass('animated fadeIn');
|
||||
$('#memberForm').find('[name="nic"]').val(nic);
|
||||
setTimeout(function() {
|
||||
page_settings_nic.find('.content').loader({
|
||||
text: "변경중...",
|
||||
position: "overlay"
|
||||
});
|
||||
}, 300); //가상 키보드가 내려오는 시간동안 대기
|
||||
setTimeout(function() {
|
||||
page_settings_nic.find('.content').loader("hide");
|
||||
history.back(); // 메인 페이지로 복귀
|
||||
setTimeout(function() {
|
||||
getIframeForAction(memberForm);
|
||||
memberForm.submit();
|
||||
page_settings_profile.find('[data-role="nic"]').text(nic).addClass('animated fadeIn');
|
||||
}, 500); //페이지 전환효과 소요시간동안 대기
|
||||
}, 700);
|
||||
});
|
||||
|
||||
|
||||
// 유선전화
|
||||
page_settings_tel1.on('show.rc.page', function(event) {
|
||||
var button = $(event.relatedTarget);
|
||||
var page = $(this);
|
||||
|
||||
console.log('유선전화')
|
||||
|
||||
})
|
||||
|
||||
// 간단설명
|
||||
page_settings_bio.on('show.rc.page', function(event) {
|
||||
setTimeout(function() {
|
||||
page_settings_bio.find('textarea').focus().putCursorAtEnd();
|
||||
}, 300);
|
||||
})
|
||||
page_settings_bio.on('hidden.rc.page', function(event) {
|
||||
page_settings_bio.find('textarea').blur();
|
||||
})
|
||||
page_settings_bio.find('[data-act="submit"]').click(function(){
|
||||
var textarea = page_settings_bio.find('[name="bio"]')
|
||||
var bio = textarea.val()
|
||||
if (!bio) {
|
||||
textarea.focus();
|
||||
return false
|
||||
}
|
||||
page_settings_profile.find('[data-role="bio"]').removeClass('animated fadeIn');
|
||||
$('#memberForm').find('[name="bio"]').val(bio);
|
||||
setTimeout(function() {
|
||||
page_settings_bio.find('.content').loader({
|
||||
text: "변경중...",
|
||||
position: "overlay"
|
||||
});
|
||||
}, 300); //가상 키보드가 내려오는 시간동안 대기
|
||||
setTimeout(function() {
|
||||
page_settings_bio.find('.content').loader("hide");
|
||||
history.back(); // 메인 페이지로 복귀
|
||||
setTimeout(function() {
|
||||
getIframeForAction(memberForm);
|
||||
memberForm.submit();
|
||||
page_settings_profile.find('[data-role="bio"]').text(bio).addClass('animated fadeIn');
|
||||
}, 500); //페이지 전환효과 소요시간동안 대기
|
||||
}, 700);
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user