테스트 수정

src/main/webapp/WEB-INF/views/goods/GoodsListForm.html

@@ -96,7 +96,7 @@
 						<th>품목</th>
 						<td>
 							<div class="multiCheckBox"  style="width:300px">
-								<button type="button" class="sltBtn">[전체]</button>
+								<button type="button" class="sltBtn" data-name="[전체]">[전체]</button>
 								<ul style="overflow:auto; height:170px;" id="grpItemkind">
 									<li><label class="chkBox" onclick="uifnAllCheck(this,'grpItemkind')"><input type="checkbox" name="전체선택" >전체선택</label></li>
 									<li th:if="${itemkindList}" th:each="oneData, status : ${itemkindList}"><label class="chkBox" data-group="grpItemkind"><input type="checkbox" name="multiItemkindCd" th:id="${'itemkindCd' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
@@ -106,7 +106,7 @@
 						<th>상품상태</th>
 						<td>
 							<div class="multiCheckBox"  style="width:200px">
-								<button type="button" class="sltBtn">[전체]</button>
+								<button type="button" class="sltBtn" data-name="[전체]">[전체]</button>
 								<ul style="overflow:auto; height:170px" id="grpGoodsStat">
 									<li><label class="chkBox" onclick="uifnAllCheck(this,'grpGoodsStat')"><input type="checkbox" name="전체선택" >전체선택</label></li>
 									<li th:if="${goodsStatList}" th:each="oneData, status : ${goodsStatList}"><label class="chkBox" data-group="grpGoodsStat"><input type="checkbox" name="multiGoodsStat" th:id="${'goodsStat' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
@@ -133,14 +133,14 @@
 								<option th:if="${seasonList}" th:each="oneData, status : ${seasonList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
 							</select> -->
 							<div class="multiCheckBox" style="width:140px;">
-								<button type="button" class="sltBtn">[전체]</button>
+								<button type="button" class="sltBtn" data-name="[전체]">[전체]</button>
 								<ul style="overflow:auto; height:140px" id="grpStyle">
 									<li><label class="chkBox" onclick="uifnAllCheck(this,'grpStyle')"><input type="checkbox" name="전체선택" id="multiStyleYear" >전체선택</label></li>
 									<li th:if="${styleYearList}" th:each="oneData, status : ${styleYearList}"><label class="chkBox" data-group="grpStyle"><input type="checkbox" name="multiStyleYear" th:id="${'styleYear' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
 								</ul>
 							</div>
 							<div class="multiCheckBox" style="width:170px;">
-								<button type="button" class="sltBtn">[전체]</button>
+								<button type="button" class="sltBtn" data-name="[전체]">[전체]</button>
 								<ul style="overflow:auto; height:170px" id="grpSeason">
 									<li><label class="chkBox" onclick="uifnAllCheck(this,'grpSeason')"><input type="checkbox" name="전체선택" id="multiSeasonCd" >전체선택</label></li>
 									<li th:if="${seasonList}" th:each="oneData, status : ${seasonList}"><label class="chkBox" data-group="grpSeason"><input type="checkbox" name="multiSeasonCd" th:id="${'seasonCd' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>

src/main/webapp/WEB-INF/views/goods/GoodsNaverPriceForm.html

@@ -67,17 +67,17 @@
 						<th rowspan="2">년도/시즌</th>
 						<td rowspan="2">
 							<div class="multiCheckBox" style="width:140px;">
-								<button type="button" class="sltBtn">[전체]</button>
-								<ul style="overflow:auto; height:140px">
-									<li><label class="chkBox"><input type="checkbox" name="전체선택" id="multiStyleYear" onclick="uifnAllCheck('multiStyleYear')">전체선택</label></li>
-									<li th:if="${styleYearList}" th:each="oneData, status : ${styleYearList}"><label class="chkBox"><input type="checkbox" name="multiStyleYear" th:id="${'styleYear' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
+							<button type="button" class="sltBtn" data-name="[전체]">[전체]</button>
+								<ul style="overflow:auto; height:140px" id="grpStyle">
+									<li><label class="chkBox" onclick="uifnAllCheck(this,'grpStyle')"><input type="checkbox" name="전체선택" id="multiStyleYear" >전체선택</label></li>
+									<li th:if="${styleYearList}" th:each="oneData, status : ${styleYearList}"><label class="chkBox" data-group="grpStyle"><input type="checkbox" name="multiStyleYear" th:id="${'styleYear' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
 								</ul>
 							</div>
 							<div class="multiCheckBox" style="width:170px;">
