Merge branch 'develop' into bin2107

src/main/webapp/WEB-INF/views/mob/display/BrandMainFormMob.html

@@ -97,7 +97,7 @@
 													<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SBMM007', planDtlSq=''">관심상품 추가</button>
 													<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBMM007');">
 														<div class="itemPic">
-															<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
+															<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current.replace(',',':'),':')}">
 																<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 																<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov video-autoplay" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="autoplay" allowFullScreen></iframe>
 															</th:block>
@@ -176,7 +176,7 @@
 														<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBMM008');">
 															<div class="shape" th:classappend="${goodsStat.count==1}?'ranker'"><span th:text="${goodsStat.index+1}"></span></div>
 															<div class="itemPic">
-																<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
+																<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current.replace(',',':'),':')}">
 																	<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 																	<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov video-autoplay" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 																</th:block>
@@ -265,7 +265,7 @@
 														<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc=${contentsLoc}, planDtlSq=''">관심상품 추가</button>
 														<a href="javascript:void(0);" class="itemLink"  th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', [[${contentsLoc}]]);">
 															<div class="itemPic">
-																<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
+																<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current.replace(',',':'),':')}">
 																	<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 																	<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov video-autoplay" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 																</th:block>
@@ -366,7 +366,7 @@
 										<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SBMM013', planDtlSq=''">관심상품 추가</button>
 										<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBMM013');">
 											<div class="itemPic">
-												<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
+												<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current.replace(',',':'),':')}">
 													<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 													<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov video-autoplay" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 												</th:block>
