검색화면 연관검색어 추가

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

@@ -1095,6 +1095,7 @@ public class TsfDisplayController extends TsfBaseController {
 		params.setCustGb(TsfSession.getCustGb());
 
 		Collection<SearchEngine> dataList = new ArrayList<SearchEngine>();
+		Collection<GoodsListResponse.Recommend> recommendList = new ArrayList<GoodsListResponse.Recommend>();
 		log.info("getSearchGoodsList params::{}", params);
 		// 검색엔진 연동 여부
 //		String syncYn = commonService.getSearchEngineSyncYn();
@@ -1107,9 +1108,11 @@ public class TsfDisplayController extends TsfBaseController {
 //			params.setPageable(pageable);
 //			dataList = goodsService.getSearchGoodsList(params);
 //		}
+		recommendList = response.getRecommend();
 
 		result.set("paging", pageable);
 		result.set("dataList", dataList);
+		result.set("recommendList", recommendList);
 
 		return result;
 	}

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

@@ -32,12 +32,12 @@
 				</form>
 				<div class="related_keyword">
 					<div class="sub_category">
-						<div class="cate_wrap">
-							<a href="javascript:;" class="on">연관검색어1</a>
-							<a href="javascript:;"><span>#</span> 연관검색어2</a>
-							<a href="javascript:;"><span>#</span> 연관검색어3</a>
-							<a href="javascript:;"><span>#</span> 연관검색어4</a>
-							<a href="javascript:;"><span>#</span> 연관검색어5</a>
+						<div class="cate_wrap" id="recommendKeyword">
+<!--							<a href="javascript:;" class="on">연관검색어1</a>-->
+<!--							<a href="javascript:;"><span>#</span> 연관검색어2</a>-->
+<!--							<a href="javascript:;"><span>#</span> 연관검색어3</a>-->
+<!--							<a href="javascript:;"><span>#</span> 연관검색어4</a>-->
+<!--							<a href="javascript:;"><span>#</span> 연관검색어5</a>-->
 						</div>
 					</div>
 				</div>
@@ -536,6 +536,17 @@
 		var ithrCd = '';
 		var contentLoc = '';
 		let dataListLen = 0;
+		// 연관 검색어
+		if(result.recommendList != null){
+			var recommedTag = '';
+			$("#recommendKeyword").html('');
+			$.each(result.recommendList, function (idx,item){
+				recommedTag += '<a href="javascript:void(0);" onclick="fnSearchKeyword(\''+item.keyword+'\');"><span>#</span>'+item.keyword+'</a>\n';
+			});
+			$("#recommendKeyword").html(recommedTag);
+		}
+
+		// 상품 리스트
 		if(result.dataList != null){
 			dataListLen = result.dataList.length-1;
 		}
@@ -695,16 +706,14 @@
 		cfnGoToBrnadSearchGoodsListForm(keyword,brandGroupNo);
 	}
 
+	// 선택 단어 검색
+	var fnSearchKeyword = function (obj){
+		let keyword = obj;
+		let brandGroupNo = $("#InnerSearchForm").find("input[name=brandGroupNo]").val();
+		cfnGoToBrnadSearchGoodsListForm(keyword,brandGroupNo);
+	}
 
 	$(document).ready( function() {
-		if(!gagajf.isNull(brandGroupInfo.brandGroupNm)){
-			console.log('1111');
-			var brandNm = [[${brandGroupInfo.brandGroupNm}]];
-			console.log('2222'+brandNm);
-			$("#htopTitle").text(brandNm);
-			console.log('33333');
-		}
-
 		// 광고배너체크
 		if(!gagajf.isNull(adBannerList) && adBannerList.length>0){
 			var imgUrl = [[${@environment.getProperty('upload.image.view')}]];
@@ -895,6 +904,11 @@
 		if ($('#sizeLi2').find('label').length == 0) $('#sizeLi2').hide();
 		if ($('#sizeLi3').find('label').length == 0) $('#sizeLi3').hide();
 
+		if(!gagajf.isNull(brandGroupInfo.brandGroupNm)){
+			var brandNm = brandGroupInfo.brandGroupNm;
+			$("#htopTitle").text(brandNm);
+		}
+
 	});
 
 	// 카테고리 필터 생성

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

@@ -31,12 +31,12 @@
 				</div>
 				<div class="related_keyword">
 					<div class="sub_category">
-						<div class="cate_wrap">
-							<a href="javascript:;" class="on">연관검색어1</a>
-							<a href="javascript:;"><span>#</span> 연관검색어2</a>
-							<a href="javascript:;"><span>#</span> 연관검색어3</a>
-							<a href="javascript:;"><span>#</span> 연관검색어4</a>
-							<a href="javascript:;"><span>#</span> 연관검색어5</a>
+						<div class="cate_wrap" id="recommendKeyword">
+<!--							<a href="javascript:;" class="on">연관검색어1</a>-->
+<!--							<a href="javascript:;"><span>#</span> 연관검색어2</a>-->
+<!--							<a href="javascript:;"><span>#</span> 연관검색어3</a>-->
+<!--							<a href="javascript:;"><span>#</span> 연관검색어4</a>-->
+<!--							<a href="javascript:;"><span>#</span> 연관검색어5</a>-->
 						</div>
 					</div>
 				</div>
@@ -623,6 +623,17 @@
 		var ithrCd = '';
 		var contentLoc = '';
 		let dataListLen = 0;
+		// 연관 검색어
+		if(result.recommendList != null){
+			var recommedTag = '';
+			$("#recommendKeyword").html('');
+			$.each(result.recommendList, function (idx,item){
+				recommedTag += '<a href="javascript:void(0);" onclick="fnSearchKeyword(\''+item.keyword+'\');"><span>#</span>'+item.keyword+'</a>\n';
+			});
+			$("#recommendKeyword").html(recommedTag);
+		}
+
+		// 상품 리스트
 		if(result.dataList != null){
 			dataListLen = result.dataList.length-1;
 		}
@@ -781,6 +792,11 @@
 		cfnGoToSearchGoodsListForm(keyword,brandGroupNo);
 	}
 
