Files
fod/mypage/notification-view.php

509 lines
35 KiB
PHP

<?php $bland_code = "kia"; ?>
<!--
//메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
//브랜드 별 경로에 따라 해당 코드를 변경해주세요.
-->
<?php $gnbStyleCode = "hBoder"; ?>
<!--
페이지 별 붙박이 코드입니다. 해당 변수는 JSP로만 변경해주시고, 값은 그대로 유지만 시켜주시면 됩니다.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>제품상세명 &gt; 제품리스트 &gt; 회사명</title>
<!--
//위에 순서대로 title 이 변경되어야 합니다.
-->
<?php
include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php");
?>
<!--상품상세 페이지 css 분리-->
<link rel="stylesheet" charset="UTF-8" href="../assets/css/mypage.css?v1" type="text/css" />
<?php
include($_SERVER['DOCUMENT_ROOT']."/kr/include/style.php");
?>
</head>
<body>
<!--//header-->
<?php
include($_SERVER['DOCUMENT_ROOT']."/kr/include/header.php");
?>
<!--//header-->
<!--//content-warp-->
<div class="contentWarp">
<div class="mypageWarp">
<div class="leftLnbWarp">
<div class="title">
<h1>마이페이지</h1>
<p><span>일반회원 홍길동님</span></p>
</div>
<div class="swiper lnbList">
<ul class="swiper-wrapper">
<!--//lnb-->
<?php
include($_SERVER['DOCUMENT_ROOT']."/kr/include/mylnb.php");
?>
<!--//lnb-->
</ul>
</div>
</div>
<div class="rightConWarp">
<div class="conTitle">
<h2>알림내역</h2>
</div>
<div class="tabWarp">
<a href="" class="tabActive">
<p>
<span>메일 내역</span>
</p>
</a>
<a href="">
<p>
<span>문자 내역</span>
</p>
</a>
</div>
<div class="myNotificationViewWrap">
<div class="borderView">
<!-- [S] 이메일 항목 -->
<dl>
<dt class="itemName">
수신자
</dt>
<dd class="itemValue">
홍길동
</dd>
</dl>
<dl>
<dt class="itemName">
수신 이메일
</dt>
<dd class="itemValue">
testID1@test.com
</dd>
</dl>
<dl>
<dt class="itemName">
자동 발송 여부
</dt>
<dd class="itemValue">
수동
</dd>
</dl>
<dl>
<dt class="itemName">
발송 메일
</dt>
<dd class="itemValue">
connect-store@OOO.com
</dd>
</dl>
<dl>
<dt class="itemName">
발송일
</dt>
<dd class="itemValue">
2022-03-09 10:11:12
</dd>
</dl>
<!-- [E] 이메일 항목 -->
<!-- [S] 문자 항목 -->
<!-- <dl>
<dt class="itemName">
수신자
</dt>
<dd class="itemValue">
홍길동
</dd>
</dl>
<dl>
<dt class="itemName">
수신 번호
</dt>
<dd class="itemValue">
010-1111-2222
</dd>
</dl>
<dl>
<dt class="itemName">
자동 발송 여부
</dt>
<dd class="itemValue">
수동
</dd>
</dl>
<dl>
<dt class="itemName">
메시지 구분
</dt>
<dd class="itemValue">
LMS
</dd>
</dl>
<dl>
<dt class="itemName">
발송 번호
</dt>
<dd class="itemValue">
1588-1111
</dd>
</dl>
<dl>
<dt class="itemName">
발송일
</dt>
<dd class="itemValue">
2022-03-09 10:11:12
</dd>
</dl> -->
<!-- [E] 문자 항목 -->
<div class="contentsWrap">
<!--
제목이 노출되는 영역입니다. 화면설계와 디자인이 상이합니다.
이메일, 문자 모두 동일합니다.
-->
<div class="title">
OTA 버전 업그레이드 안내
</div>
<!-- [S] 수동 메일 발송인 경우 -->
<div class="contents">
<!-- 수동 메일이면서 이미지가 등록된 경우 해당 이미지가 노출 됩니다. 이미지가 없다면, imgWrap 전부 노출되지 않습니다.-->
<div class="imgWrap">
<img src="/kr/assets/images/sample_service/temp_mail_image.png" alt="OTA 버전 업그레이드 안내">
</div>
<!-- 수동 메일인 경우 내용이 노출되는 영역입니다.-->
<div class="text">
안녕하세요. FoD 상품 관리자 입니다. FoD 상품을 이용하시기 위해서는 OTA버전 조건이 충족되어야 합니다. 업데이트는 AVNT 안내 사항을 참고 부탁드립니다.
</div>
</div>
<!-- [E] 수동 메일 발송인 경우 -->
<!-- [S] 문자 발송인 경우 -->
<!-- 문자 내용이 노출됩니다. -->
<!-- <div class="contents">
<div class="text">
안녕하세요. FoD 상품 관리자 입니다. FoD 상품을 이용하시기 위해서는 OTA버전 조건이 충족되어야 합니다. 업데이트는 AVNT 안내 사항을 참고 부탁드립니다.
</div>
</div> -->
<!-- [E] 문자 발송인 경우 -->
<!-- [S] 자동 메일 발송인 경우 -->
<!-- mailBodyContents 안쪽에 발송된 메일 html을 넣어주시면 됩니다. -->
<!-- jquery로 메일 html중 본문만 뽑아서 표현하게 구성되어 있습니다. -->
<div class="mailBodyContents" style="dispaly:none;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="word-break:keep-all;">
<tr>
<td style="width:100%; text-align:center;" align="center">
<table border="0" cellpadding="0" cellspacing="0" width="640" style="margin:0 auto;">
<tr>
<td width="640" height="27" style="background-color:#05141F;">
&nbsp;
</td>
</tr>
<tr>
<td>
<table width="640" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50" height="37" style="background-color:#05141F;">
&nbsp;
</td>
<td width="159" height="37" style="background-color:#05141F;">
<a href="https://connectstore.kia.com/kr/" target="_blank">
<img src="/kr/assets/images/kia/mail/mail_top_logo.png" alt="Kia Connect Store Logo">
</a>
</td>
<td width="431" height="37" style="background-color:#05141F;">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="640" height="31" style="background-color:#F3F3F3;">
<table width="640" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="232" height="31">
<img src="/kr/assets/images/kia/mail/mail_top_bg.png" alt="background image">
</td>
<td width="408">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="60" style="background-color:#F3F3F3;">
&nbsp;
</td>
</tr>
<tr>
<td style="background-color:#F3F3F3;">
<table width="640" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50">
&nbsp;
</td>
<td width="540">
<table id="mailBodyContents" width="540" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="font-family:'arial,Helvetica,sans-serif'; font-size: 28px; font-weight: 600; color:#0F0F0F; text-align:left;">
회원가입 안내
</td>
</tr>
<tr>
<td style="padding-top:30px; font-family:'arial,Helvetica,sans-serif'; font-size:16px; font-weight:400; color:#000000; line-height:24px; text-align:left;">
안녕하세요. #{msgMemberName} 고객님.<br>
기아 커넥트스토어 회원이 되신 것을 진심으로 환영합니다.
</td>
</tr>
<tr>
<td style="padding-top: 30px;">
<table width="540" border="0" cellpadding="0" cellspacing="0" style="border-top:1px solid #DEDEDE;">
<tr>
<td width="137" style="padding:20px 0; border-bottom:1px solid #DEDEDE; font-family:'arial,Helvetica,sans-serif'; font-size:14px; font-weight:600; color:#676767; text-align:left;">
ID
</td>
<td width="1">
<div style="width:1px; height:13px; background-color:#DEDEDE;"></div>
</td>
<td width="402" style="padding:20px 0 20px 23px; border-bottom:1px solid #DEDEDE; font-family:'arial,Helvetica,sans-serif'; font-size:14px; font-weight:600; color:#000000; text-align:left;">
#{msgMemberID}
</td>
</tr>
<tr>
<td width="137" style="padding:20px 0; border-bottom:1px solid #DEDEDE; font-family:'arial,Helvetica,sans-serif'; font-size:14px; font-weight:600; color:#676767; text-align:left;">
회원 가입일
</td>
<td width="1">
<div style="width:1px; height:13px; background-color:#DEDEDE;"></div>
</td>
<td width="402" style="padding:20px 0 20px 23px; border-bottom:1px solid #DEDEDE; font-family:'arial,Helvetica,sans-serif'; font-size:14px; font-weight:600; color:#000000; text-align:left;">
#{msgMemberJoinDate}
</td>
</tr>
</table>
</td>
</tr>
<tr class="mailBtn">
<td style="padding-top:60px;">
<a href="https://connectstore.kia.com/kr/" target="_blank">
<img src="/kr/assets/images/kia/mail/mail_btn_main.png" alt="button">
</a>
</td>
</tr>
</table>
</td>
<td width="50">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="110" style="background-color:#F3F3F3;">
&nbsp;
</td>
</tr>
<tr>
<td width="640" height="31" style="background-color:#F3F3F3;">
<table width="640" height="31" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="468" height="31">
&nbsp;
</td>
<td width="172" height="31">
<img src="/kr/assets/images/kia/mail/mail_footer_bg.png" alt="background image">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="640" height="40" style="background-color:#05141F;">
&nbsp;
</td>
</tr>
<tr>
<td style="background-color:#05141F;">
<table width="640" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50" height="21">
&nbsp;
</td>
<td width="82" height="21">
<a href="https://connectstore.kia.com/kr/" target="_blank">
<img src="/kr/assets/images/kia/mail/mail_footer_logo.png" alt="Kia Logo">
</a>
</td>
<td width="508" height="21">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="640" height="28" style="background-color:#05141F;">
&nbsp;
</td>
</tr>
<!-- footer의 상세 정보는 아직 확정되지 않았다고 하네요. 추후 고객 정보 확정 후 수정 예상됩니다. -->
<tr>
<td style="background-color:#05141F;">
<table width="640" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50" style="background-color:#05141F;">
&nbsp;
</td>
<td width="540">
<table width="540" border="0" cellpadding="0" cellspacing="0" style="text-align:left;">
<tr>
<td valign="middle" style="vertical-align: middle;">
<a href="https://connectstore.kia.com/kr/member/terms?tab=p" target="_blank" style=" font-family:'arial,Helvetica,sans-serif'; font-size:13px; text-decoration: none; color:#ffffff;">
개인정보 처리방침
</a>
<span style="vertical-align: middle;">
<img src="/kr/assets/images/kia/mail/mail_bar_big.png" alt="bar" style="margin:0 8px;">
</span>
<a href="https://connectstore.kia.com/kr/member/terms" target="_blank" style="font-family:'arial,Helvetica,sans-serif'; font-size:13px; text-decoration: none; color:#aaaaaa;">
이용약관
</a>
</td>
</tr>
<tr>
<td valign="middle" style="padding-top:10px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:11px; color:#aaaaaa">
사업자 기아㈜ 대표 송호성, 최준영
<span style="vertical-align: middle;">
<img src="/kr/assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
</span>
서울특별시 서초구 헌릉로 12 (양재동)
</td>
</tr>
<tr>
<td valign="middle" style="padding-top:2px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:11px; color:#aaaaaa">
사업자등록번호 119-81-02316 06797
<span style="vertical-align: middle;">
<img src="/kr/assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
</span>
통신판매신고: 2023-OOOO-OOOO
<span style="vertical-align: middle;">
<img src="/kr/assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
</span>
이메일: test@test.com
</td>
</tr>
<tr>
<td style="padding-top:3px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:11px; color:#aaaaaa">
개인정보책임자: 홍길동
</td>
</tr>
<tr>
<td style="padding-top:20px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:14px; color:#ffffff">
문의전화 : 1899-0606
</td>
</tr>
<tr>
<td valign="middle" style="padding-top:10px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:11px; color:#aaaaaa">
평일 09:00~18:00 (주말/공휴일 제외)
<span style="vertical-align: middle;">
<img src="/kr/assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
</span>
점심시간 12시~13시
<span style="vertical-align: middle;">
<img src="/kr/assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
</span>
전국 하이테크 센터: 평일 08:30~18:00
</td>
</tr>
<tr>
<td style="padding-top:40px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:13px; color:#ffffff">
Ⓒ Kia CORP. ALL RIGHTS RESERVED.
</td>
</tr>
<tr>
<td height="30">
&nbsp;
</td>
</tr>
</table>
</td>
<td width="50" style="background-color:#05141F;">
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<script>
$(document).ready(function() {
var mailContents = $(".mailBodyContents").find("#mailBodyContents");
$(".mailBodyContents").html(mailContents);
$(".mailBodyContents").find(".mailBtn").css("display","none");
$(".mailBodyContents").css("display","block");
});
</script>
<!-- [E] 자동 메일 발송인 경우 -->
<pre>
안녕하세요.<br>
이원진입니다.
</pre>
</div>
<div class="inquiryBtn">
<div class="oneButton">
<a href=""><p>목록</p></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--//content-warp-->
<!--//footer-->
<?php
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
?>
<!--//footer-->
</body>
</html>