|
|
@@ -33,6 +33,9 @@
|
|
|
<div class="cont_head">
|
|
|
<div>
|
|
|
<h3 th:text="${planInfo.planNm}"></h3>
|
|
|
+ <div class="period">
|
|
|
+ <span th:text="${planInfo.dispStdt}"></span> ~ <span th:text="${planInfo.dispEddt}"></span>
|
|
|
+ </div>
|
|
|
<div class="shareSet">
|
|
|
<button class="btn_share" data-name="openShare">공유하기</button>
|
|
|
<div class="shareWrap">
|
|
|
@@ -59,7 +62,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
<div class="cont_body" th:if="${fsrcInfoTop != null}" th:utext="${#strings.replace(#strings.replace(fsrcInfoTop.fsrcPc,'&lt;','<'),'&gt;','>')}">
|
|
|
<!-- 프로모션배너 type1 -->
|
|
|
<!-- <div class="promotion_visual type1" th:if="${fsrcInfoTop != null and planInfo.planGb == 'P'}" th:utext="${#strings.replace(#strings.replace(fsrcInfoTop.fsrcPc,'&lt;','<'),'&gt;','>')}"></div> -->
|
|
|
@@ -83,6 +85,7 @@
|
|
|
</div> -->
|
|
|
<!-- 프로모션배너 type2 -->
|
|
|
</div>
|
|
|
+ </div>
|
|
|
<!-- //상단 프로모션 배너 -->
|
|
|
|
|
|
<th:block th:each="a, template : ${templateOrd}">
|
|
|
@@ -108,6 +111,85 @@
|
|
|
<div class="content dp_special" th:id="${a.tmplType + a.planContSq}"></div>
|
|
|
</th:block>
|
|
|
</th:block>
|
|
|
+
|
|
|
+ <!-- 댓글리스트 -->
|
|
|
+ <th:block th:if="${planInfo.replyYn == 'Y'}">
|
|
|
+ <div class="content wide cmt">
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="cmt_wrap">
|
|
|
+ <div class="cmt_write">
|
|
|
+ <form class="form_wrap">
|
|
|
+ <div class="cmt_tarea">
|
|
|
+ <textarea class="cmt_ans" name="replyText" id="replyText" placeholder="댓글을 입력해주세요.(500자 이내)" onclick="fnTextConfirm()"></textarea>
|
|
|
+ <p class="txt_cnt"><span id="cmt_cnt" class="c_primary">0</span>/500</p>
|
|
|
+ </div>
|
|
|
+ <div class="cmt_thumb">
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="imgUpload">
|
|
|
+ <label for="fileAdd" class="fileAdd" >업로드</label>
|
|
|
+ <input type="file" id="fileAdd" name="files[]" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <button type="submit" class="btn btn_dark"><span>등록</span></button>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <div class="cmt_group" id="replyList">
|
|
|
+ <!-- <div class="cmt_list_tit">
|
|
|
+ <strong>댓글</strong><span class="cnt">(9,999)</span>
|
|
|
+ </div>
|
|
|
+ 데이터 있을 시
|
|
|
+ <ul class="cmt_list">
|
|
|
+ <li>
|
|
|
+ <div class="cmt_top">
|
|
|
+ <span class="writer">DI2****</span>
|
|
|
+ <span class="date">2020.12.30</span>
|
|
|
+ </div>
|
|
|
+ <div class="cmt_cont">
|
|
|
+ <p>
|
|
|
+ 애용하는 회원으로서 스타일24의 리뉴얼은 저의 일처럼 기쁘네요 ^^ 깔끔하고 세련된 느낌으로 단장해서 사이트 들어왔을 때 기분이 좋답니다! 사이트 리뉴얼 겸 겨울옷을 사려고 한창 둘러보았어요. <br/>
|
|
|
+ 따뜻한 느낌 풀풀 내는아이템들로 찜꽁 해놓았답니다! 이왕 이벤트도 당첨되어서 포인트도 얻고, 또 구매도 하고 싶네요ㅋㅋㅋ <br/>
|
|
|
+ 리뉴얼 하신거 축하드려요!!! 당첨되길 바랍니다.^^
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="cmt_top">
|
|
|
+ <span class="writer">ety****</span>
|
|
|
+ <span class="date">2020.12.30</span>
|
|
|
+ </div>
|
|
|
+ <div class="cmt_cont">
|
|
|
+ <div class="img_wrap clear">
|
|
|
+ <span class="pics"><img class="picsThumbs" src="/images/pc/thumb/ev_list_img01.jpg" alt="썸네일"></span>
|
|
|
+ <span class="pics"><img class="picsThumbs" src="/images/pc/thumb/ev_list_img02.jpg" alt="썸네일"></span>
|
|
|
+ <span class="pics"><img class="picsThumbs" src="/images/pc/thumb/ev_list_img03.jpg" alt="썸네일"></span>
|
|
|
+ <span class="pics"><img class="picsThumbs" src="/images/pc/thumb/ev_list_img04.jpg" alt="썸네일"></span>
|
|
|
+ </div>
|
|
|
+ <p>모처럼 스타일24를 다시 애용해야 겠어요! 축하축하 ^^</p>
|
|
|
+ <button class="btn btn_default btn_del"><span>삭제</span></button>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul> -->
|
|
|
+ <!-- 데이터 있을 시 -->
|
|
|
+ <!-- 데이터 없을 시 -->
|
|
|
+ <div class="nodata" style="display:none;">
|
|
|
+ <div class="txt_box">
|
|
|
+ <p>
|
|
|
+ 등록된 댓글이 없습니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //데이터 없을 시 -->
|
|
|
+ </div>
|
|
|
+ <div class="paging_wrap">
|
|
|
+ <ul class="pageNav" id="paging">
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
|
|
|
<!-- 관련상품 리스트 -->
|
|
|
<div class="content sticky_nav_list" th:if="${planCornerListLength>0}">
|
|
|
@@ -157,17 +239,16 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</th:block>
|
|
|
- </div>
|
|
|
- </th:block>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
<!-- //관련상품 리스트 -->
|
|
|
-
|
|
|
- <!-- 다른 기획전 보기 -->
|
|
|
- <div class="content other_dp_slide" th:if="${listSize > 0}">
|
|
|
+ <!-- 다른 기획전,이벤트 보기 -->
|
|
|
+ <div class="content other_promotion_slide">
|
|
|
<div class="cont_head">
|
|
|
<div>
|
|
|
<h4 th:if="${planInfo.planGb == 'P'}">다른 기획전 보기</h4>
|
|
|
@@ -179,7 +260,7 @@
|
|
|
<div class="cont_body">
|
|
|
<div class="swiper-container">
|
|
|
<div class="swiper-wrapper">
|
|
|
- <th:block th:each="PlanData, PlanStat : ${planList}">
|
|
|
+ <th:block th:each="PlanData, PlanStat : ${planList}">
|
|
|
<div class="swiper-slide">
|
|
|
<a th:onclick="cfnGoToPlanDetail([[${PlanData.planSq}]])">
|
|
|
<div class="thumb">
|
|
|
@@ -197,14 +278,15 @@
|
|
|
<div class="swiper-button-next"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- //다른 기획전 보기 -->
|
|
|
- </div>
|
|
|
- <form id="pollListForm" name="pollListForm" th:action="@{'/planning/event/poll/form'}" th:method="post">
|
|
|
- <input type="hidden" name="planSq" th:value="${planInfo.planSq}"/>
|
|
|
- </form>
|
|
|
-<div class="modal fade couponInfo_pop" id="couponInfoPop" tabindex="-1" role="dialog" aria-labelledby="couponInfoLabel" aria-hidden="true">
|
|
|
-
|
|
|
-</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+<div class="modal fade couponInfo_pop" id="couponInfoPop" tabindex="-1" role="dialog" aria-labelledby="couponInfoLabel" aria-hidden="true"></div>
|
|
|
+<form id="pollListForm" name="pollListForm" th:action="@{'/planning/event/poll/form'}" th:method="post">
|
|
|
+ <input type="hidden" name="planSq" th:value="${planInfo.planSq}"/>
|
|
|
+</form>
|
|
|
+
|
|
|
<script th:inline="javascript">
|
|
|
|
|
|
let review = [[${reviewInfo}]];
|
|
|
@@ -215,6 +297,7 @@ let goods1 = [[${goods1Info}]];
|
|
|
let goods2 = [[${goods2Info}]];
|
|
|
let goods4 = [[${goods4Info}]];
|
|
|
let template =[[${templateOrd}]];
|
|
|
+let replyList = [[${replyList}]];
|
|
|
let _mall = [[${@environment.getProperty('domain.front')}]];
|
|
|
let goodsView =[[${@environment.getProperty('upload.goods.view')}]]
|
|
|
let imgUrl=[[${@environment.getProperty('upload.image.view')}]];
|
|
|
@@ -652,15 +735,56 @@ var fnJoinConfirm = function () {
|
|
|
document.pollListForm.submit();
|
|
|
}
|
|
|
})
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
|
|
|
+// 댓글 입력 확인
|
|
|
+var fnTextConfirm = function() {
|
|
|
+ //로그인 확인
|
|
|
+ if (!cfCheckLogin()) {
|
|
|
+ mcxDialog.alert("로그인 후 참여 가능합니다.");
|
|
|
+ $("#replyText").val('');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
+var ajaxReplyList = function () {
|
|
|
+ $.getJSON('/planning/reply/list?planSq='+plan.planSq, function(result, status) {
|
|
|
+ console.log(result);
|
|
|
+ if (status == 'success') {
|
|
|
+ $("#replyList").html('');
|
|
|
+ var html = '';
|
|
|
+ html += '<div class="cmt_list_tit">';
|
|
|
+ html += ' <strong>댓글</strong><span class="cnt">('+result.replyList.length.addComma()+')</span>';
|
|
|
+ html += '</div>';
|
|
|
+ html += '<ul class="cmt_list">';
|
|
|
+ $.each(result.replyList, function (idx, item) {
|
|
|
+ html += ' <li>';
|
|
|
+ html += ' <div class="cmt_top">';
|
|
|
+ html += ' <span class="writer">'+item.maskingCustId+'</span>';
|
|
|
+ html += ' <span class="date">'+item.entryDt+'</span>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="cmt_cont">';
|
|
|
+ html += ' <div class="img_wrap clear">';
|
|
|
+ html += ' <span class="pics"><img class="picsThumbs" src="/images/pc/thumb/ev_list_img01.jpg" alt="썸네일"></span>';
|
|
|
+ html += ' <span class="pics"><img class="picsThumbs" src="/images/pc/thumb/ev_list_img02.jpg" alt="썸네일"></span>';
|
|
|
+ html += ' <span class="pics"><img class="picsThumbs" src="/images/pc/thumb/ev_list_img03.jpg" alt="썸네일"></span>';
|
|
|
+ html += ' <span class="pics"><img class="picsThumbs" src="/images/pc/thumb/ev_list_img04.jpg" alt="썸네일"></span>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <p>'+item.entryVal1+'</p>';
|
|
|
+ if (item.entryCustNo == result.custNo) {
|
|
|
+ html += ' <button class="btn btn_default btn_del"><span>삭제</span></button>';
|
|
|
+ }
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </li>';
|
|
|
+ });
|
|
|
+ html += '</ul>';
|
|
|
+ }
|
|
|
+ $("#replyList").append(html);
|
|
|
+ });
|
|
|
+}
|
|
|
|
|
|
$(document).ready( function() {
|
|
|
-
|
|
|
+ ajaxReplyList();
|
|
|
//공유 버튼 토글
|
|
|
$("button[data-name=openShare]").on("click", function(){
|
|
|
$(this).toggleClass("on").next(".shareWrap").toggleClass("on");
|
|
|
@@ -761,16 +885,38 @@ $(document).ready( function() {
|
|
|
clickable: true,
|
|
|
},
|
|
|
});
|
|
|
-
|
|
|
- /* SLIDE - 다른 기획전 보기 */
|
|
|
- var other_dp_slide_slide = new Swiper ('.other_dp_slide .swiper-container', {
|
|
|
+ /* SLIDE - 다른 기획전,이벤트 보기 */
|
|
|
+ var other_slide_slide = new Swiper ('.other_promotion_slide .swiper-container', {
|
|
|
slidesPerView: 5,
|
|
|
spaceBetween: 20,
|
|
|
navigation: {
|
|
|
- nextEl: '.other_dp_slide .swiper-button-next',
|
|
|
- prevEl: '.other_dp_slide .swiper-button-prev',
|
|
|
+ nextEl: '.other_promotion_slide .swiper-button-next',
|
|
|
+ prevEl: '.other_promotion_slide .swiper-button-prev',
|
|
|
},
|
|
|
});
|
|
|
+
|
|
|
+ // 첨부파일 갯수제한
|
|
|
+ $('.imgUpload .fileAdd').click(function(){
|
|
|
+ var maxFileLength = 10; /* 최대 파일 갯수를 입력해 주세요 */
|
|
|
+ var imgFiles=$('.imgUpload .pics');
|
|
|
+ if (imgFiles.length >= maxFileLength) {
|
|
|
+ alert('이미지는 최대' + maxFileLength +'장 까지 첨부 가능합니다.');
|
|
|
+ $('#fileAdd').attr("disabled",true);
|
|
|
+ } else if(imgFiles.length < maxFileLength){
|
|
|
+ $('#fileAdd').removeAttr("disabled");
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ //댓글 작성시 글자 카운트
|
|
|
+ $('.cmt_ans').keyup(function (e){
|
|
|
+ var content = $(this).val();
|
|
|
+ $('#cmt_cnt').html(content.length);
|
|
|
+ if (content.length > 500){
|
|
|
+ alert("최대 500자까지 입력 가능합니다.");
|
|
|
+ $(this).val(content.substring(0, 500));
|
|
|
+ $('#cmt_cnt').html("500");
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
});
|
|
|
</script>
|