전시 - 상품 순서 변경 팝업 개발중

src/main/webapp/WEB-INF/views/display/GoodsDispOrdChangePopupForm.html

@@ -25,6 +25,7 @@
 			<input type="hidden" id="cate3No" name="cate3No" th:value="${params.cate3No}"/>
 			<input type="hidden" id="cate4No" name="cate4No" th:value="${params.cate4No}"/>
 			<input type="hidden" id="searchGb" name="searchGb" value="BASIC"/>
+			<input type="hidden" id="cateCd" name="cateCd" th:value="${params.cateCd}"/>
 			<button type="button" class="btn btn-base btn-lg" id="btnSearch" style="display: none;">조회</button>
 			<div class="panelTitle">
 				<h2>상품 순서변경</h2>
@@ -35,9 +36,10 @@
 				<ul class="lrStyle">
 					<li class="aL"><font color="#1e90ff">* 상품은 왼쪽에서 오른쪽 순서대로 전시 됩니다.</font></li>
 					<li class="aR">
-						<button type="button" class="btn btn btn-info btn-sm">원 위치로</button>
-						<button type="button" class="btn btn btn-primary btn-sm">전시순서 초기화</button>
-						<button type="button" class="btn btn btn-dark btn-sm">저장</button>
+						<button type="button" class="btn btn-primary btn-lg leafCateBtn" id="btnPopupAddGoods">상품추가</button>
+						<button type="button" class="btn btn btn-info btn-sm" id="btnPopupReset">원 위치로</button>
+						<button type="button" class="btn btn btn-info btn-sm" id="btnPopupInit">전시순서 초기화</button>
+						<button type="button" class="btn btn btn-success btn-sm" id="btnPopupSave">저장</button>
 					</li>
 				</ul>
 				<!-- 상단 영역 END -->
@@ -89,6 +91,7 @@
 		gagaPaging.load(1);
 	}
 
+	var firstOrd = '';
 	var fnSelectCallBack = function (result){
 		$('#goodsDispOrdChangeForm').find('#gridRowTotalCount').html(result.pageing.pageable.totalCount.addComma());
 		$('#goodsDispOrdChangeForm').find('#pageNo').val(result.pageing.pageable.pageNo.addComma());
@@ -105,7 +108,7 @@
 				if(i==0){
 					firstOrd = resultList[i].dispOrd;
 				}
-				html+='<ul class="item ui-state-default" style="min-height:194px; ';
+				html+='<ul class="item ui-state-default" style="min-height:225px; ';
 				if(resultList[i].goodsStat!="90" || resultList[i].currStockQty<1){
 					html += 'background:#f5f5f5;';
 				}
@@ -135,8 +138,8 @@
 				html += '<li><span>재고 :</span><em>'+resultList[i].currStockQty+'</em></li>';
 				html += '<li>';
 				html += '<span>전시순서 :</span>';
-				html += '<input type="text" name="dispOrdEdit" value="" />';
-				html += '<input type="hidden" name="setDispOrd" value="'+resultList[i].dispOrd+'"/>';
+				html += '<input type="text" name="dispOrdEdit" value="'+resultList[i].dispOrd+'" />';
+				html += '<input type="text" name="setDispOrd" value="'+resultList[i].dispOrd+'"/>';
 				html += '</li>';
 				html += '</ul>';
 				html += '</li>';
@@ -175,7 +178,123 @@
 		$(".sortableWrap .itemWrap").css("width", setW+"px");
 	}
 
