|
|
@@ -0,0 +1,176 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko" xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
+ layout:decorator="web/common/layout/MypageLayoutWeb">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : MypageWishListFormWeb.html
|
|
|
+ * @desc : 마이페이지 > 위시리스트 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2021 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.03.29 sowon 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+<th:block layout:fragment="content">
|
|
|
+<div class="content myWishlist"> <!-- 페이지특정 클래스 = myWishlist -->
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="lnb">
|
|
|
+ <div class="lnb_tit">
|
|
|
+ <h2>마이페이지</h2>
|
|
|
+ </div>
|
|
|
+ <div class="lnb_list">
|
|
|
+ <ul id="mypageLnbList"></ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont">
|
|
|
+ <div class="sec_head">
|
|
|
+ <h3 class="subH1">위시리스트</h3>
|
|
|
+ </div>
|
|
|
+ <div class="lnb_list">
|
|
|
+ <ul id="mypageLnbList"></ul>
|
|
|
+ </div>
|
|
|
+ <div class="sec_body" id="wishList">
|
|
|
+ <!-- 월별 관심상품 -->
|
|
|
+ <!-- <div class="monthly_wish_wrap">
|
|
|
+ <div class="date">
|
|
|
+ <span></span>
|
|
|
+ </div>
|
|
|
+ <div class="itemsGrp">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class=" vLHTC pd_img" src="/images/pc/thumb/prod5.jpg">
|
|
|
+ </div>
|
|
|
+ <p class=" itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemcolorchip">
|
|
|
+ <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
+ <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
+ <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
+ </div>
|
|
|
+ <p class="itemBadge">
|
|
|
+ <span class="badge13">베스트 </span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">★ [NEW] 20FW 빅웨이브 단독발매!</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <!-- //월별 관심상품 -->
|
|
|
+ <!-- 데이터 없을 시 -->
|
|
|
+ <div class="nodata" style="display:none;">
|
|
|
+ <div class="txt_box">
|
|
|
+ <p>
|
|
|
+ 현재 노출 할 수 있는 데이터가 없습니다.<br>
|
|
|
+ (문구수정)
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //데이터 없을 시 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+
|
|
|
+<script th:inline="javascript">
|
|
|
+let wishMonth = [[${wishMonth}]];
|
|
|
+let wishGoods = [[${wishGoods}]];
|
|
|
+// 위시리스트
|
|
|
+var wishListForm = function() {
|
|
|
+ let html = '';
|
|
|
+ if(wishMonth.length>0){
|
|
|
+ for (var i = 0; i < wishMonth.length; i++) {
|
|
|
+ html += '<div class="monthly_wish_wrap"> ';
|
|
|
+ html += ' <div class="date"> ';
|
|
|
+ html += ' <span>'+wishMonth[i].regDt+'</span> ';
|
|
|
+ html += ' </div> ';
|
|
|
+ html += ' <div class="itemsGrp"> ';
|
|
|
+ $.each(wishGoods, function(idx, item) {
|
|
|
+ html += ' <div class="item_prod"> ';
|
|
|
+ html += ' <div class="item_state"> ';
|
|
|
+ html += ' <button type="button" class="itemLike active" goodsCd="'+item.goodsCd+'" planDtlSq="" onclick="wishlistDelete(this)">관심상품 추가</button> ';
|
|
|
+ html += ' <a href="#none" class="itemLink"> ';
|
|
|
+ html += ' <div class="itemPic"> ';
|
|
|
+ html += ' <img alt="" class=" vLHTC pd_img" src="/images/pc/thumb/prod5.jpg"> ';
|
|
|
+ html += ' </div> ';
|
|
|
+ html += ' <p class=" itemBrand">'+item.brandKnm+'</p> ';
|
|
|
+ html += ' <div class=" itemName">'+item.goodsNm+'</div> ';
|
|
|
+ html += ' <p class="itemPrice">' + item.currPrice.addComma();
|
|
|
+ if (item.currPrice != item.listPrice) {
|
|
|
+ html += ' <span class="itemPrice_original">'+item.listPrice.addComma() + '</span> ';
|
|
|
+ }
|
|
|
+ if (item.dcRate>0) {
|
|
|
+ html += ' <span class=" itemPercent">'+item.dcRate+'%</span> ';
|
|
|
+ }
|
|
|
+ html += ' </p> ';
|
|
|
+ html += ' <div class="itemcolorchip"> ';
|
|
|
+ html += ' <span class="chip_color35" value="ABM">BEIGE</span> ';
|
|
|
+ html += ' <span class="chip_color54" value="BDS">BLACK</span> ';
|
|
|
+ html += ' <span class="chip_color40" value="YBR">WHITE</span> ';
|
|
|
+ html += ' </div> ';
|
|
|
+ html += ' <p class="itemBadge"> ';
|
|
|
+ html += ' <span class="badge13">베스트 </span> ';
|
|
|
+ html += ' </p> ';
|
|
|
+ html += ' <div class="itemComment">★ [NEW] 20FW 빅웨이브 단독발매!</div> ';
|
|
|
+ html += ' </a> ';
|
|
|
+ html += ' </div> ';
|
|
|
+ html += ' </div> ';
|
|
|
+ });
|
|
|
+ html += ' </div> ';
|
|
|
+ html += '</div> ';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html += '<div class="nodata">';
|
|
|
+ html += ' <div class="txt_box">';
|
|
|
+ html += ' <p>';
|
|
|
+ html += ' 등록된 위시리스트가 없습니다.<br>';
|
|
|
+ html += ' </p>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += '</div> ';
|
|
|
+ }
|
|
|
+
|
|
|
+ $("#wishList").append(html);
|
|
|
+}
|
|
|
+
|
|
|
+// 마이페이지 위시리스트 해제
|
|
|
+var wishlistDelete = function(obj) {
|
|
|
+ mcxDialog.confirm("위시리스트를 해제하시겠습니까?", {
|
|
|
+ cancelBtnText : "취소",
|
|
|
+ sureBtnText : "확인",
|
|
|
+ sureBtnClick : function() {
|
|
|
+ cfnPutWishList(obj);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+$(document).ready(function() {
|
|
|
+
|
|
|
+ // 마이페이지 LNB 설정
|
|
|
+ fnSetMypageLnbList(9);
|
|
|
+
|
|
|
+ // 마이페이지 location 설정
|
|
|
+ fnSetMypageLocation('위시리스트', '_PAGE_MYPAGE_WISHLIST');
|
|
|
+ wishListForm();
|
|
|
+
|
|
|
+});
|
|
|
+</script>
|
|
|
+</th:block>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|