몰메인 임시커밋

src/main/java/com/style24/front/biz/web/TsfDisplayController.java

@@ -9,12 +9,13 @@ import javax.servlet.http.HttpServletResponse;
 
 import com.style24.core.biz.service.TscLookbookService;
 import com.style24.front.biz.service.TsfPlanningService;
+import com.style24.front.biz.service.TsfSocialService;
 import com.style24.persistence.domain.Lookbook;
 import com.style24.persistence.domain.MainLayout;
 import com.style24.persistence.domain.Contents;
 import com.style24.persistence.domain.GnbTab;
 import com.style24.persistence.domain.Cate4Srch;
-import com.style24.persistence.domain.GoodsSearch;
+import com.style24.persistence.domain.Social;
 import com.style24.persistence.domain.BrandGroup;
 import com.style24.persistence.domain.Goods;
 import com.style24.persistence.domain.Plan;
@@ -66,6 +67,9 @@ public class TsfDisplayController extends TsfBaseController {
 	@Autowired
 	private TsfPlanningService planningService;
 
+	@Autowired
+	private TsfSocialService socialService;
+
 	/**
 	 * 몰 메인
 	 * @return
@@ -120,6 +124,13 @@ public class TsfDisplayController extends TsfBaseController {
 					mainLayout.setContentsList(displayService.getContentsList(contents));
 				}
 			}
+
+			if(contentsLoc.equals("SMM006")){
+				Social social = new Social();
+				social.setFrontGb("P");
+				mainLayout.setSocialInfo(socialService.getSocialInfoForGoods(social));
+			}
+
 			mainLayoutList.add(mainLayout);
 		}
 		//log.info("mainLayoutList::{}", mainLayoutList);

src/main/java/com/style24/persistence/domain/MainLayout.java

@@ -31,5 +31,6 @@ public class MainLayout extends TscBaseDomain {
     private Collection<Goods> goodsList;
     private Collection<Lookbook> lookbookList;
     private Collection<Plan> planningList;
+    private Social socialInfo;
 
 }

src/main/java/com/style24/persistence/domain/Social.java

@@ -6,6 +6,8 @@ import com.style24.persistence.TscPageRequest;
 
 import lombok.Data;
 
+import java.util.Collection;
+
 /**
  * 소셜관리 Domain
  *
@@ -75,7 +77,9 @@ public class Social extends TscBaseDomain{
 		
 		// wish
 		private String wishYn;	// 위시리스트 등록 여부
-		
+
+		// 몰메인
+		Collection<Social> socialGoodsList;
 		
 		// Pagination
 		private TscPageRequest pageable;

src/main/webapp/WEB-INF/views/web/display/MallMainFormWeb.html

@@ -169,6 +169,214 @@
 					</div>
 				</th:block>
 
+				<!-- 6. 타임딜 : 슬라이드 -->
+				<th:block th:if="${contentsLoc=='002'}">
+					<div class="content wide main_deal" th:if="${mainLayoutData.socialInfo != null}">
+						<div class="cont_head">
+							<p class="displayH" th:text="${mainLayoutData.contentsTitle}">오늘만<br>이 가격에 만나요</p>
+							<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_SOCIAL_MAIN);"><span>전체보기</span></a>
+							<div class="deal_progress">
+								<div class="bar_current" style="width:33.333%"><span>HERE</span></div>
+								<div class="bar_bg"></div>
+							</div>
+							<div class="count" >
+								<form name="socailForm">
+									<input type="hidden" name="targetTime" th:value="${mainLayoutData.socialInfo.socialEddt}">
+								</form>
+								<span class="count_tit">남은 시간</span>
+								<div class="hotdeal">
+									<div id="countdown">
+										<div id="tiles"></div>
+									</div>
+									<div class="count_time">
+										<span>HOURS</span>
+										<span>MINS</span>
+										<span>SECS</span>
+									</div>
+								</div>
+							</div>
+							<script>
+
+								/* 핫딜 countDown */
+								var target_date = new Date().getTime() + (1000*3600*8); // set the countdown date
+								var days, hours, minutes, seconds; // variables for time units
+
+								var countdown = document.getElementById("tiles"); // get tag element
+
+								getCountdown();
+
+								setInterval(function () { getCountdown(); }, 1000);
+
+								function getCountdown(){
+
+									// find the amount of "seconds" between now and target
+									var current_date = new Date().getTime();
+									var seconds_left = (target_date - current_date) / 1000;
+
+
+									seconds_left = seconds_left % 86400;
+
+									hours = pad( parseInt(seconds_left / 3600) );
+									seconds_left = seconds_left % 3600;
+
+									minutes = pad( parseInt(seconds_left / 60) );
+									seconds = pad( parseInt( seconds_left % 60 ) );
+
+									// format countdown string + set tag value
+									countdown.innerHTML = "<span>" + hours + "</span><span>" + minutes + "</span><span>" + seconds + "</span>";
+								}
+
+								function pad(n) {
+									return (n < 10 ? '0' : '') + n;
+								}
+								/* countDown */
+							</script>
+						</div>
+						<div class="cont_body">
+							<div class="swiper-container post-deal">
+								<div class="swiper-wrapper">
+									<div class="swiper-slide">
+										<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="pd_img" src="/images/pc/thumb/main_hotdeal01.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="itemComment">#데일리웨어로 매일입고싶은</div>
+												</a>
+											</div>
+										</div>
+									</div>
+									<div class="swiper-slide">
+										<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="pd_img" src="/images/pc/thumb/main_hotdeal02.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="itemComment">#데일리웨어로 매일입고싶은</div>
+												</a>
+											</div>
+										</div>
+									</div>
+									<div class="swiper-slide">
+										<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="pd_img" src="/images/pc/thumb/main_hotdeal03.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="itemComment">#데일리웨어로 매일입고싶은</div>
+												</a>
+											</div>
+										</div>
+									</div>
+									<div class="swiper-slide">
+										<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="pd_img" src="/images/pc/thumb/main_hotdeal04.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="itemComment">#데일리웨어로 매일입고싶은</div>
+												</a>
+											</div>
+										</div>
+									</div>
+									<div class="swiper-slide">
+										<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="pd_img" src="/images/pc/thumb/main_hotdeal04.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="itemComment">#데일리웨어로 매일입고싶은</div>
+												</a>
+											</div>
+										</div>
+									</div>
+									<div class="swiper-slide">
+										<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="pd_img" src="/images/pc/thumb/main_hotdeal04.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="itemComment">#데일리웨어로 매일입고싶은</div>
+												</a>
+											</div>
+										</div>
+									</div>
+									<div class="swiper-slide">
+										<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="pd_img" src="/images/pc/thumb/main_hotdeal04.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="itemComment">#데일리웨어로 매일입고싶은</div>
+												</a>
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="swiper-controls">
+									<div class="swiper-scrollbar"></div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</th:block>
+
 				<!-- 8. 가로 긴 배너 슬라이드 -->
 				<!-- bnn_1stage -->
 				<th:block th:if="${contentsLoc=='008'}">