-								<button type="button" class="sltBtn">[전체]</button>
-								<ul style="overflow:auto; height:170px">
-									<li><label class="chkBox"><input type="checkbox" name="전체선택" id="multiSeasonCd" onclick="uifnAllCheck('multiSeasonCd')">전체선택</label></li>
-									<li th:if="${seasonList}" th:each="oneData, status : ${seasonList}"><label class="chkBox"><input type="checkbox" name="multiSeasonCd" th:id="${'seasonCd' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
+								<button type="button" class="sltBtn" data-name="[전체]">[전체]</button>
+								<ul style="overflow:auto; height:170px" id="grpSeason">
+									<li><label class="chkBox" onclick="uifnAllCheck(this,'grpSeason')"><input type="checkbox" name="전체선택" id="multiSeasonCd" >전체선택</label></li>
+									<li th:if="${seasonList}" th:each="oneData, status : ${seasonList}"><label class="chkBox" data-group="grpSeason"><input type="checkbox" name="multiSeasonCd" th:id="${'seasonCd' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
 								</ul>
 							</div>		
 						</td>

src/main/webapp/WEB-INF/views/goods/GoodsPopupListForm.html

@@ -79,17 +79,17 @@
 					<th>품목</th>
 					<td>
 						<div class="multiCheckBox"  style="width:300px">
-							<button type="button" class="sltBtn">[전체]</button>
+							<button type="button" class="sltBtn" data-name="[전체]">[전체]</button>
 							<ul style="overflow:auto; height:170px;" id="grpPItemkind">
-									<li><label class="chkBox" onclick="uifnAllCheck(this,'grpPItemkind')"><input type="checkbox" name="전체선택" >전체선택</label></li>
-									<li th:if="${itemkindList}" th:each="oneData, status : ${itemkindList}"><label class="chkBox" data-group="grpPItemkind"><input type="checkbox" name="multiItemkindCd" th:id="${'itemkindCd' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
-								</ul>
+								<li><label class="chkBox" onclick="uifnAllCheck(this,'grpPItemkind')"><input type="checkbox" name="전체선택" >전체선택</label></li>
+								<li th:if="${itemkindList}" th:each="oneData, status : ${itemkindList}"><label class="chkBox" data-group="grpPItemkind"><input type="checkbox" name="multiItemkindCd" th:id="${'itemkindCd' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
+							</ul>
 						</div>
 					</td>
 					<th>상품상태</th>
 					<td>
 						<div class="multiCheckBox"  style="width:200px">
-							<button type="button" class="sltBtn">[전체]</button>
+							<button type="button" class="sltBtn" data-name="[전체]">[전체]</button>
 							<ul style="overflow:auto; height:170px" id="grpPGoodsStat">
 								<li><label class="chkBox" onclick="uifnAllCheck(this,'grpPGoodsStat')"><input type="checkbox" name="전체선택" >전체선택</label></li>
 								<li th:if="${goodsStatList}" th:each="oneData, status : ${goodsStatList}"><label class="chkBox" data-group="grpPGoodsStat"><input type="checkbox" name="multiGoodsStat" th:id="${'goodsStat' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
@@ -117,18 +117,18 @@
 							<option th:if="${seasonList}" th:each="oneData, status : ${seasonList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
 						</select> -->
 						<div class="multiCheckBox" style="width:140px;">
-							<button type="button" class="sltBtn">[전체]</button>
-							<ul style="overflow:auto; height:140px" id="grpPStyle">
-								<li><label class="chkBox" onclick="uifnAllCheck(this,'grpPStyle')"><input type="checkbox" name="전체선택" id="multiStyleYear" >전체선택</label></li>
-								<li th:if="${styleYearList}" th:each="oneData, status : ${styleYearList}"><label class="chkBox" data-group="grpPStyle"><input type="checkbox" name="multiStyleYear" th:id="${'styleYear' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
-							</ul>
+							<button type="button" class="sltBtn" data-name="[전체]">[전체]</button>
+								<ul style="overflow:auto; height:140px" id="grpPStyle">
+									<li><label class="chkBox" onclick="uifnAllCheck(this,'grpPStyle')"><input type="checkbox" name="전체선택" id="multiStyleYear" >전체선택</label></li>
+									<li th:if="${styleYearList}" th:each="oneData, status : ${styleYearList}"><label class="chkBox" data-group="grpPStyle"><input type="checkbox" name="multiStyleYear" th:id="${'styleYear' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
+								</ul>
 						</div>
 						<div class="multiCheckBox" style="width:170px;">