+	/**
+	 * 원위치 버튼
+	 */
+	$("#btnPopupReset").on("click", function(){
+		fnSearchPopup();
+	});
+
+	/**
+	 * 상품추가 버튼
+	 */
+	$("#btnPopupAddGoods").on("click", function(){
+		cfnOpenGoodsPopup('fnPopupAddGoods');
+	});
+
+	var fnPopupAddGoods = function(result){
+		mcxDialog.confirm('적용하시겠습니까?', {
+			cancelBtnText: "취소",
+			sureBtnText: "확인",
+			sureBtnClick: function(){
+				var multiGoods = [];
+				$.each(result, function(idx, item) {
+					multiGoods.push(item.goodsCd);
+				});
+
+				var data = {
+					mode : 'add'
+					,cateNo : $("#goodsDispOrdChangeForm input[name=cateCd]").val()
+					,multiGoods : multiGoods
+				}
+				var jsonData = JSON.stringify(data);
+				gagajf.ajaxJsonSubmit('/display/category/goods/save', jsonData, fnSearchPopup);
+				uifnPopupClose('popupGoods');
+			}
+		});
+	}
+
+	/**
+	 * 상품 삭제 버튼
+	 */
+	var fnPopupRemoveGoods = function (goodsCd){
+		mcxDialog.confirm('삭제하시겠습니까?', {
+			cancelBtnText: "취소",
+			sureBtnText: "확인",
+			sureBtnClick: function(){
+				var data = {
+					mode : 'delete'
+					,cateNo : $("#goodsDispOrdChangeForm input[name=cateCd]").val()
+					,goodsCd : goodsCd
+				};
+
+				var jsonData = JSON.stringify(data);
+				gagajf.ajaxJsonSubmit('/display/goods/dispord/change/delete', jsonData, fnSearchPopup);
+			}
+		});
+	}
+
+	/**
+	 * 전시초기화 클릭
+	 */
+	$("#btnPopupInit").on("click", function (){
+		mcxDialog.confirm('전시순서가 상품 등록일 순서로 초기화 됩니다.\n초기화 하시겠습니까?', {
+			cancelBtnText: "취소",
+			sureBtnText: "확인",
+			sureBtnClick: function(){
+				var data = {
+					cateNo : $("#goodsDispOrdChangeForm input[name=cateCd]").val()
+				};
+
+				var jsonData = JSON.stringify(data);
+				gagajf.ajaxJsonSubmit('/display/category/goods/dispord/init', jsonData, fnSearchPopup);
+			}
+		});
+	});
+
+	/**
+	 * 최상단/하단 이동 버튼
+	 */
+	var fnUpdownBtn = function (goodsCd, dispOrd, changeGb){
+		var msg = "최상단으로 이동시 바로 저장됩니다. 이동하시겠습니까?";
+		if(changeGb=='down'){
+			msg = "최하단으로 이동시 바로 저장됩니다. 이동하시겠습니까?";
+		}
+		mcxDialog.confirm(msg, {
+			cancelBtnText: "취소",
+			sureBtnText: "확인",
+			sureBtnClick: function(){
+				var data = {
+					goodsCdArr : goodsCd
+					,dispOrdArr : dispOrd
+					,changeGb : changeGb
+					,cateNo : $("#goodsDispOrdChangeForm input[name=cateCd]").val()
+				}
+				var jsonData = JSON.stringify(data);
+				gagajf.ajaxJsonSubmit('/display/category/goods/dispord/updown', jsonData, fnSearchPopup);
+
+			}
+		});
+	}
+
+	$("#btnPopupSave").on("click", function(){
+		mcxDialog.confirm('저장하시겠습니까?', {
+			cancelBtnText: "취소",
+			sureBtnText: "확인",
+			sureBtnClick: function(){
+				
+			}
+		});
+	});
+
 	$(document).ready(function() {
+		/*var selVal = $("#goodsDispOrdChangeForm input[name=selLvl]").val();
+
+		if($("#goodsDispOrdChangeForm input[name=selLvl]").val() > 2){
+			var cateVal =  $("#goodsDispOrdChangeForm input[name=cate"+(selVal-2)+"No]").val();
+			$("#goodsDispOrdChangeForm input[name=cateCd]").val(cateVal);
+		}*/
+
 		$("#sortable").sortable({
 			stop: function(event, ui) {
 				var pageNo = Number($("#pageNo").val());
@@ -185,7 +304,7 @@
 					firstOrd = Number(firstOrd);
 				}
 				$(".item").each(function(i){
-					$(this).find("input[name=dispOrd]").val(i+firstOrd);
+					$(this).find("input[name=setDispOrd]").val(i+firstOrd);
 				});
 			}
 		});