@@ -36,10 +36,12 @@
|
|
36 |
.sns_login li.naver img{height:42px;}
|
37 |
.sns_login li.kakao {background:url('../../img/etc/ico_mo_kakao.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
38 |
.sns_login li.kakao img{height:42px;}
|
39 |
.sns_login li.wonder {background:url('../../img/etc/ico_mo_wonder.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
40 |
.sns_login li.wonder img{height:42px;}
|
|
|
|
|
41 |
/*** 인트로 - 일반 | intro/intro.html ***/
|
42 |
.intro {display:table; width:100%; height:100%; padding:40px 10px 40px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; }
|
43 |
.intro > div { display:table-cell; vertical-align: middle; text-align: center; }
|
44 |
.intro strong { display:block; padding:110px 0 0 0; background:url('../../img/intro/coming_soon02.png') no-repeat center top; background-size:80px 80px; color:#333333; font-size:15px;}
|
45 |
.intro p { padding:8px 0 0 0; color:#888888; font-size:12px;}
|
36 |
.sns_login li.naver img{height:42px;}
|
37 |
.sns_login li.kakao {background:url('../../img/etc/ico_mo_kakao.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
38 |
.sns_login li.kakao img{height:42px;}
|
39 |
.sns_login li.wonder {background:url('../../img/etc/ico_mo_wonder.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
40 |
.sns_login li.wonder img{height:42px;}
|
41 |
+
.sns_login li.apple {background:url('../../img/etc/ico_mo_apple.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px; margin-top:3px;}
|
42 |
+
.sns_login li.apple img{height:42px;}
|
43 |
/*** 인트로 - 일반 | intro/intro.html ***/
|
44 |
.intro {display:table; width:100%; height:100%; padding:40px 10px 40px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; }
|
45 |
.intro > div { display:table-cell; vertical-align: middle; text-align: center; }
|
46 |
.intro strong { display:block; padding:110px 0 0 0; background:url('../../img/intro/coming_soon02.png') no-repeat center top; background-size:80px 80px; color:#333333; font-size:15px;}
|
47 |
.intro p { padding:8px 0 0 0; color:#888888; font-size:12px;}
|
@@ -179,10 +179,12 @@
|
|
179 |
.join_method .sns_login li.naver img{height:42px;}
|
180 |
.join_method .sns_login li.kakao {background:url('../../img/etc/ico_mo_kakao.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
181 |
.join_method .sns_login li.kakao img{height:42px;}
|
182 |
.join_method .sns_login li.wonder {background:url('../../img/etc/ico_mo_wonder.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
183 |
.join_method .sns_login li.wonder img{height:42px;}
|
|
|
|
|
184 |
|
185 |
/*** 회원가입완료 | member/join_ok.html ***/
|
186 |
.join_ok {}
|
187 |
.join_ok .join_content {padding:50px 0 50px 0; text-align:center;}
|
188 |
.join_ok .join_content p {font-size:16px;}
|
@@ -224,10 +226,13 @@
|
|
224 |
.login .login_box .sns_login li.naver img{height:42px;}
|
225 |
.login .login_box .sns_login li.kakao {background:url('../../img/etc/ico_mo_kakao.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
226 |
.login .login_box .sns_login li.kakao img{height:42px;}
|
227 |
.login .login_box .sns_login li.wonder {background:url('../../img/etc/ico_mo_wonder.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
228 |
.login .login_box .sns_login li.wonder img{height:42px;}
|
|
|
|
|
|
|
229 |
/* 비회원 주문조회 */
|
230 |
.login .guest_order_box .guest_txt {padding:20px 0 10px 0;}
|
231 |
.login .guest_order_box .guest_txt strong {display:block; font-size:14px;}
|
232 |
.login .guest_order_box .guest_txt span {margin:2px 0 0 0;}
|
233 |
.login .guest_order_box legend {display:none;}
|
179 |
.join_method .sns_login li.naver img{height:42px;}
|
180 |
.join_method .sns_login li.kakao {background:url('../../img/etc/ico_mo_kakao.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
181 |
.join_method .sns_login li.kakao img{height:42px;}
|
182 |
.join_method .sns_login li.wonder {background:url('../../img/etc/ico_mo_wonder.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
183 |
.join_method .sns_login li.wonder img{height:42px;}
|
184 |
+
.join_method .sns_login li.apple {background:url('../../img/etc/ico_mo_apple.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
185 |
+
.join_method .sns_login li.apple img{height:42px;}
|
186 |
|
187 |
/*** 회원가입완료 | member/join_ok.html ***/
|
188 |
.join_ok {}
|
189 |
.join_ok .join_content {padding:50px 0 50px 0; text-align:center;}
|
190 |
.join_ok .join_content p {font-size:16px;}
|
226 |
.login .login_box .sns_login li.naver img{height:42px;}
|
227 |
.login .login_box .sns_login li.kakao {background:url('../../img/etc/ico_mo_kakao.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
228 |
.login .login_box .sns_login li.kakao img{height:42px;}
|
229 |
.login .login_box .sns_login li.wonder {background:url('../../img/etc/ico_mo_wonder.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
|
230 |
.login .login_box .sns_login li.wonder img{height:42px;}
|
231 |
+
.login .login_box .sns_login li.apple {background:url('../../img/etc/ico_mo_apple.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px; margin-top:3px;}
|
232 |
+
.login .login_box .sns_login li.apple img{height:42px;}
|
233 |
+
|
234 |
/* 비회원 주문조회 */
|
235 |
.login .guest_order_box .guest_txt {padding:20px 0 10px 0;}
|
236 |
.login .guest_order_box .guest_txt strong {display:block; font-size:14px;}
|
237 |
.login .guest_order_box .guest_txt span {margin:2px 0 0 0;}
|
238 |
.login .guest_order_box legend {display:none;}
|
@@ -246,10 +246,12 @@
|
|
246 |
.my_page_password fieldset .sns_box .sns_naver img {width:65px;}
|
247 |
.my_page_password fieldset .sns_box .sns_kakao {padding:10px 0 10px 0; border:1px solid #c3c3c3; text-align:center;}
|
248 |
.my_page_password fieldset .sns_box .sns_kakao img {width:102px;}
|
249 |
.my_page_password fieldset .sns_box .sns_wonder {padding:10px 0 10px 0; border:1px solid #c3c3c3; text-align:center;}
|
250 |
.my_page_password fieldset .sns_box .sns_wonder img {width:102px;}
|
|
|
|
|
251 |
.my_page_password fieldset dl {display:table; width:100%;}
|
252 |
.my_page_password fieldset dl dt {display:table-cell; width:20%; font-weight:bold; font-size:14px;}
|
253 |
.my_page_password fieldset dl dd {display:table-cell; font-weight:bold; font-size:14px;}
|
254 |
.my_page_password fieldset dl.pw {padding:10px 0 10px 0;}
|
255 |
.my_page_password fieldset dl.pw dt {display:none;}
|
246 |
.my_page_password fieldset .sns_box .sns_naver img {width:65px;}
|
247 |
.my_page_password fieldset .sns_box .sns_kakao {padding:10px 0 10px 0; border:1px solid #c3c3c3; text-align:center;}
|
248 |
.my_page_password fieldset .sns_box .sns_kakao img {width:102px;}
|
249 |
.my_page_password fieldset .sns_box .sns_wonder {padding:10px 0 10px 0; border:1px solid #c3c3c3; text-align:center;}
|
250 |
.my_page_password fieldset .sns_box .sns_wonder img {width:102px;}
|
251 |
+
.my_page_password fieldset .sns_box .sns_apple {padding:10px 0 10px 0; border:1px solid #c3c3c3; text-align:center;}
|
252 |
+
.my_page_password fieldset .sns_box .sns_apple img {width:56px;}
|
253 |
.my_page_password fieldset dl {display:table; width:100%;}
|
254 |
.my_page_password fieldset dl dt {display:table-cell; width:20%; font-weight:bold; font-size:14px;}
|
255 |
.my_page_password fieldset dl dd {display:table-cell; font-weight:bold; font-size:14px;}
|
256 |
.my_page_password fieldset dl.pw {padding:10px 0 10px 0;}
|
257 |
.my_page_password fieldset dl.pw dt {display:none;}
|
@@ -34,12 +34,18 @@
|
|
34 |
<button type="submit" class="member_login_order_intro_btn">{=__('로그인')}</button>
|
35 |
</div>
|
36 |
<!-- //submit -->
|
37 |
</fieldset>
|
38 |
</form>
|
39 |
-
<!--{? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin }-->
|
40 |
<ul class="sns_login">
|
|
|
|
|
|
|
|
|
|
|
|
|
41 |
<!--{ ? usePaycoLogin }-->
|
42 |
<li class="payco js_btn_payco_login"><img src="../img/etc/txt_mo_payco.png" alt="{=__('PAYCO')} {=__('아이디 로그인')}"></li>
|
43 |
<!--{ / }-->
|
44 |
<!--{ ? useFacebookLogin }-->
|
45 |
<li class="facebook js_btn_facebook_login" data-facebook-url="{=facebookUrl}"><img src="../img/etc/txt_mo_facebook.png" alt="{=__('FACEBOOK')}{=__('아이디 로그인')}"></li>
|
@@ -136,9 +142,30 @@
|
|
136 |
window.addEventListener('message', function (e) {
|
137 |
if (e.origin === 'http://hpauthdream.godo.co.kr') {
|
138 |
$('#layerSearch').remove();
|
139 |
}
|
140 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
141 |
});
|
142 |
</script>
|
|
|
143 |
|
144 |
{ # share_footer }
|
34 |
<button type="submit" class="member_login_order_intro_btn">{=__('로그인')}</button>
|
35 |
</div>
|
36 |
<!-- //submit -->
|
37 |
</fieldset>
|
38 |
</form>
|
39 |
+
<!--{? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin || useAppleLogin }-->
|
40 |
<ul class="sns_login">
|
41 |
+
<!--{ ? useAppleLogin }-->
|
42 |
+
<li class="apple js_btn_apple_login" data-type="sign in">
|
43 |
+
<img id="apple_btn" src="../img/etc/txt_mo_apple.png" alt="{=__('Apple')} {=__('아이디 로그인')}">
|
44 |
+
<div id="appleid-signin" style="display: none"></div>
|
45 |
+
</li>
|
46 |
+
<!--{ / }-->
|
47 |
<!--{ ? usePaycoLogin }-->
|
48 |
<li class="payco js_btn_payco_login"><img src="../img/etc/txt_mo_payco.png" alt="{=__('PAYCO')} {=__('아이디 로그인')}"></li>
|
49 |
<!--{ / }-->
|
50 |
<!--{ ? useFacebookLogin }-->
|
51 |
<li class="facebook js_btn_facebook_login" data-facebook-url="{=facebookUrl}"><img src="../img/etc/txt_mo_facebook.png" alt="{=__('FACEBOOK')}{=__('아이디 로그인')}"></li>
|
142 |
window.addEventListener('message', function (e) {
|
143 |
if (e.origin === 'http://hpauthdream.godo.co.kr') {
|
144 |
$('#layerSearch').remove();
|
145 |
}
|
146 |
});
|
147 |
+
|
148 |
+
<!--{ ? useAppleLogin }-->
|
149 |
+
$("#apple_btn").on("click", startClicked);
|
150 |
+
function startClicked(){
|
151 |
+
$("#appleid-signin").click();
|
152 |
+
}
|
153 |
+
<!--{ / }-->
|
154 |
+
|
155 |
+
});
|
156 |
+
</script>
|
157 |
+
|
158 |
+
<!--{ ? useAppleLogin }-->
|
159 |
+
<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
|
160 |
+
<script type="text/javascript">
|
161 |
+
AppleID.auth.init({
|
162 |
+
clientId : '{client_id}',
|
163 |
+
scope : 'name email',
|
164 |
+
redirectURI: '{apple_redirectURI}',
|
165 |
+
state: '{state}',
|
166 |
+
// usePopup: true
|
167 |
});
|
168 |
</script>
|
169 |
+
<!--{ / }-->
|
170 |
|
171 |
{ # share_footer }
|
@@ -30,12 +30,18 @@
|
|
30 |
<button type="submit" class="member_login_order_intro_btn">{=__('로그인')}</button>
|
31 |
</div>
|
32 |
<!-- //submit -->
|
33 |
</fieldset>
|
34 |
</form>
|
35 |
-
<!--{? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin }-->
|
36 |
<ul class="sns_login">
|
|
|
|
|
|
|
|
|
|
|
|
|
37 |
<!--{ ? usePaycoLogin }-->
|
38 |
<li class="payco js_btn_payco_login"><img src="../img/etc/txt_mo_payco.png" alt="{=__('PAYCO')} {=__('아이디 로그인')}"></li>
|
39 |
<!--{ / }-->
|
40 |
<!--{ ? useFacebookLogin }-->
|
41 |
<li class="facebook js_btn_facebook_login" data-facebook-url="{=facebookUrl}"><img src="../img/etc/txt_mo_facebook.png" alt="{=__('FACEBOOK')} {=__('아이디 로그인')}"></li>
|
@@ -113,11 +119,32 @@ $(document).ready(function () {
|
|
113 |
}
|
114 |
$('.member_login_order_intro_btn').attr('disabled', false);
|
115 |
});
|
116 |
}
|
117 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
118 |
});
|
119 |
</script>
|
|
|
120 |
|
121 |
{ # share_footer }
|
122 |
|
123 |
|
30 |
<button type="submit" class="member_login_order_intro_btn">{=__('로그인')}</button>
|
31 |
</div>
|
32 |
<!-- //submit -->
|
33 |
</fieldset>
|
34 |
</form>
|
35 |
+
<!--{? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin || useAppleLogin }-->
|
36 |
<ul class="sns_login">
|
37 |
+
<!--{ ? useAppleLogin }-->
|
38 |
+
<li class="apple js_btn_apple_login" data-type="sign in">
|
39 |
+
<img id="apple_btn" src="../img/etc/txt_mo_apple.png" alt="{=__('Apple')} {=__('아이디 로그인')}">
|
40 |
+
<div id="appleid-signin" style="display: none"></div>
|
41 |
+
</li>
|
42 |
+
<!--{ / }-->
|
43 |
<!--{ ? usePaycoLogin }-->
|
44 |
<li class="payco js_btn_payco_login"><img src="../img/etc/txt_mo_payco.png" alt="{=__('PAYCO')} {=__('아이디 로그인')}"></li>
|
45 |
<!--{ / }-->
|
46 |
<!--{ ? useFacebookLogin }-->
|
47 |
<li class="facebook js_btn_facebook_login" data-facebook-url="{=facebookUrl}"><img src="../img/etc/txt_mo_facebook.png" alt="{=__('FACEBOOK')} {=__('아이디 로그인')}"></li>
|
119 |
}
|
120 |
$('.member_login_order_intro_btn').attr('disabled', false);
|
121 |
});
|
122 |
}
|
123 |
});
|
124 |
+
|
125 |
+
<!--{ ? useAppleLogin }-->
|
126 |
+
$("#apple_btn").on("click", startClicked);
|
127 |
+
function startClicked(){
|
128 |
+
$("#appleid-signin").click();
|
129 |
+
}
|
130 |
+
<!--{ / }-->
|
131 |
+
|
132 |
+
});
|
133 |
+
</script>
|
134 |
+
|
135 |
+
<!--{ ? useAppleLogin }-->
|
136 |
+
<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
|
137 |
+
<script type="text/javascript">
|
138 |
+
AppleID.auth.init({
|
139 |
+
clientId : '{client_id}',
|
140 |
+
scope : 'name email',
|
141 |
+
redirectURI: '{redirectURI}',
|
142 |
+
state: '{state}',
|
143 |
+
// usePopup: true
|
144 |
});
|
145 |
</script>
|
146 |
+
<!--{ / }-->
|
147 |
|
148 |
{ # share_footer }
|
149 |
|
150 |
|
@@ -1,10 +1,18 @@
|
|
1 |
{*** 회원가입 | member/join_method.php ***}
|
2 |
{ # header }
|
3 |
<div class="join_method">
|
4 |
<ul class="sns_login">
|
5 |
<li id="btnJoin"><a href="javascript://">{=__('쇼핑몰 아이디 회원가입')}</a></li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6 |
<!--{ ? usePaycoLogin }-->
|
7 |
<li class="payco js_btn_payco_login"><img src="../img/etc/txt_mo_payco_join.png" alt="{=__('PAYCO')} {=__('아이디 회원가입')}"></li>
|
8 |
<!--{ / }-->
|
9 |
<!--{ ? useFacebookLogin }-->
|
10 |
<li class="facebook js_btn_facebook_login" data-facebook-url="{=facebookUrl}"><img src="../img/etc/txt_mo_facebook_join.png" alt="{=__('FACEBOOK')} {=__('아이디 회원가입')}"></li>
|
@@ -24,8 +32,30 @@
|
|
24 |
<script type="text/javascript">
|
25 |
$(document).ready(function () {
|
26 |
$('#btnJoin').click(function () {
|
27 |
location.href = '../member/join_agreement.php?memberFl=personal';
|
28 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
29 |
});
|
30 |
</script>
|
|
|
|
|
31 |
{ # footer }
|
1 |
{*** 회원가입 | member/join_method.php ***}
|
2 |
{ # header }
|
3 |
<div class="join_method">
|
4 |
<ul class="sns_login">
|
5 |
<li id="btnJoin"><a href="javascript://">{=__('쇼핑몰 아이디 회원가입')}</a></li>
|
6 |
+
<!-- 210122 애플로그인 추가 -->
|
7 |
+
<!--{? useAppleLogin}-->
|
8 |
+
<li class="apple js_btn_apple_login" data-type="sign in">
|
9 |
+
<img id="apple_btn" src="../img/etc/txt_mo_apple_join.png" alt="{=__('Apple')} {=__('아이디 회원가입')}">
|
10 |
+
<div id="appleid-signin" style="display: none"></div>
|
11 |
+
</li>
|
12 |
+
<!--{/}-->
|
13 |
+
<!-- // 210122 애플로그인 추가 -->
|
14 |
<!--{ ? usePaycoLogin }-->
|
15 |
<li class="payco js_btn_payco_login"><img src="../img/etc/txt_mo_payco_join.png" alt="{=__('PAYCO')} {=__('아이디 회원가입')}"></li>
|
16 |
<!--{ / }-->
|
17 |
<!--{ ? useFacebookLogin }-->
|
18 |
<li class="facebook js_btn_facebook_login" data-facebook-url="{=facebookUrl}"><img src="../img/etc/txt_mo_facebook_join.png" alt="{=__('FACEBOOK')} {=__('아이디 회원가입')}"></li>
|
32 |
<script type="text/javascript">
|
33 |
$(document).ready(function () {
|
34 |
$('#btnJoin').click(function () {
|
35 |
location.href = '../member/join_agreement.php?memberFl=personal';
|
36 |
});
|
37 |
+
|
38 |
+
<!--{ ? useAppleLogin }-->
|
39 |
+
$("#apple_btn").on("click", startClicked);
|
40 |
+
function startClicked(){
|
41 |
+
$("#appleid-signin").click();
|
42 |
+
}
|
43 |
+
<!--{ / }-->
|
44 |
+
|
45 |
+
});
|
46 |
+
</script>
|
47 |
+
|
48 |
+
<!--{ ? useAppleLogin }-->
|
49 |
+
<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
|
50 |
+
<script type="text/javascript">
|
51 |
+
AppleID.auth.init({
|
52 |
+
clientId : '{client_id}',
|
53 |
+
scope : 'name email',
|
54 |
+
redirectURI: '{redirectURI}',
|
55 |
+
state: '{state}',
|
56 |
+
// usePopup: true
|
57 |
});
|
58 |
</script>
|
59 |
+
<!--{ / }-->
|
60 |
+
|
61 |
{ # footer }
|
@@ -28,12 +28,20 @@
|
|
28 |
<button type="submit" class="member_login_order_btn member_login_btn">{=__('로그인')}</button>
|
29 |
</div>
|
30 |
<!-- //submit -->
|
31 |
</fieldset>
|
32 |
</form>
|
33 |
-
<!--{ ? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin }-->
|
34 |
<ul class="sns_login">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
35 |
<!--{ ? usePaycoLogin }-->
|
36 |
<li class="payco js_btn_payco_login"><img src="../img/etc/txt_mo_payco.png" alt="{=__('PAYCO')} {=__('아이디 로그인')}"></li>
|
37 |
<!--{ / }-->
|
38 |
<!--{ ? useFacebookLogin }-->
|
39 |
<li class="facebook js_btn_facebook_login" data-facebook-url="{=facebookUrl}"><img src="../img/etc/txt_mo_facebook.png" alt="{=__('FACEBOOK')} {=__('아이디 로그인')}"></li>
|
@@ -193,8 +201,40 @@
|
|
193 |
}
|
194 |
});
|
195 |
return false;
|
196 |
}
|
197 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
198 |
});
|
199 |
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
200 |
{ # footer }
|
28 |
<button type="submit" class="member_login_order_btn member_login_btn">{=__('로그인')}</button>
|
29 |
</div>
|
30 |
<!-- //submit -->
|
31 |
</fieldset>
|
32 |
</form>
|
33 |
+
<!--{ ? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin || useAppleLogin }-->
|
34 |
<ul class="sns_login">
|
35 |
+
<!-- 210122 애플로그인 추가 -->
|
36 |
+
<!--{ ? useAppleLogin }-->
|
37 |
+
<li class="apple js_btn_apple_login" data-type="sign in">
|
38 |
+
<img id="apple_btn" src="../img/etc/txt_mo_apple.png" alt="{=__('Apple')} {=__('아이디 로그인')}">
|
39 |
+
<div id="appleid-signin" style="display: none"></div>
|
40 |
+
</li>
|
41 |
+
<!--{ / }-->
|
42 |
+
<!-- // 210122 애플로그인 추가 -->
|
43 |
<!--{ ? usePaycoLogin }-->
|
44 |
<li class="payco js_btn_payco_login"><img src="../img/etc/txt_mo_payco.png" alt="{=__('PAYCO')} {=__('아이디 로그인')}"></li>
|
45 |
<!--{ / }-->
|
46 |
<!--{ ? useFacebookLogin }-->
|
47 |
<li class="facebook js_btn_facebook_login" data-facebook-url="{=facebookUrl}"><img src="../img/etc/txt_mo_facebook.png" alt="{=__('FACEBOOK')} {=__('아이디 로그인')}"></li>
|
201 |
}
|
202 |
});
|
203 |
return false;
|
204 |
}
|
205 |
});
|
206 |
+
|
207 |
+
<!--{ ? useAppleLogin }-->
|
208 |
+
$("#apple_btn").on("click", startClicked);
|
209 |
+
function startClicked(){
|
210 |
+
var saveAutoLogin = $('input[name="saveAutoLogin"]').is(':checked') ? 'y' : 'n';
|
211 |
+
var path = location.host.substring(1).split(':');
|
212 |
+
if (saveAutoLogin === 'y') {
|
213 |
+
$.cookie('saveAutoLogin', saveAutoLogin, {path: '/', expires: 1, domain: path[0]});
|
214 |
+
} else {
|
215 |
+
if (typeof $.cookie('saveAutoLogin') !== 'undefined') {
|
216 |
+
$.removeCookie('saveAutoLogin', {path: '/', expires: 1, domain: path[0]});
|
217 |
+
}
|
218 |
+
}
|
219 |
+
|
220 |
+
$("#appleid-signin").click();
|
221 |
+
}
|
222 |
+
<!--{ / }-->
|
223 |
+
|
224 |
});
|
225 |
</script>
|
226 |
+
|
227 |
+
<!--{ ? useAppleLogin }-->
|
228 |
+
<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
|
229 |
+
<script type="text/javascript">
|
230 |
+
AppleID.auth.init({
|
231 |
+
clientId : '{client_id}',
|
232 |
+
scope : 'name email',
|
233 |
+
redirectURI: '{redirectURI}',
|
234 |
+
state: '{state}',
|
235 |
+
// usePopup: true
|
236 |
+
});
|
237 |
+
</script>
|
238 |
+
<!--{ / }-->
|
239 |
+
|
240 |
{ # footer }
|
@@ -219,11 +219,11 @@
|
|
219 |
</div>
|
220 |
</div>
|
221 |
<!--{/}-->
|
222 |
<!--{/}-->
|
223 |
<!--{? isMyPage}-->
|
224 |
-
<!--{? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin }-->
|
225 |
<div class="tit">{=__('계정 연결정보')}</div>
|
226 |
<div class="sns_content">
|
227 |
<!--{?connectFacebook}-->
|
228 |
<div class="sns_disconnect">
|
229 |
<img src="../img/etc/square_facebook.png" alt="{=__('페이스북')}"><span>{=__('페이스북')}</span>
|
@@ -257,14 +257,27 @@
|
|
257 |
<img src="../img/etc/square_wonder.png" alt="{=__('위메프')}"><span>{=__('위메프')}</span>
|
258 |
<!--{?data['snsJoinFl'] == 'n'}-->
|
259 |
<button class="disconnect_sns_btn js_btn_sns_disconnect" data-sns="wonder" data-wonder-url="{=wonderReturnUrl}">{=__('연결해제')}</button>
|
260 |
<!--{/}-->
|
261 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
262 |
<!--{:}-->
|
263 |
<p class="sns_message">{=__('연결된 계정이 없습니다.')}</p>
|
264 |
<div class="sns_connect_box">
|
265 |
<ul>
|
|
|
|
|
|
|
|
|
|
|
|
|
266 |
<!--{?usePaycoLogin}-->
|
267 |
<li class="payco"><a href="#button" class="js_btn_sns_connect" data-sns="payco"><img src="../img/etc/mo_payco_s.png" alt="{=__('PAYCO')} {=__('아이디 연결')}"></a></li>
|
268 |
<!--{/}-->
|
269 |
<!--{?useFacebookLogin}-->
|
270 |
<li class="facebook"><a href="#button" class="js_btn_sns_connect" data-sns="facebook" data-facebook-url="{=facebookUrl}"><img src="../img/etc/mo_facebook_s.png" alt="{=__('FACEBOOK')} {=__('아이디 연결')}"></a></li>
|
@@ -278,10 +291,11 @@
|
|
278 |
<!--{?useWonderLogin}-->
|
279 |
<li class="wonder"><a href="#button" class="js_btn_sns_connect btn" data-sns="wonder" data-wonder-url="{=wonderReturnUrl}"><img src="../img/etc/mo_wonder_s.png" alt="{=__('위메프')} {=__('위메프 연결')}"></a></li>
|
280 |
<!--{/}-->
|
281 |
</ul>
|
282 |
</div>
|
|
|
283 |
<!--{/}-->
|
284 |
</div>
|
285 |
<!--{/}-->
|
286 |
<!--{? privateApprovalOption[0]['modeFl'] == 'y'}-->
|
287 |
<div class="privacy_big_box">
|
@@ -448,9 +462,31 @@
|
|
448 |
$(this).parent().parent().parent().find('> .privacy_content').slideUp();
|
449 |
$(this).html("{=__('내용보기')} ▼");
|
450 |
}
|
451 |
}
|
452 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
453 |
});
|
454 |
</script>
|
|
|
|
|
455 |
<!--{/ // isMyPage end}-->
|
456 |
</div>
|
219 |
</div>
|
220 |
</div>
|
221 |
<!--{/}-->
|
222 |
<!--{/}-->
|
223 |
<!--{? isMyPage}-->
|
224 |
+
<!--{? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin || useAppleLogin }-->
|
225 |
<div class="tit">{=__('계정 연결정보')}</div>
|
226 |
<div class="sns_content">
|
227 |
<!--{?connectFacebook}-->
|
228 |
<div class="sns_disconnect">
|
229 |
<img src="../img/etc/square_facebook.png" alt="{=__('페이스북')}"><span>{=__('페이스북')}</span>
|
257 |
<img src="../img/etc/square_wonder.png" alt="{=__('위메프')}"><span>{=__('위메프')}</span>
|
258 |
<!--{?data['snsJoinFl'] == 'n'}-->
|
259 |
<button class="disconnect_sns_btn js_btn_sns_disconnect" data-sns="wonder" data-wonder-url="{=wonderReturnUrl}">{=__('연결해제')}</button>
|
260 |
<!--{/}-->
|
261 |
</div>
|
262 |
+
<!--{: connectApple}-->
|
263 |
+
<div class="sns_disconnect">
|
264 |
+
<img src="../img/etc/square_apple.png" alt="{=__('애플로그인')}"><span>{=__('Apple')}</span>
|
265 |
+
<!--{?data['snsJoinFl'] == 'n'}-->
|
266 |
+
<button class="disconnect_sns_btn js_btn_sns_disconnect" data-sns="apple">{=__('연결해제')}</button>
|
267 |
+
<!--{/}-->
|
268 |
+
</div>
|
269 |
<!--{:}-->
|
270 |
<p class="sns_message">{=__('연결된 계정이 없습니다.')}</p>
|
271 |
<div class="sns_connect_box">
|
272 |
<ul>
|
273 |
+
<!--{?useAppleLogin}-->
|
274 |
+
<li class="apple">
|
275 |
+
<a href="#button" class="js_btn_sns_connect btn" id="apple_btn" data-sns="apple"><img src="../img/etc/mo_apple_s.png" alt="{=__('애플')} {=__('아이디 연결')}"></a>
|
276 |
+
<div id="appleid-signin" style="display: none"></div>
|
277 |
+
</li>
|
278 |
+
<!--{/}-->
|
279 |
<!--{?usePaycoLogin}-->
|
280 |
<li class="payco"><a href="#button" class="js_btn_sns_connect" data-sns="payco"><img src="../img/etc/mo_payco_s.png" alt="{=__('PAYCO')} {=__('아이디 연결')}"></a></li>
|
281 |
<!--{/}-->
|
282 |
<!--{?useFacebookLogin}-->
|
283 |
<li class="facebook"><a href="#button" class="js_btn_sns_connect" data-sns="facebook" data-facebook-url="{=facebookUrl}"><img src="../img/etc/mo_facebook_s.png" alt="{=__('FACEBOOK')} {=__('아이디 연결')}"></a></li>
|
291 |
<!--{?useWonderLogin}-->
|
292 |
<li class="wonder"><a href="#button" class="js_btn_sns_connect btn" data-sns="wonder" data-wonder-url="{=wonderReturnUrl}"><img src="../img/etc/mo_wonder_s.png" alt="{=__('위메프')} {=__('위메프 연결')}"></a></li>
|
293 |
<!--{/}-->
|
294 |
</ul>
|
295 |
</div>
|
296 |
+
|
297 |
<!--{/}-->
|
298 |
</div>
|
299 |
<!--{/}-->
|
300 |
<!--{? privateApprovalOption[0]['modeFl'] == 'y'}-->
|
301 |
<div class="privacy_big_box">
|
462 |
$(this).parent().parent().parent().find('> .privacy_content').slideUp();
|
463 |
$(this).html("{=__('내용보기')} ▼");
|
464 |
}
|
465 |
}
|
466 |
});
|
467 |
+
|
468 |
+
<!--{ ? useAppleLogin }-->
|
469 |
+
$("#apple_btn").on("click", startClicked);
|
470 |
+
function startClicked(){
|
471 |
+
$("#appleid-signin").click();
|
472 |
+
}
|
473 |
+
<!--{ / }-->
|
474 |
+
|
475 |
+
});
|
476 |
+
</script>
|
477 |
+
|
478 |
+
<!--{ ? useAppleLogin }-->
|
479 |
+
<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
|
480 |
+
<script type="text/javascript">
|
481 |
+
AppleID.auth.init({
|
482 |
+
clientId : '{client_id}',
|
483 |
+
scope : 'name email',
|
484 |
+
redirectURI: '{redirectURI}',
|
485 |
+
state: '{state}',
|
486 |
+
// usePopup: true
|
487 |
});
|
488 |
</script>
|
489 |
+
<!--{ / }-->
|
490 |
+
|
491 |
<!--{/ // isMyPage end}-->
|
492 |
</div>
|
@@ -11,16 +11,18 @@
|
|
11 |
<input type="hidden" name="snsType" value="{=snsType}"/>
|
12 |
<div class="dropOut_form">
|
13 |
<div class="input_wrap">
|
14 |
<!--{ ? snsType != 'naver' }-->
|
15 |
<!--{ ? snsType != 'kakao' }-->
|
|
|
16 |
<div class="input_title"><label for="memPW">{=__('비밀번호')}</label></div>
|
17 |
<div class="input_content">
|
18 |
<input type="password" id="memPW" name="memPw"/>
|
19 |
</div>
|
20 |
<!--{ / }-->
|
21 |
<!--{ / }-->
|
|
|
22 |
</div>
|
23 |
|
24 |
<div class="input_wrap">
|
25 |
<div class="input_title"><label for="dropExcuse">{=__('탈퇴사유')}</label></div>
|
26 |
<div class="input_content">
|
11 |
<input type="hidden" name="snsType" value="{=snsType}"/>
|
12 |
<div class="dropOut_form">
|
13 |
<div class="input_wrap">
|
14 |
<!--{ ? snsType != 'naver' }-->
|
15 |
<!--{ ? snsType != 'kakao' }-->
|
16 |
+
<!--{ ? snsType != 'apple' }-->
|
17 |
<div class="input_title"><label for="memPW">{=__('비밀번호')}</label></div>
|
18 |
<div class="input_content">
|
19 |
<input type="password" id="memPW" name="memPw"/>
|
20 |
</div>
|
21 |
<!--{ / }-->
|
22 |
<!--{ / }-->
|
23 |
+
<!--{ / }-->
|
24 |
</div>
|
25 |
|
26 |
<div class="input_wrap">
|
27 |
<div class="input_title"><label for="dropExcuse">{=__('탈퇴사유')}</label></div>
|
28 |
<div class="input_content">
|
@@ -28,10 +28,16 @@
|
|
28 |
<!--{:useWonder}-->
|
29 |
<div class="sns_box">
|
30 |
<div class="sns_wonder"><img src="../img/etc/logo_wonder.png" alt="{=__('위메프')}" /></div>
|
31 |
<div class="btn"><button type="submit" data-return-url="/mypage/my_page.php" class="pw_confirm_btn js_btn_wonder_login" data-wonder-type="{=wonderType}" data-wonder-url="{=wonderReturnUrl}">{=__('인증하기')}</button></div>
|
32 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
33 |
<!--{ : }-->
|
34 |
<dl>
|
35 |
<dt>{=__('아이디')}</dt>
|
36 |
<dd class="c_red">{data['memId']}</dd>
|
37 |
</dl>
|
@@ -79,8 +85,29 @@
|
|
79 |
}
|
80 |
});
|
81 |
}
|
82 |
}
|
83 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
84 |
});
|
85 |
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
86 |
{ # footer }
|
28 |
<!--{:useWonder}-->
|
29 |
<div class="sns_box">
|
30 |
<div class="sns_wonder"><img src="../img/etc/logo_wonder.png" alt="{=__('위메프')}" /></div>
|
31 |
<div class="btn"><button type="submit" data-return-url="/mypage/my_page.php" class="pw_confirm_btn js_btn_wonder_login" data-wonder-type="{=wonderType}" data-wonder-url="{=wonderReturnUrl}">{=__('인증하기')}</button></div>
|
32 |
</div>
|
33 |
+
<!--{ : useAppleLogin }-->
|
34 |
+
<div class="sns_box">
|
35 |
+
<div class="sns_apple"><img src="../img/etc/logo_apple.png" alt="{=__('Apple')}"></div>
|
36 |
+
<div class="btn"><button type="submit" id="apple_btn" class="pw_confirm_btn js_btn_apple_login">{=__('인증하기')}</button></div>
|
37 |
+
<div id="appleid-signin" style="display: none"></div>
|
38 |
+
</div>
|
39 |
<!--{ : }-->
|
40 |
<dl>
|
41 |
<dt>{=__('아이디')}</dt>
|
42 |
<dd class="c_red">{data['memId']}</dd>
|
43 |
</dl>
|
85 |
}
|
86 |
});
|
87 |
}
|
88 |
}
|
89 |
});
|
90 |
+
|
91 |
+
<!--{ ? useAppleLogin }-->
|
92 |
+
$("#apple_btn").on("click", startClicked);
|
93 |
+
function startClicked(){
|
94 |
+
$("#appleid-signin").click();
|
95 |
+
}
|
96 |
+
<!--{ / }-->
|
97 |
});
|
98 |
</script>
|
99 |
+
|
100 |
+
<!--{ ? useAppleLogin }-->
|
101 |
+
<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
|
102 |
+
<script type="text/javascript">
|
103 |
+
AppleID.auth.init({
|
104 |
+
clientId : '{client_id}',
|
105 |
+
scope : 'name email',
|
106 |
+
redirectURI: '{redirectURI}',
|
107 |
+
state: '{state}',
|
108 |
+
// usePopup: true
|
109 |
+
});
|
110 |
+
</script>
|
111 |
+
<!--{ / }-->
|
112 |
+
|
113 |
{ # footer }
|