-							<button type="button" class="sltBtn">[전체]</button>
+							<button type="button" class="sltBtn" data-name="[전체]">[전체]</button>
 							<ul style="overflow:auto; height:170px" id="grpPSeason">
-									<li><label class="chkBox" onclick="uifnAllCheck(this,'grpPSeason')"><input type="checkbox" name="전체선택" id="multiSeasonCd" >전체선택</label></li>
-									<li th:if="${seasonList}" th:each="oneData, status : ${seasonList}"><label class="chkBox" data-group="grpPSeason"><input type="checkbox" name="multiSeasonCd" th:id="${'seasonCd' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
-								</ul>
+								<li><label class="chkBox" onclick="uifnAllCheck(this,'grpPSeason')"><input type="checkbox" name="전체선택" id="multiSeasonCd" >전체선택</label></li>
+								<li th:if="${seasonList}" th:each="oneData, status : ${seasonList}"><label class="chkBox" data-group="grpPSeason"><input type="checkbox" name="multiSeasonCd" th:id="${'seasonCd' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
+							</ul>
 						</div>
 					</td>
 					<th>연령대</th>

src/main/webapp/WEB-INF/views/goods/GoodsQuikDeliverySkipForm.html

@@ -72,19 +72,19 @@
 						<th >년도/시즌</th>
 						<td colspan="5">
 							<div class="multiCheckBox" style="width:140px;">
-								<button type="button" class="sltBtn">[전체]</button>
+								<button type="button" class="sltBtn" data-name="[전체]">[전체]</button>
 								<ul style="overflow:auto; height:140px" id="grpStyle">
 									<li><label class="chkBox" onclick="uifnAllCheck(this,'grpStyle')"><input type="checkbox" name="전체선택" id="multiStyleYear" >전체선택</label></li>
 									<li th:if="${styleYearList}" th:each="oneData, status : ${styleYearList}"><label class="chkBox" data-group="grpStyle"><input type="checkbox" name="multiStyleYear" th:id="${'styleYear' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
 								</ul>
 							</div>
 							<div class="multiCheckBox" style="width:170px;">
-								<button type="button" class="sltBtn">[전체]</button>
+								<button type="button" class="sltBtn" data-name="[전체]">[전체]</button>
 								<ul style="overflow:auto; height:170px" id="grpSeason">
 									<li><label class="chkBox" onclick="uifnAllCheck(this,'grpSeason')"><input type="checkbox" name="전체선택" id="multiSeasonCd" >전체선택</label></li>
 									<li th:if="${seasonList}" th:each="oneData, status : ${seasonList}"><label class="chkBox" data-group="grpSeason"><input type="checkbox" name="multiSeasonCd" th:id="${'seasonCd' + oneData.cd}" th:value="${oneData.cd}" ><th:block th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></th:block></label></li>
 								</ul>
-							</div>		
+							</div>	
 						</td>
 					</tr>
 					<tr>

src/main/webapp/ux/js/admin.ui.js

@@ -200,6 +200,7 @@ $(document).ready(function(){
 	});
 
 	//multiCheckBox : Header Click
