|
|
@@ -20,35 +20,70 @@
|
|
|
<th:block layout:fragment="content">
|
|
|
<main class="container app-only">
|
|
|
<!-- ★ 컨텐츠 시작 -->
|
|
|
- <section class="notice">
|
|
|
- <!--<section class="notice nodata">--><!-- 데이터 없을 경우, .nodata 추가 -->
|
|
|
- <!-- 컨텐츠 추가 시, .inner 반복합니다 -->
|
|
|
- <div class="inner">
|
|
|
- <a href="javascript:void(0);">
|
|
|
- <dl>
|
|
|
- <dt class="tit">쇼핑백 미구매 상품</dt>
|
|
|
- <dd class="cont_txt">쇼핑백에 아직도 구매하지 않은 상품이 있습니다. 스타일24를 방문하여 상품을 확인해주세요.</dd>
|
|
|
- <dd class="cont_img"><img src="/images/mo/thumb/thumb_notice1.jpg" alt="공지 이미지 예제 1"></dd>
|
|
|
- <dd class="cont_data"><span>2021.03.08</span></dd>
|
|
|
- </dl>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="inner">
|
|
|
- <a href="javascript:void(0);">
|
|
|
- <dl>
|
|
|
- <dt class="tit">한파주의! 지금 입으면 딱 좋은 상품 모음 한파주의! 지금 입으면 딱 좋은 상품 모음 긴글 예제 긴글 예제 긴글 예제</dt>
|
|
|
- <dd class="cont_txt">(광고) 올 겨울 필수템! 롱패딩 기획전! 지금 확인해 보세요. (광고) 올 겨울 필수템! 롱패딩 기획전! 지금 확인해 보세요. 긴글 예제 긴글 예제</dd>
|
|
|
- <dd class="cont_data"><span>2021.03.08</span></dd>
|
|
|
- </dl>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+ <section id="notice" class="notice">
|
|
|
</section>
|
|
|
<!-- ★ 컨텐츠 종료 -->
|
|
|
</main>
|
|
|
<script th:inline="javascript">
|
|
|
+
|
|
|
+
|
|
|
$(document).ready(function(){
|
|
|
$('#htopTitle').text('알림함');
|
|
|
+ if (_isApp === 'true') {
|
|
|
+ if (_osType === 'A') {
|
|
|
+ window.style24.getPushList();
|
|
|
+ } else if (_osType === 'I') {
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
});
|
|
|
+
|
|
|
+ var pushListInfo = function (pushList) {
|
|
|
+ if (!gagajf.isNull(pushList)) {
|
|
|
+ let pushListJosn = JSON.parse(pushList);
|
|
|
+
|
|
|
+ let html = '';
|
|
|
+ $.each(pushListJosn.pushList, function(idx, item) {
|
|
|
+ html += '<div class="inner">\n';
|
|
|
+ html += ' <a href="'+item.link+'">\n';
|
|
|
+ html += ' <dl>\n';
|
|
|
+ html += ' <dt class="tit">\n';
|
|
|
+ html += item.title;
|
|
|
+ html += ' </dt>\n'
|
|
|
+ html += ' <dd class="cont_txt">\n';
|
|
|
+ html += item.content;
|
|
|
+ html += ' </dd>\n';
|
|
|
+ if (!gagajf.isNull(item.imgUrl)) {
|
|
|
+ html += ' <dd class="cont_img">\n';
|
|
|
+ html += ' <img src="'+ item.imgUrl +'" />\n';
|
|
|
+ html += ' </dd>\n';
|
|
|
+ }
|
|
|
+ html += ' <dd class="cont_data">\n';
|
|
|
+ html += ' <span>\n';
|
|
|
+ html += fnDisplayDate(item.date);
|
|
|
+ html += ' </span>\n';
|
|
|
+ html += ' </dd>\n'
|
|
|
+ html += ' </dl>\n'
|
|
|
+ html += ' </a>';
|
|
|
+ html += '</div>\n'
|
|
|
+ });
|
|
|
+ $('#notice').html(html);
|
|
|
+ } else {
|
|
|
+ $('#notice').addClass('nodata');
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var fnDisplayDate = function (date) {
|
|
|
+ let resultDate = '';
|
|
|
+ if(!gagajf.isNull(date)) {
|
|
|
+ let year = date.substring(0, 4);
|
|
|
+ let month = date.substring(4, 6);
|
|
|
+ let day = date.substring(6, 8);
|
|
|
+ resultDate = year+'.'+month+'.'+day;
|
|
|
+ }
|
|
|
+ return resultDate;
|
|
|
+ }
|
|
|
+
|
|
|
</script>
|
|
|
|
|
|
</th:block>
|
jsshin