+	// 선택 단어 검색
+	var fnSearchKeyword = function (obj){
+		let keyword = obj;
+		cfnGoToSearchGoodsListForm(keyword);
+	}
 
 	$(document).ready( function() {
 		// 광고배너체크

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

@@ -58,22 +58,8 @@
 						</div>
 						<div class="related_keyword">
 							<span class="title">연관검색어</span>
-							<ul class="relKeyword">
-								<li><a href="">연관검색어1</a></li>
-								<li><a href="">연관검색어2</a></li>
-								<li><a href="">연관검색어3</a></li>
-								<li><a href="">연관검색어4</a></li>
-								<li><a href="">연관검색어5</a></li>
-								<li><a href="">연관검색어6</a></li>
-								<li><a href="">연관검색어7</a></li>
-								<li><a href="">연관검색어8</a></li>
-								<li><a href="">연관검색어9</a></li>
-								<li><a href="">연관검색어10</a></li>
-								<li><a href="">연관검색어11</a></li>
-								<li><a href="">연관검색어12</a></li>
-								<li><a href="">연관검색어13</a></li>
-								<li><a href="">연관검색어14</a></li>
-								<li><a href="">연관검색어15</a></li>
+							<ul class="relKeyword" id="recommendKeyword">
+
 							</ul>
 						</div>
 					</div>
@@ -428,6 +414,18 @@
 			var ithrCd = '';
 			var contentLoc = '';
 			let dataListLen = 0;
+
+			// 연관 검색어
+			if(result.recommendList != null){
+				var recommedTag = '';
+				$("#recommendKeyword").html('');
+				$.each(result.recommendList, function (idx,item){
+					recommedTag += '<li><a href="javascript:void(0);" onclick="fnSearchKeyword(\''+item.keyword+'\');">'+item.keyword+'</a></li>\n';
+				});
+				$("#recommendKeyword").html(recommedTag);
+			}
+
+			// 상품 리스트
 			if(result.dataList != null){
 				dataListLen = result.dataList.length-1;
 			}

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

@@ -468,8 +468,6 @@
 			var cate3No =  [[${cateInfo.cate3No}]];
 			var cate4No =  [[${cateInfo.cate4No}]];
 			var cate5No =  [[${cateInfo.cate5No}]];
-console.log(allCateList);
-			console.log(cateList);
 
 			if(brandGroupNo>0){
 				$("#brandNm").show();
@@ -532,7 +530,6 @@ console.log(allCateList);
 		}
 
 		var fnCreateSearchEngineCategoryList = function (cate1){
-			console.log('000');
 			var brandGroupNo = [[${cateInfo.brandGroupNo}]];
 			var cateGb =  [[${cateInfo.cateGb}]];
 			var formalGb = [[${cateInfo.formalGb}]];
@@ -797,7 +794,6 @@ console.log(allCateList);
 
 
 		var fnGoodsListSearch = function (){
-			console.log('here6');
 			gagaInfiniteScroll.getHistory();
 		}
 
@@ -805,7 +801,6 @@ console.log(allCateList);
 
 		// 상품 검색
 		var fnGetInfiniteScrollDataList = function (pageNum){
-			console.log('here7:::'+pageNum);
 			$("#searchGoodsForm input[name=pageNo]").val(pageNum+1);
 			// if(idx==1 || totalCnt > Number($("#searchGoodsForm").find("input[name=pageSize]").val())){
 			// 	idx++;
@@ -814,7 +809,6 @@ console.log(allCateList);
 		}
 
 		var fnDrawInfiniteScrollData = function (result){
-			console.log('here8');
 			totalCnt = result.paging.totalCount;
 			$("#totCntId").text(totalCnt.addComma());
 			gagaInfiniteScroll.pageStatus.totalCount = totalCnt;
@@ -1435,18 +1429,15 @@ console.log(allCateList);
 					$("#searchGoodsForm input:hidden[name=sortingType]").val(historyData.sortingType);
 					fnSortingChange(this,historyData.sortingType,'back');
 					$(".fillter").show();
-					console.log('here1');
 				}else{
 					$(".fillter").show();
 					fnGoodsListSearch();
 					fnSetPriceFilter();
 					fnImgOnoff();
-					console.log('here2');
 					// console.log('here*++ '+historyData.scroll);
 					// $('html, body').animate({scrollTop: historyData.backScroll});
 				}
 			}else{
-				console.log('here3');
 				fnCategoryGoodsInfiniteScrollInit();
 				var sortingType = $("#searchGoodsForm input:hidden[name=sortingType]").val();
 				if(sortingType=='BEST' || sortingType=='REVIEW'){
@@ -1456,10 +1447,8 @@ console.log(allCateList);
 
 					$(this).addClass("on");
 					fnSortingChange(this, sortingType);
-					console.log('here4');
 				}else{
 					fnGoodsListSearch();
-					console.log('here5');
 				}
 			}
 		});

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

