|
|
@@ -0,0 +1,201 @@
|
|
|
+<!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/AppLayoutMob">
|
|
|
+
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : JoinTypeFormMob.html
|
|
|
+ * @desc : 회원정보 입력 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2021 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.04.16 jsshin 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+<th:block layout:fragment="content">
|
|
|
+<main class="container app-only">
|
|
|
+ <!-- APP Setting -->
|
|
|
+ <!-- ★ 컨텐츠 시작 -->
|
|
|
+ <section class="sett">
|
|
|
+ <form action="" class="form_wrap">
|
|
|
+ <div class="inner">
|
|
|
+ <div class="form_field">
|
|
|
+ <dl>
|
|
|
+ <dd>
|
|
|
+ <div class="setItems">
|
|
|
+ <span class="set_opt">정보성 PUSH 알림</span>
|
|
|
+ <div class="switch">
|
|
|
+ <input id="btnPushSetting" type="checkbox" th:checked="${appAgreeYn == 'Y'}"/>
|
|
|
+ <label for="btnPushSetting"></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p>재입고 알림, 주문, 배송정보 등 내 상품 정보 및 공지를 안내 받으실 수 있습니다.</p>
|
|
|
+ <p class="pot">기기 알림에 관한 설정은 '휴대폰 설정>알림>스타일24'에서 변경할 수 있습니다.</p>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <div class="setItems">
|
|
|
+ <span class="set_opt">마케팅 PUSH 수신동의</span>
|
|
|
+ <div class="switch">
|
|
|
+ <input id="btnMkSetting" type="checkbox" th:checked="${appMkAgreeYn == 'Y'}" />
|
|
|
+ <label for="btnMkSetting"></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p>PUSH 알림 수신에 동의하시면 이벤트, 쿠폰, 할인 안내 등 다양한 소식을 받으실 수 있습니다.</p>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ <div class="setItems">
|
|
|
+ <span class="set_opt">알림함</span>
|
|
|
+ <div class="alink">
|
|
|
+ <a href="javascript:void(0);"></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="inner">
|
|
|
+ <div class="form_field">
|
|
|
+ <dl>
|
|
|
+ <dd>
|
|
|
+ <div class="setItems">
|
|
|
+ <span class="set_opt">현재버전 <em th:text="${appVersion}">1.0</em></span>
|
|
|
+ <span class="alink">
|
|
|
+ <th:block th:if="${appVersion != regAppVersion}">
|
|
|
+ <th:block th:if="${osType == 'A'}">
|
|
|
+ <input id="chk-2" type="button">
|
|
|
+ <label for="chk-2">
|
|
|
+ <span></span>
|
|
|
+ </label>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${osType == 'I'}">
|
|
|
+ <input id="chk-3" type="button">
|
|
|
+ <label for="chk-3">
|
|
|
+ <span></span>
|
|
|
+ </label>
|
|
|
+ </th:block>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${appVersion != regAppVersion}">
|
|
|
+ <input id="chk-4" type="button" disabled>
|
|
|
+ <label for="chk-4">
|
|
|
+ <span></span>
|
|
|
+ </label>
|
|
|
+ </th:block>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </section>
|
|
|
+ <!-- ★ 컨텐츠 종료 -->
|
|
|
+</main>
|
|
|
+
|
|
|
+
|
|
|
+<script th:inline="javascript">
|
|
|
+ $(document).ready(function(){
|
|
|
+ $('#htopTitle').text('설정');
|
|
|
+
|
|
|
+ // 앱으로 푸시 상태값 조회. 앱에서 settingsSwtichPush 함수를 호출함.
|
|
|
+ if (_isApp === 'true') {
|
|
|
+ if (_osType === 'A') {
|
|
|
+ window.style24.isAdEnable();
|
|
|
+ } else if (_osType === 'I') {
|
|
|
+ // 아래와 같이 호출 시 settingsSwtichPush 함수가 앱에서 호출됨
|
|
|
+ window.webkit.messageHandlers.isAdEnable.postMessage({"dummy":"dummy"});
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ // 앱에서 호출되는 함수(앱푸시)
|
|
|
+ var settingsAppPush = function(onOff) {
|
|
|
+ if (onOff == 'ON') {
|
|
|
+ $('#btnPushSetting').prop('checked', true);
|
|
|
+ } else if (onOff == 'OFF') {
|
|
|
+ $('#btnPushSetting').prop('checked', false);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 앱에서 호출되는 함수(마케팅동의)
|
|
|
+ var settingsMkPush = function (onOff) {
|
|
|
+ if (onOff == 'ON') {
|
|
|
+ $('#btnMkSetting').prop('checked', true);
|
|
|
+ } else if (onOff == 'OFF') {
|
|
|
+ $('#btnMkSetting').prop('checked', false);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ $('#btnPushSetting').on('click', function() {
|
|
|
+ let appAgreeYn;
|
|
|
+ if (_isApp === 'true') {
|
|
|
+ if ($(this).is(":checked")) {
|
|
|
+ if (_osType == 'A') {
|
|
|
+ window.style24.adEnable('ON');
|
|
|
+ } else if (_osType == 'I') {
|
|
|
+ window.webkit.messageHandlers.adEnable.postMessage({"status":"ON"});
|
|
|
+ }
|
|
|
+ appAgreeYn = 'Y';
|
|
|
+ } else {
|
|
|
+ if (_osType == 'A') {
|
|
|
+ window.style24.adEnable('OFF');
|
|
|
+ } else if(_osType == 'I') {
|
|
|
+ window.webkit.messageHandlers.adEnable.postMessage({"status":"OFF"});
|
|
|
+ }
|
|
|
+ appAgreeYn = 'N';
|
|
|
+ }
|
|
|
+ let params = {}
|
|
|
+ params.appAgreeYn = appAgreeYn;
|
|
|
+ let jsonData = JSON.stringify(params);
|
|
|
+ gagajf.ajaxJsonSubmit('/customer/appagree/update', jsonData);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $('#btnMkSetting').on('click', function() {
|
|
|
+ let mkAgreeYn;
|
|
|
+ if (_isApp === 'true') {
|
|
|
+ if ($(this).is(":checked")) {
|
|
|
+ if (_osType == 'A') {
|
|
|
+ window.style24.adEnable('ON');
|
|
|
+ } else if (_osType == 'I') {
|
|
|
+ window.webkit.messageHandlers.adEnable.postMessage({"status":"ON"});
|
|
|
+ }
|
|
|
+ mkAgreeYn = 'Y';
|
|
|
+ } else {
|
|
|
+ if (_osType == 'A') {
|
|
|
+ window.style24.adEnable('OFF');
|
|
|
+ } else if(_osType == 'I') {
|
|
|
+ window.webkit.messageHandlers.adEnable.postMessage({"status":"OFF"});
|
|
|
+ }
|
|
|
+ mkAgreeYn = 'N';
|
|
|
+ }
|
|
|
+ let params = {}
|
|
|
+ params.mkAgreeYn = mkAgreeYn;
|
|
|
+ let jsonData = JSON.stringify(params);
|
|
|
+ gagajf.ajaxJsonSubmit('/customer/mkagree/update', jsonData);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ // 안드로이드 앱
|
|
|
+ $('#chk-2').on('click', function () {
|
|
|
+ document.location.href='update://?link=https://play.google.com/store/apps/details?id=';
|
|
|
+ });
|
|
|
+
|
|
|
+ // 아이폰앱
|
|
|
+ $('#chk-3').on('click', function () {
|
|
|
+ document.location.href='update://?link=https://apps.apple.com/kr/app/';
|
|
|
+ });
|
|
|
+
|
|
|
+</script>
|
|
|
+</th:block>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
jsshin