style24
/
style24.front


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="mob/common/layout/LoginLayoutMob">
<!--
 *******************************************************************************
 * @source  : JoinCompleteFormMob.html
 * @desc    : 회원 가입완료 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2021 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.04.19   jsshin     최초 작성
 *******************************************************************************
 -->

<body>
<th:block layout:fragment="content">
	<main class="container mb">
		<section th:if="${maskingCustId != ''}" class="content mb_join_3">
			<div class="inner">
				<div class="close">
					<a href="javascript:void(0)" class="btn_close" onclick="cfnGoToPage(_PAGE_MAIN);"><span></span><span></span></a>
				</div>
			</div>
			<div class="inner">
				<h2 class="title">회원가입</h2>
			</div>
			<div class="inner">
				<form class="form_wrap form_full" role="form">
					<div class="form_head">
						<h3 class="title sr-only">회원가입</h3>
					</div>
					<div class="form_info">
						<span class="ico_content_find"></span>
						<p>이미 가입된 아이디가 있습니다.</p>
						<p class="t_info mt15">
							아래의 아이디로 로그인 하시거나<br>
							잊으신 경우 ID 찾기를 통해 이용 가능합니다.
						</p>
					</div>
					<div class="print_bar mt30">
						<p class="c_primary bold" data-font="lato" th:text="${maskingCustId}"></p>
					</div>
					<!-- 210415_수정 : 버튼 형식 변경. -->
					<div class="btn_group_flex btn_group_md">
						<div>
							<button id="btn_login" class="btn btn_dark" onclick="cfnGoToPage(_PAGE_LOGIN);">
								<span>로그인</span>
							</button>
						</div>
						<div>
							<button id="btn_id_find" class="btn btn_default" onclick="cfnGoToPage(_PAGE_CUSTOMER_ID_FIND);">
								<span>아이디 찾기</span>
							</button>
						</div>
					</div>
					<!-- //210415_수정 : 버튼 형식 변경. -->
				</form>
			</div>
		</section>
		<!-- ★ 컨텐츠 시작 -->
		<section th:unless="${maskingCustId != ''}" class="content mb_join_1">
			<div class="inner">
				<div class="close">
					<a href="javascript:void(0)" class="btn_close" onclick="cfnGoToPage(_PAGE_MAIN);"><span></span><span></span></a>
				</div>
			</div>
			<div class="inner">
				<h2 class="title">신규회원 혜택 안내</h2>
			</div>
			<div class="inner">
				<form class="form_wrap form_full" role="form">
					<div class="form_head">
						<h3 class="title sr-only">신규회원 혜택 안내</h3>
					</div>
					<img src="/images/mo/img_mb_join_done.jpg" width="100%" alt="신규회원 혜택안내 내용">
					<div class="btn_group_flex">
						<div>
							<button type="button" class="btn btn_primary btn_block" onclick="cfnGoToPage(_PAGE_MAIN);">
								<span>쇼핑하러 가기</span>
							</button>
						</div>
					</div>
				</form>
			</div>
		</section>
		<!-- ★ 컨텐츠 종료 -->
	</main>
<script th:inline="javascript">
	const maskingCustId = [[${maskingCustId}]];
	$(document).ready(function(){
		if (_isApp === 'true') {
			if (gagajf.isNull(maskingCustId)) {
				fnIsPushEnable(); // APP, 마케팅 PUSH 여부에 따라 회원테이블 데이터 저장
			}
		}
	});

	// 앱에서 호출되는 함수(앱푸시)
	var settingsSwtichPush = function(onOff) {
		if (onOff === 'ON') {
			fnIsAdEnable();
		} else if (onOff === 'OFF') { //정보성 PUSH가 OFF 이면 마케팅 PUSH도 OFF여야 한다.
			fnSetPush('OFF', 'OFF');
			fnUpdatePush('N', 'N');
		}
	}

	// 앱에서 호출되는 함수(마케팅동의)
	var settingsSwtichAdvertise = function (onOff) {
		let appAgreeYn = 'Y';
		let mkAgreeYn = 'N';
		if (onOff === 'ON') {
			mkAgreeYn = 'Y';
			fnSetPush('ON', 'ON');
		} else if (onOff === 'OFF'){
			mkAgreeYn = 'N';
			fnSetPush('ON', 'OFF');
		}
		fnUpdatePush(appAgreeYn, mkAgreeYn);
	}

	// 정보성 PUSH ON, OFF 여부 확인
	// 호출시 앱에서 settingsSwtichPush 호출 해서 ON, OFF 값을 param 값으로 준다.
	var fnIsPushEnable = function () {
		if (_osType === 'A') {
			window.style24.isPushEnable();
		} else if (_osType === 'I') {
			window.webkit.messageHandlers.isPushEnable.postMessage({'dummy':'dummy'});
		}
	}

	// 마케팅 PUSH ON, OFF 여부확인
	// 호출시 앱에서 settingsSwtichAdvertise 호출 해서 ON, OFF 값을 param 값으로 준다.
	var fnIsAdEnable = function () {
		if (_osType === 'A') {
			window.style24.isAdEnable();
		} else if (_osType === 'I') {
			window.webkit.messageHandlers.isAdEnable.postMessage({'dummy':'dummy'});
		}
	}

	// 핑거푸시 API 고객번호로 ON,OFF 여부 셋팅
	var fnSetPush = function(appPushOnOff, mkPushOnOff) {
		if (_osType === 'A') {
			window.style24.setCustNo([[${custNo}]], appPushOnOff, mkPushOnOff);
		} else if (_osType === 'I') {
			window.webkit.messageHandlers.setCustNo.postMessage({'custNo':[[${custNo}]], 'pushStat':appPushOnOff, 'advertisePushStat':mkPushOnOff});
		}
	}

	var fnUpdatePush = function (appAgreeYn, mkAgreeYn) {
		let params = {}
		params.appAgreeYn = appAgreeYn;
		params.mkAgreeYn = mkAgreeYn;
		let jsonData = JSON.stringify(params);
		gagajf.ajaxJsonSubmit('/app/push/update', jsonData);
	}

</script>
</th:block>
</body>
</html>