@@ -58,22 +58,22 @@
 						</div>
 						<div class="related_keyword">
 							<span class="title">연관검색어</span>
-							<ul class="relKeyword">
-								<li><a href="">연관검색어1</a></li>
-								<li><a href="">연관검색어2</a></li>
-								<li><a href="">연관검색어3</a></li>
-								<li><a href="">연관검색어4</a></li>
-								<li><a href="">연관검색어5</a></li>
-								<li><a href="">연관검색어6</a></li>
-								<li><a href="">연관검색어7</a></li>
-								<li><a href="">연관검색어8</a></li>
-								<li><a href="">연관검색어9</a></li>
-								<li><a href="">연관검색어10</a></li>
-								<li><a href="">연관검색어11</a></li>
-								<li><a href="">연관검색어12</a></li>
-								<li><a href="">연관검색어13</a></li>
-								<li><a href="">연관검색어14</a></li>
-								<li><a href="">연관검색어15</a></li>
+							<ul class="relKeyword" id="recommendKeyword">
+<!--								<li><a href="">연관검색어1</a></li>-->
+<!--								<li><a href="">연관검색어2</a></li>-->
+<!--								<li><a href="">연관검색어3</a></li>-->
+<!--								<li><a href="">연관검색어4</a></li>-->
+<!--								<li><a href="">연관검색어5</a></li>-->
+<!--								<li><a href="">연관검색어6</a></li>-->
+<!--								<li><a href="">연관검색어7</a></li>-->
+<!--								<li><a href="">연관검색어8</a></li>-->
+<!--								<li><a href="">연관검색어9</a></li>-->
+<!--								<li><a href="">연관검색어10</a></li>-->
+<!--								<li><a href="">연관검색어11</a></li>-->
+<!--								<li><a href="">연관검색어12</a></li>-->
+<!--								<li><a href="">연관검색어13</a></li>-->
+<!--								<li><a href="">연관검색어14</a></li>-->
+<!--								<li><a href="">연관검색어15</a></li>-->
 							</ul>
 						</div>
 					</div>
@@ -517,10 +517,21 @@
 			var ithrCd = '';
 			var contentLoc = '';
 			let dataListLen = 0;
+
+			// 연관 검색어
+			if(result.recommendList != null){
+				var recommedTag = '';
+				$("#recommendKeyword").html('');
+				$.each(result.recommendList, function (idx,item){
+					recommedTag += '<li><a href="javascript:void(0);" onclick="fnSearchKeyword(\''+item.keyword+'\');">'+item.keyword+'</a></li>\n';
+				});
+				$("#recommendKeyword").html(recommedTag);
+			}
+
+			// 상품 리스트
 			if(result.dataList != null){
 				dataListLen = result.dataList.length-1;
 			}
-
 			if(dataListLen > 0){
 				$('#noFilterData').hide();
 				$('#endPage').hide();