style24
/
style24.front


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
							<!DOCTYPE html>
<html lang="ko"
	  xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : ConsentUseInfoFormMob.html
 * @desc    : 정보이용동의팝업
 *            Yes24 간편가입에 사용됨
 *============================================================================
 * STYLE24
 * Copyright(C) 2021 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.05.14   jsshin       최초 작성
 *******************************************************************************
 -->
<div class="modal-dialog" role="document">
	<div class="modal-content">
		<div class="modal-header sr-only">
			<h5 class="modal-title" id="mbAgreeLabel">YES24 로그인 정보 이용동의</h5>
		</div>
		<div class="modal-body">
			<div class="pop_cont">
				<div class="agree_info">
					<h5 class="title">YES24 로그인 정보 이용동의</h5>
					<p>계정연동의 경우, STYLE24 휴면계정이면<br>휴면해제 후 이용 가능합니다</p>
					<div class="info_txt">
						<ul>
							<li>“<span class="mb_name" th:text="${custNm}">회원명</span>” 님의 <em>CI, 이름, 성별, 생년월일, 핸드폰번호, 이메일 정보</em>를 로그인 연동을 위해 아이스타일24에 제공합니다.</li>
							<li>정보제공 동의 시 YES24 계정으로 로그인 가능하며, 간편하게 회원가입이 가능합니다.</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="modal-footer">
			<div class="btn_group_flex">
				<div>
					<button type="button" id="btnAgree" class="btn btn_primary">
						<span>동의하기</span>
					</button>
				</div>
				<div>
					<button type="button" id="btnClose" class="btn btn_dark">
						<span>닫기</span>
					</button>
				</div>
			</div>
		</div>
	</div>
	<a href="#close-modal" rel="modal:close" id="mbAgreePop_close" class="close-modal">Close</a>
</div>
<script th:inline="javascript">
	/*<![CDATA[*/
	$('#btnAgree').on('click', function () {
		let jsonData = JSON.stringify({});
		gagajf.ajaxJsonSubmit('/customer/peristalsis/yes24', jsonData, fnPeristalsisCallback)
	});


	var fnPeristalsisCallback = function (userInfo) {
		// 1. CI 정보로 사용자가 없어서 회원가입 프로세스 처리 중 이메일, 휴대전화 중복
		if (userInfo.custStat === 'DUP_PHONE_CUST') {
			mcxDialog.alert("이미 사용 중인 휴대전화번호 입니다.");
			$.modal.close();
			return;
		}
		if (userInfo.custStat === 'DUP_EMAIL_CUST') {
			mcxDialog.alert("이미 사용 중인 이메일 입니다.");
			$.modal.close();
			return;
		}
		// 2. SNS 로그인 정보로 탈퇴확인
		if (userInfo.custStat === 'SECEDE_CUST') {
			mcxDialog.alert("탈퇴 회원 입니다.");
			$.modal.close();
			return;
		}
		// 3. SNS 로그인 정보로 휴면확인
		if (userInfo.custStat === 'DORMANT_CUST') {
			mcxDialog.alertC("휴면 고객님께서는 휴면을<br>해지하신 후 사용하실 수 있습니다.", {
				sureBtnText: "확인",
				sureBtnClick: function() {
					cfnGoToPage(_PAGE_CUSTOMER_DORMANT);
					$.modal.close();
				}
			});
			return;
		}
		// 4. 휴대전화 정보가 없으면 SNS 가입화면 이동
		if (userInfo.custStat === 'EMPTY_PHONE_CUST') {
			cfnGoToPage(_PAGE_CUSTOMER_SNS_JOIN);
			$.modal.close();
			return;
		}
		// 5. SNS 정보로 가입 성공시 가입완료 페이지 이동
		if (userInfo.custStat === 'NEW_CUST') {
			cfnGoToPage(_PAGE_CUSTOMER_JOIN_COMPLETE);
			$.modal.close();
			return;
		}
		// 6.SNS 정보로 가입 실패시 안내 창 알림
		if (userInfo.custStat === 'FAIL_CUST') {
			mcxDialog.alert("회원가입에 실패 했습니다.<br> 고객센터에 문의 하시기 바랍니다.");
			$.modal.close();
			return;
		}
		// 7.CI 정보가 없을때 안내 창 알림
		if (userInfo.custStat === 'EMPTY_CI_CUST') {
			mcxDialog.alert("연계정보(CI) 값이 없습니다.<br> 고객센터에 문의 하시기 바랍니다.");
			$.modal.close();
			return;
		}
		// 8. SNS 로그인 연동 성공 및 기존 SNS 연동된 회원 로그인 시도
		if (userInfo.custStat === 'SUCC_CUST') {
			let params = {};
			params.snsType = userInfo.snsType;
			params.snsId = [[${snsLoginPrefix}]] + userInfo.snsId;
			$.post(_frontUrl + '/login'
				, $.param(params)
				, fnReloadAfterLogin
				, "json");
		}
	}
	var fnReloadAfterLogin = function(result) {
		if (result.status === 'OK') {
			if (_isApp === 'true') {
				if (gagajf.isNull(result.appAgreeDt)) {
					fnAppPushAgreeUpdate('Y');
				}
				document.location.href = "idsend://?id=" + result.custNo + "^link=" + result.returnUrl;
			} else {
				document.location.href = result.returnUrl;
			}
		} else {
			mcxDialog.alert("로그인 실패 하였습니다.<br> 고객센터에 문의 하시기 바랍니다.");
		}
		$.modal.close();
	};

	$("#btnClose").click(function() {
		cfnGoToPage(_PAGE_CUSTOMER_JOIN_TYPE);
		$.modal.close();
	});

		// 앱푸시동의 데이터 처리
	var fnAppPushAgreeUpdate = function (appAgreeYn) {
		let params = {}
		params.appAgreeYn = appAgreeYn;
		let jsonData = JSON.stringify(params);
		gagajf.ajaxJsonSubmit('/app/appagree/update', jsonData);
	}


	$(document).ready(function () {
		$('.close-modal').on('click', function () {
			cfnGoToPage(_PAGE_CUSTOMER_JOIN_TYPE);
		});
	});


	/*]]>*/
</script>
</html>