@@ -384,13 +384,13 @@
 												[[${#numbers.formatInteger(goodsData.currPrice,0,'COMMA')} + ' ~']]
 											</p>
 											<div class="itemcolorchip" th:if="${goodsData.colorArr != null}">
-												<th:block th:each="option, idx : ${goodsData.colorArr}" th:with="colorArray=${#strings.arraySplit(idx.current,':')}">
+												<th:block th:each="option, idx : ${goodsData.colorArr}" th:with="colorArray=${#strings.arraySplit(idx.current.replace(',',':'),':')}">
 													<span th:if="${colorArray[1]=='#FFFFFF'}" th:style="${'background-color:'+colorArray[1]+';border:1px solid #aaa;'}" class="chip_color" th:value="${colorArray[0]}"></span>
 													<span th:if="${colorArray[1]!='#FFFFFF'}" th:style="${'background-color:'+colorArray[1]+';'}" class="chip_color" th:value="${colorArray[0]}"></span>
 												</th:block>
 											</div>
 											<p class="itemBadge" th:if="${goodsData.benefitArr != null}">
-												<th:block th:each="option, idx : ${goodsData.benefitArr}" th:with="iconArray=${#strings.arraySplit(idx.current,':')}" >
+												<th:block th:each="option, idx : ${goodsData.benefitArr}" th:with="iconArray=${#strings.arraySplit(idx.current.replace(',',':'),':')}" >
 													<span class="badge13" th:if="${idx.index<3}" th:value="${iconArray[0]}" th:text="${iconArray[1]}"></span>
 												</th:block>
 											</p>

src/main/webapp/WEB-INF/views/mob/planning/PlanningDetailFormMob.html

@@ -497,6 +497,9 @@ if(planCornerList.length>0 && plan.cornerNmDispYn == "Y"){
 				html += '								<img class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item2.sysImgNm +'?RS=550">\n';
 				html += '							</div>\n';
 				html += '							<p class="itemBrand">'+item2.brandGroupNm+'</p>\n';
+				if(item2.goodsTnm != null){
+					html += '							<div class="itemComment">'+item2.goodsTnm+'</div>\n';
+				}
 				html += '							<div class="itemName">'+item2.goodsNm+'</div>\n';
 				html += '							<p class="itemPrice">\n';
 				if (item2.currPrice != item2.listPrice) {
@@ -537,9 +540,6 @@ if(planCornerList.length>0 && plan.cornerNmDispYn == "Y"){
 					}
 					html += '	</p>\n';
 				}
-				if(item2.goodsTnm != null){
-					html += '							<div class="itemComment">'+item2.goodsTnm+'</div>\n';
-				}
 				html += '						</a>\n';
 				html += '					</div>\n';
 				html += '				</div>\n';
@@ -596,6 +596,9 @@ if(template.length>0){
 					html += '								<img class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'?RS=780" alt="">\n';
 					html += '							</div>\n';
 					html += '							<p class="itemBrand">'+item.brandGroupNm+'</p>\n';
+					if(item.goodsTnm != null){
+						html += '							<div class="itemComment">'+item.goodsTnm+'</div>\n';
+					}
 					html += '							<div class="itemName">'+item.goodsNm+'</div>\n';
 					html += '							<p class="itemPrice">\n';
 					if (item.currPrice != item.listPrice) {
@@ -606,9 +609,6 @@ if(template.length>0){
 						html += '								<span class="itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
 					}
 					html += '							</p>\n';
-					if(item.goodsTnm != null){
-						html += '							<div class="itemComment">'+item.goodsTnm+'</div>\n';
-					}
 					html += '						</a>\n';
 					html += '					</div>\n';
 					html += '				</div>\n';
@@ -652,6 +652,9 @@ var fnGetCompleteCallback = function (result) {
 				html += '						<img class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
 				html += '					</div>\n';
 				html += '					<p class="itemBrand">'+item.brandGroupNm+'</p>\n';
+				if(item.goodsTnm != null){
+					html += '					<div class="itemComment">'+item.goodsTnm+'</div>\n';
+				}
 				html += '					<div class="itemName">'+item.goodsNm+'</div>\n';
 				html += '					<p class="itemPrice">\n';
 				if (item.currPrice != item.listPrice) {
@@ -662,9 +665,6 @@ var fnGetCompleteCallback = function (result) {
 					html += '						<span class="itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
 				}
 				html += '					</p>\n';
-				if(item.goodsTnm != null){
-					html += '					<div class="itemComment">'+item.goodsTnm+'</div>\n';
-				}
 				html += '				</a>\n';
 				html += '			</div>\n';
 				html += '		</div>\n';
@@ -728,6 +728,9 @@ if(template.length>0){
 					html += '								<img class="vLHTC pd_img" src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '">\n';
 					html += '							</div>\n';
 					html += '							<p class="itemBrand">' + item.brandGroupNm + '</p>\n';
+					if (item.goodsTnm != null) {
+						html += '							<div class="itemComment">' + item.goodsTnm + '</div>\n';
+					}
 					html += '							<div class="itemName">' + item.goodsNm + '</div>\n';
 					html += '							<p class="itemPrice">\n';
 					if (item.currPrice != item.listPrice) {
@@ -739,10 +742,6 @@ if(template.length>0){
 						html += '								<span class="itemPercent">' + Math.floor(item.dcRate) + '%</span>\n';
 					}
 					html += '							</p>\n';
-					if (item.goodsTnm != null) {
-						html += '							<div class="itemComment">' + item.goodsTnm + '</div>\n';
-					}
-
 					html += '						</a>\n';
 					html += '					</div>\n';
 					html += '				</div>\n';

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

@@ -109,7 +109,7 @@
 													<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SBM007', planDtlSq=''">관심상품 추가</button>
 													<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBM007');">
 														<div class=" itemPic">
-															<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
+															<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current.replace(',',':'),':')}">
 																<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 																<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 															</th:block>
@@ -192,7 +192,7 @@
 													<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBM008');">
 														<div class="shape" th:classappend="${goodsStat.count==1}?'ranker'"><span th:text="${goodsStat.index+1}"></span></div>
 														<div class="itemPic">
-															<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
+															<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current.replace(',',':'),':')}">
 																<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 																<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 															</th:block>
@@ -275,7 +275,7 @@
 												<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc=${contentsLoc}, planDtlSq=''">관심상품 추가</button>
 												<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBM009');">
 													<div class="itemPic">
-														<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
+														<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current.replace(',',':'),':')}">
 															<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 															<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 														</th:block>
@@ -384,7 +384,7 @@
 											<button type="button" class="itemLike" th:classappend="${goodsData.likeIt == 'likeit'}? 'likeit' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsData.goodsCd}, goodsNm=${goodsData.goodsFullNm}, ithrCd='', contentsLoc='SBM013', planDtlSq=''">관심상품 추가</button>
 											<a href="javascript:void(0);" class="itemLink" th:onclick="cfnGoToGoodsDetail([[${goodsData.goodsCd}]], '', '', 'SBM013');">
 												<div class="itemPic">
-													<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current,':')}">
+													<th:block th:each="option,idx:${goodsData.videos}" th:with="videoArr=${#strings.arraySplit(idx.current.replace(',',':'),':')}">
 														<iframe th:if="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${'https://www.youtube.com/embed/'+videoArr[1]+'?autoplay=1&mute=1'}"></iframe>
 														<iframe th:unless="${videoArr[0]=='Y'}" id="pdThumbVideo" class="pd_mov" th:src="${kollusMediaUrl+'/'+videoArr[1]+'?enable_initialize_focus=false&autoplay&mute&controls_activation=none'}" allow="fullscreen" allowFullScreen></iframe>
 													</th:block>

src/main/webapp/WEB-INF/views/web/planning/PlanningDetailFormWeb.html

@@ -323,6 +323,9 @@ if(planCornerList.length>0 && plan.cornerNmDispYn == "Y"){
 				html += '                                 <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item2.sysImgNm +'?RS=550">\n';
 				html += '                             </div>\n';
 				html += '                             <p class="itemBrand">'+item2.brandGroupNm+'</p>\n';
+				if(item2.goodsTnm != null){
+					html += '			<div class="itemComment">'+item2.goodsTnm+'</div>\n';
+				}
 				html += '                             <div class="itemName">'+item2.goodsNm+'</div>\n';
 				html += '                             <p class="itemPrice">'+item2.currPrice.addComma();
 				if (item2.currPrice != item2.listPrice) {
@@ -364,9 +367,6 @@ if(planCornerList.length>0 && plan.cornerNmDispYn == "Y"){
 					}
 					html += '	</p>\n';
 				}
-				if(item2.goodsTnm != null){
-					html += '			<div class="itemComment">'+item2.goodsTnm+'</div>\n';
-				}
 				html += '                         </a>\n';
 				html += '                     </div>\n';
 				html += '                 </div>\n';
@@ -537,6 +537,9 @@ if(template.length>0){
 				html += '                    </div>\n';
 				html += '                    <div class="dp_listItems_info">\n';
 				html += '                        <div class="dp_listItems_brand">'+item.brandGroupNm+'</div>\n';
+				if(item.goodsTnm != null){
+					html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
+				}
 				html += '                        <div class="dp_listItems_name">'+item.goodsNm+'<br></div>\n';
 				html += '                        <div class="dp_listItems_price">\n';
 				html += '                            <span class="price">'+item.currPrice.addComma()+'</span>\n';
@@ -545,9 +548,6 @@ if(template.length>0){
 					html += '                            <span class="percent">'+Math.floor(item.dcRate)+'%</span>\n';
 				}
 				html += '                        </div>\n';
-				if(item.goodsTnm != null){
-					html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
-				}
 				html += '                        <div class="ui_row">\n';
 				html += '                            <button type="button" class="btn btn_default" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\',\'\',\'IN12_01\')"><span>자세히 보기</span></button>\n';
 				html += '                        </div>\n';
@@ -612,6 +612,9 @@ if(template.length>0){
 					html += '                                    <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
 					html += '                                </div>\n';
 					html += '                                <p class="itemBrand">'+item.brandGroupNm+'</p>\n';
+					if(item.goodsTnm != null){
+						html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
+					}
 					html += '                                <div class="itemName">'+item.goodsNm+'</div>\n';
 					html += '                                <p class="itemPrice">'+item.currPrice.addComma();
 					if (item.currPrice != item.listPrice) {
@@ -619,9 +622,6 @@ if(template.length>0){
 						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
 					}
 					html += '                                </p>\n';
-					if(item.goodsTnm != null){
-						html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
-					}
 					html += '                            </a>\n';
 					html += '                        </div>\n';
 					html += '                    </div>\n';
@@ -688,6 +688,9 @@ if(template.length>0){
 					html += '                                    <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
 					html += '                                </div>\n';
 					html += '                                <p class="itemBrand">'+item.brandGroupNm+'</p>\n';
+					if(item.goodsTnm != null){
+						html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
+					}
 					html += '                                <div class="itemName">'+item.goodsNm+'</div>\n';
 					html += '                                <p class="itemPrice">'+item.currPrice.addComma();
 					if (item.currPrice != item.listPrice) {
@@ -695,9 +698,6 @@ if(template.length>0){
 						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
 					}
 					html += '                                </p>\n';
-					if(item.goodsTnm != null){
-						html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
-					}
 					html += '                            </a>\n';
 					html += '                        </div>\n';
 					html += '                    </div>\n';
@@ -718,6 +718,36 @@ if(template.length>0){
 			array.shift();
 		}
 	}
+	
+	/* SLIDE - 대표상품 슬라이드 4열 상품 */
+	// 슬라이드 개별생성 21.09.23
+	for (var j = 0; j < template.length; j++) {
+		if(template[j].tmplType == 'G082_52'){
+			var slidId = "G082_52" + template[j].planContSq;
+			var dp_listItems_slide2 = new Swiper ('#'+slidId+' .dp_listItems_cont.type3 .swiper-container', {
+				loop: false,
+				slidesPerView: 4,
+				slidesPerGroup: 4,
+				spaceBetween: 20,
+				speed : 1000,
+				a11y: {
+					enabled: true,
+					notificationClass: 'swiper-notification',
+					prevSlideMessage: '이전 슬라이드',
+					nextSlideMessage: '다음 슬라이드',
+					paginationBulletMessage: '슬라이드 {{index}}로 이동',
+				},
+				navigation: {
+					nextEl: '#'+slidId+' .dp_listItems_cont.type3 .swiper-button-next',
+					prevEl: '#'+slidId+' .dp_listItems_cont.type3 .swiper-button-prev',
+				},
+				pagination: {
+					el: '#'+slidId+' .dp_listItems_cont.type3 .swiper-pagination',
+					clickable: true,
+				},
+			});
+		}
+	}
 }
 
 if(template.length>0){
@@ -1215,6 +1245,7 @@ $(document).ready( function() {
 	});
 
 	/* SLIDE - 대표상품 슬라이드 4열 상품 */
+	/* 21.09.23 주석처리-개별로 움직이도록 수정 & 개별아닐 시 목록이 제대로 안불러와 졌음.
 	var dp_listItems_slide2 = new Swiper ('.dp_listItems_cont.type3 .swiper-container', {
 		loop: false,
 		slidesPerView: 4,
@@ -1236,7 +1267,7 @@ $(document).ready( function() {
 			el: '.dp_listItems_cont.type3 .swiper-pagination',
 			clickable: true,
 		},
-	});
+	});*/
 	/* SLIDE - 다른 기획전,이벤트 보기 */
 	var other_slide_slide = new Swiper ('.other_promotion_slide .swiper-container', {
 		slidesPerView: 5,