+	var mcbNowIdx;
 	$(document).on("click", ".multiCheckBox .sltBtn", function(){
 		//닫기-----
 		if($(this).hasClass("on")){
@@ -219,8 +220,8 @@ $(document).ready(function(){
 		}
 		//열기-----
 		else {
-			//활성화된 타 multiCheckBox 처리
-			let openObj = $(".multiCheckBox .sltBtn.on").parents(".multiCheckBox");
+			//활성화된 타 multiCheckBox 처리-----------------
+			let openObj = $(document).find(".multiCheckBox .sltBtn.on").parent(".multiCheckBox");
 			let frtTxt = openObj.find("label[data-group] input:checked").parent().eq(0).text();
 			let chkLen = openObj.find("label[data-group] input:checked").length;
 			let chkCnt = chkLen - 1;
@@ -233,18 +234,24 @@ $(document).ready(function(){
 			} else {				//체크 값이 있을때
 				$(".multiCheckBox .sltBtn.on").text(frtTxt + " 외 " +chkCnt).removeClass("on");
 			};
-			//현재 multiCheckBox 처리
-			$(this).next("ul").css({display:"block"}); //체크 리스트 닫기
+			//현재 multiCheckBox 처리------------
+			$(this).next("ul").css({display:"block"}); //체크 리스트 열기
 			$(this).addClass("on");
+
+			$(document).find(".multiCheckBox").each(function(i, e){
+				if( $(this).find(".sltBtn").hasClass("on")){
+					mcbNowIdx =  i;
+					//console.log("버튼 클릭시 : "+ i);
+				}
+			});
 		}
 	});
 
 	//Focus Out
 	$(document).on("click", function(e){
 		//multiCheckBox----------------------------------------------
-		if ( $(".multiCheckBox") != undefined ) {
-			let nowIdx = $(".multiCheckBox .sltBtn.on").parent().index();
-			let openObj = $(".multiCheckBox").eq(nowIdx);
+		if ( $(document).find(".multiCheckBox") != undefined ) {
+			let openObj = $(".multiCheckBox").eq(mcbNowIdx); //console.log("바닥 클릭시 : "+ mcbNowIdx);
 			if ( $(e.target).parents(".multiCheckBox").length == 0 ) {
 				let chkLen = openObj.find("label[data-group] input:checked").length;
 				let chkCnt = chkLen - 1;
@@ -262,72 +269,6 @@ $(document).ready(function(){
 		}
 	});
 
-	//Focus Out : multiCheckBox
-	function mcBoxfocusOut(){
-		let nowIdx = $(".multiCheckBox .sltBtn.on").parent().index();
-		let openObj = $(".multiCheckBox").eq(nowIdx);
-		if ( $(e.target).parents(".multiCheckBox").length == 0 ) {
-			let chkLen = openObj.find("label[data-group] input:checked").length;
-			let chkCnt = chkLen - 1;
-			let frtTxt = openObj.find("label[data-group] input:checked").parent().eq(0).text();
-			openObj.find("ul").css({display:"none"});
-			if ( chkLen == 0 ){		//체크 값이 없을때
-				let btnNm = '선택하세요';
-				$(".multiCheckBox .sltBtn.on").text(btnNm).removeClass("on");
-			} else {				//체크 값이 있을때
-				$(".multiCheckBox .sltBtn.on").text(frtTxt + " 외 " +chkCnt).removeClass("on");
-			};
-		}
-	};
-
-/*
-	var body = document.querySelector("body");
-	body.addEventListener('click', clickBodyEvent);
-
-	function clickBodyEvent(event) {
-		var target = event.target;
-
-		var ClassTag = event.currentTarget.querySelector(".multiCheckBox")
-		var btnTag = event.currentTarget.querySelector(".multiCheckBox").querySelector("button");
-		var ulTags = event.currentTarget.querySelector(".multiCheckBox").querySelector("ul");
-		var liTags = event.currentTarget.querySelector(".multiCheckBox").querySelector("ul").querySelectorAll("li");
-		var labTags = event.currentTarget.querySelector(".multiCheckBox").querySelector("ul").querySelector("li").querySelector("label");
-
-		console.log(ClassTag);
-
-
-		if(target != ClassTag && target != ulTags  && target != liTags && target != btnTag &&  target != labTags ) {
-			console.log(target);
-			var liTags = event.currentTarget.querySelector(".multiCheckBox").querySelector("ul").querySelector("li");
-			for (var i=0; i<liTags.length; i++) {
-				if( liTags[i] == target ) {
-					return false;
-				 } else {
-					$(document).find(".multiCheckBox .sltBtn").removeClass("on");
-					$(document).find(".multiCheckBox ul").css({display:"none"});
-					$(document).find(".multiCheckBox").addClass("on");
-					return;
-				 }
-			};
-			$(document).find(".multiCheckBox .sltBtn").removeClass("on");
-					$(document).find(".multiCheckBox ul").css({display:"none"});
-					$(document).find(".multiCheckBox").addClass("on");
-
-		}
-
-
-		// 3. review_textarea 영역이면 pass
-		//if( target == event.currentTarget.querySelector(".review_textarea") )return;
-
-		var reviewWriteInfo = event.currentTarget.querySelector(".review_write_info");
-		reviewWriteInfo.style.display = "block";
-		reviewWriteInfo.querySelectorAll("span").forEach( spanTag => {
-			spanTag.style.display = "block";
-		});
-	} 	*/
-
-
-
 
 	//햄버거버튼 : LNB 숨김(전체화면 보기)
 	$(document).on("click",".lnbClose",function(){