GNB <더보기> show/hide 기능 추가

src/main/webapp/WEB-INF/views/web/common/fragments/GnbWeb.html

@@ -17,7 +17,7 @@
 <header id="header" th:fragment="gnb">
 
 	<!-- head start -->
-	<div class="common_header">
+	<div class="common_header main_header">
 		<!-- 프로모션 띠 배너 등록 시 노출 -->
  		<div class="hd_top_banner" id="divTopbanner">
 <!-- 			<div class="bnrtype_open" style="background-color:#496ac9;">-->
@@ -623,8 +623,8 @@
 		let tag2 = '';
 		$.getJSON(actionUrl
 		, function(result, status){
-			var bannerImgUrl = [[${@environment.getProperty('domain.image')}]];
-			var planninImgUrl = [[${@environment.getProperty('upload.image.view')}]];
+			var bannerImgUrl = _imgUrl; //[[${@environment.getProperty('domain.image')}]];
+			var planninImgUrl = _uploadImageUrl; //[[${@environment.getProperty('upload.image.view')}]];
 			if(result.length>0){
 				tag2 += '		<div class="tit">\n';
 				if(!gagajf.isNull(result[0].gnbTabTitle)){
@@ -690,6 +690,8 @@
 								$('#ulGnbTab').append('<li><a href="' + item.linkUrl + '">' + item.gtabNm + '</a></li>');
 							}
 						});
+						
+						fnui_gnbOvers();
 					}
 				}
 			});
@@ -827,7 +829,7 @@
 			if(status=='success'){
 				if(result.length>0){
 					let bannerYn = "N";
-					var bannerImgUrl = [[${@environment.getProperty('domain.image')}]];
+					var bannerImgUrl = _imgUrl; // [[${@environment.getProperty('domain.image')}]];
 					$.each(result, function (idx, item) {
 						$('#divTopbanner').html('');
 						if(document.cookie.match('(^|;)?gnbtop_banner=([^;]*)(;|$)')==null){
@@ -847,7 +849,7 @@
 									tag +=' 	<a href="'+item.strVar1+'" target="">';
 									tag +=' 		<img src="'+bannerImgUrl+''+item.imgPath1+'" alt="">';
 									tag +=' 		<div class="open_bnr_area">';
-									tag += '            '+item.html+' ';
+									tag += '		'+item.html+' ';
 									tag +=' 		</div>';
 									tag +=' 	</a>';
 									tag +=' 	<button class="btn_toggle_bnr"><span>열기</span></button>';
@@ -905,6 +907,25 @@
 		});
 	}
 	
+	// gnb overs show/hide
+	function fnui_gnbOvers() {
+		var categoryWidth = $('#divGnbTab').outerWidth();
+		var bdList_index = $('#divGnbTab > li').get();
+			bdList_index.reverse();
+		var bdList_legth = bdList_index.length;
+		var mrList_index = $('.more_category .cate_list ul > li').get();
+		var mrList_legth = mrList_index.length;
+			mrList_index.reverse();
+
+		for ( var i = 0; i < bdList_legth; i++ ) {
+			if (categoryWidth > 994 ){
+				bdList_index[i].style.display="none";
+				mrList_index[i].style.display="block";
+			}
+			categoryWidth = $('#divGnbTab').outerWidth();
+		}
+	}
+	
 	$(document).ready(function() {
 		//TOP BANNER close
 		$(document).on('click','#btn_close_bnr',function(e){