기획전템플릿 뷰작업

src/main/webapp/WEB-INF/views/marketing/PlanDetailPopupForm.html

@@ -14,7 +14,7 @@
  * 1.0  2020.02.04   sowon   최초 작성
  *******************************************************************************
  -->
-<div class="modalPopup" data-width="1135" id="planRegisterFormDiv">
+<div class="modalPopup" data-width="1160" id="planRegisterFormDiv">
 	<div class="panelStyle">
 		<div class="panelTitle">
 			<h2 th:text="${'기획전 ' + (mode == 'N' ? '등록' : '수정')}"></h2>

src/main/webapp/WEB-INF/views/marketing/PlanTemplatePopupForm.html

@@ -14,7 +14,7 @@
  * 1.0  2021.02.18   sowon 		  최초 작성
  *******************************************************************************
  -->
-<div class="modalPopup" data-width="1200" data-height="800" id="popupPlanTemplate">
+<div class="modalPopup" data-width="1200" data-height="730" id="popupPlanTemplate">
 	<div class="panelStyle" style="height: 750px;">
 		<div class="panelTitle">
 			<strong>기획전 템플릿</strong>
@@ -30,7 +30,7 @@
 				<div class="panelStyle" style="margin: unset;">
 					<!-- TITLE -->
 					<div class="panelTitle">
-						<h2>리뷰 구간</h2>
+						<h2>리뷰 조회</h2>
 						<span class="panelControl"> 
 							<i class="fa inner-fa-chevron-up"></i> <!-- 열림/닫힘 화살표 -->
 						</span>
@@ -46,17 +46,26 @@
 								<tr>
 									<th>리뷰</th>
 									<td>
+										<table  class="frmStyle">
+											<tr>
+												<th>리뷰 타이틀</th>
+												<td>
+													<input type="text" value="" class="w300 aR">
+												</td>
+											</tr>
+											<tr>
+												<th>전시순서</th>
+												<td><input type="text" value="" placeholder="1" class="w100 aR"></td>
+											</tr>
+										</table>
 										<div class="padding10">
 											<span class="buttonSpan">
-												<button type="button" class="btn btnRight btn-success btn-lg" id="">리뷰조회</button>
+												<button type="button" class="btn btnRight btn-success btn-lg" id="">상품조회</button>
 												<button type="button" class="btn btnRight btn-success btn-lg" id="">행삭제</button>
 											</span> <br />
 											<div id="gridListPlanReview" style="width: 100%; height: 200px;" class="ag-theme-balham"></div>
 										</div>
 									</td>
-									
-									<th>전시순서</th>
-									<td><input type="text" value="" placeholder="1" class="w100 aR"></td>
 								</tr>
 							</table>
 						</div>
@@ -84,6 +93,18 @@
 								<tr>
 									<th>쿠폰</th>
 									<td>
+										<table  class="frmStyle">
+											<tr>
+												<th>쿠폰 타이틀</th>
+												<td>
+													<input type="text" value="" class="w300 aR">
+												</td>
+											</tr>
+											<tr>
+												<th>전시순서</th>
+												<td><input type="text" value="" placeholder="1" class="w100 aR"></td>
+											</tr>
+										</table>
 										<div class="padding10">
 											<span class="buttonSpan">
 												<button type="button" class="btn btnRight btn-success btn-lg" id="">쿠폰 조회</button>
@@ -92,9 +113,6 @@
 											<div id="gridListPlanCoupon" style="width: 100%; height: 200px;" class="ag-theme-balham"></div>
 										</div>
 									</td>
-									
-									<th>전시순서</th>
-									<td><input type="text" value="" placeholder="2" class="w100 aR"></td>
 								</tr>
 							</table>
 						</div>
@@ -125,12 +143,12 @@
 										<div id="registeredFile"></div>
 										<div style="display: block">
 											<select name="fileCnt" id="fileCnt">
-												<th:block th:each="num: ${#numbers.sequence(1,5)}">
+												<th:block th:each="num: ${#numbers.sequence(1,10)}">
 													<option th:value="${num}" th:text="${num}"></option>
 												</th:block>
-											</select>* 파일 개수 선택(5개까지 가능)
+											</select>* 파일 개수 선택(10개까지 가능)
 										</div>
-										<th:block th:each="num: ${#numbers.sequence(1,5)}">
+										<th:block th:each="num: ${#numbers.sequence(1,10)}">
 											<div>
 												<div class="uFile w500">
 													<input type="file" th:id="${'file' + num}" th:name="${'file' + num}" class="uFileInput w500"/>
@@ -156,11 +174,58 @@
 				<div class="panelStyle" style="margin: unset;">
 					<!-- TITLE -->
 					<div class="panelTitle">
-						<h2>HTML</h2>
-						<select>
+						<h2>HTML [상단]</h2>
+						<!-- <select>
+							<option>상단</option>
+							<option>하단</option>
+						</select> -->
+						<span class="panelControl"> 
+							<i class="fa inner-fa-chevron-up"></i> <!-- 열림/닫힘 화살표 -->
+						</span>
+					</div>
+					<!-- //TITLE -->
+					<div class="inner-panelContent">
+						<div class="panelContent">
+							<table class="frmStyle">
+								<colgroup>
+									<col width="10%" />
+									<col width="90%" />
+								</colgroup>
+								<tr>
+									<th>웹용소스</th>
+									<td colspan="5">
+										<div style="margin-top:5px;">
+											<textarea name="fsrcPc1" id="fsrcPcDetail1" rows="15" cols="95" style="width:1280px;"></textarea>
+										</div>
+									</td>
+								</tr>
+								<tr>
+									<th>모바일용소스</th>
+									<td colspan="5">
+										<div style="margin-top:5px;">
+											<textarea name="fsrcMobile1" id="fsrcMobileDetail1" rows="15" cols="95" style="width:1280px;"></textarea>
+										</div>
+									</td>
+								</tr>
+								<tr>
+									<th colspan="2">전시순서</th>
+									<td><input type="text" value="" placeholder="4" class="w100 aR"></td>
+								</tr>
+							</table>
+						</div>
+					</div>
+				</div>
+			</div>
+			
+			<div class="panelContent">
+				<div class="panelStyle" style="margin: unset;">
+					<!-- TITLE -->
+					<div class="panelTitle">
+						<h2>HTML [하단]</h2>
+						<!-- <select>
 							<option>상단</option>
 							<option>하단</option>
-						</select>
+						</select> -->
 						<span class="panelControl"> 
 							<i class="fa inner-fa-chevron-up"></i> <!-- 열림/닫힘 화살표 -->
 						</span>
@@ -177,7 +242,7 @@
 									<th>웹용소스</th>
 									<td colspan="5">
 										<div style="margin-top:5px;">
-											<textarea name="fsrcPc" id="fsrcPcDetail" rows="15" cols="95" style="width:1280px;"></textarea>
+											<textarea name="fsrcPc2" id="fsrcPcDetail2" rows="15" cols="95" style="width:1280px;"></textarea>
 										</div>
 									</td>
 								</tr>
@@ -185,7 +250,7 @@
 									<th>모바일용소스</th>
 									<td colspan="5">
 										<div style="margin-top:5px;">
-											<textarea name="fsrcMobile" id="fsrcMobileDetail" rows="15" cols="95" style="width:1280px;"></textarea>
+											<textarea name="fsrcMobile2" id="fsrcMobileDetail2" rows="15" cols="95" style="width:1280px;"></textarea>
 										</div>
 									</td>
 								</tr>
@@ -199,7 +264,7 @@
 				</div>
 			</div>
 			
-					<!-- 팡업창 하단부분 시작 -->
+					<!-- 팝업창 하단부분 시작 -->
 		
 		<div class="panelStyle" style="margin:unset;">
 				<!-- TITLE -->
@@ -245,6 +310,24 @@
 															<label class="rdoBtn"><input type="radio" name="goodsCpr" value="4"/>4개</label>
 														</td>
 													</tr>
+													<tr>
+														<th>상품 타이틀</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>상품 링크</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>전시 순서</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
 												</table>
 												<ul class="panelBar">
 													<li class="left">
@@ -288,6 +371,24 @@
 															<label class="rdoBtn"><input type="radio" name="goodsCpr2" value="4"/>4개</label>
 														</td>
 													</tr>
+													<tr>
+														<th>상품 타이틀</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>상품 링크</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>전시 순서</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
 												</table>
 												<ul class="panelBar">
 													<li class="left">
@@ -331,6 +432,24 @@
 															<label class="rdoBtn"><input type="radio" name="goodsCpr3" value="4"/>4개</label>
 														</td>
 													</tr>
+													<tr>
+														<th>상품 타이틀</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>상품 링크</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>전시 순서</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
 												</table>
 												<ul class="panelBar">
 													<li class="left">
@@ -374,6 +493,24 @@
 															<label class="rdoBtn"><input type="radio" name="goodsCpr4" value="4"/>4개</label>
 														</td>
 													</tr>
+													<tr>
+														<th>상품 타이틀</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>상품 링크</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>전시 순서</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
 												</table>
 												<ul class="panelBar">
 													<li class="left">
@@ -417,6 +554,24 @@
 															<label class="rdoBtn"><input type="radio" name="goodsCpr5" value="4"/>4개</label>
 														</td>
 													</tr>
+													<tr>
+														<th>상품 타이틀</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>상품 링크</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>전시 순서</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
 												</table>
 												<ul class="panelBar">
 													<li class="left">
@@ -460,6 +615,24 @@
 															<label class="rdoBtn"><input type="radio" name="goodsCpr6" value="4"/>4개</label>
 														</td>
 													</tr>
+													<tr>
+														<th>상품 타이틀</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>상품 링크</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>전시 순서</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
 												</table>
 												<ul class="panelBar">
 													<li class="left">
@@ -503,6 +676,24 @@
 															<label class="rdoBtn"><input type="radio" name="goodsCpr7" value="4"/>4개</label>
 														</td>
 													</tr>
+													<tr>
+														<th>상품 타이틀</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>상품 링크</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>전시 순서</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
 												</table>
 												<ul class="panelBar">
 													<li class="left">
@@ -546,6 +737,24 @@
 															<label class="rdoBtn"><input type="radio" name="goodsCpr8" value="4"/>4개</label>
 														</td>
 													</tr>
+													<tr>
+														<th>상품 타이틀</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>상품 링크</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>전시 순서</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
 												</table>
 												<ul class="panelBar">
 													<li class="left">
@@ -589,6 +798,24 @@
 															<label class="rdoBtn"><input type="radio" name="goodsCpr9" value="4"/>4개</label>
 														</td>
 													</tr>
+													<tr>
+														<th>상품 타이틀</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>상품 링크</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>전시 순서</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
 												</table>
 												<ul class="panelBar">
 													<li class="left">
@@ -632,6 +859,24 @@
 															<label class="rdoBtn"><input type="radio" name="goodsCpr10" value="4"/>4개</label>
 														</td>
 													</tr>
+													<tr>
+														<th>상품 타이틀</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>상품 링크</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
+													<tr>
+														<th>전시 순서</th>
+														<td>
+															<input type="text" value="" class="w300 aR">
+														</td>
+													</tr>
 												</table>
 												<ul class="panelBar">
 													<li class="left">
@@ -959,12 +1204,12 @@
 	
 	// 첨부파일 개수 선택시
 	$("#fileCnt").on("change", function() {
-		for (var i = 1; i <= 5; i++) {
+		for (var i = 1; i <= 10; i++) {
 			$('#file' + i).parent().parent().show();
 		}
 
 		var fileCnt = $(this).val();
-		for (var i = 5; i > fileCnt; i--) {
+		for (var i = 10; i > fileCnt; i--) {
 			$('#file' + i).parent().parent().hide();
 		}
 	});
@@ -975,6 +1220,12 @@
 	$('#file3').on('change', function() { fnChooseFile(this, 3); });
 	$('#file4').on('change', function() { fnChooseFile(this, 4); });
 	$('#file5').on('change', function() { fnChooseFile(this, 5); });
+	$('#file6').on('change', function() { fnChooseFile(this, 6); });
+	$('#file7').on('change', function() { fnChooseFile(this, 7); });
+	$('#file8').on('change', function() { fnChooseFile(this, 8); });
+	$('#file9').on('change', function() { fnChooseFile(this, 9); });
+	$('#file10').on('change', function() { fnChooseFile(this, 10); });
+	
 
 	var fnChooseFile = function(obj, fileNo) {
 		// multiple 속성이 있으면 files에는 다수의 객체가 할당됨
@@ -995,8 +1246,10 @@ $(document).ready(function() {
 		
 		
 		// 썸머노트 그리기
-		gagaSn.createSummernote(snOptions, '#fsrcPcDetail');
-		gagaSn.createSummernote(snOptions, '#fsrcMobileDetail');
+		gagaSn.createSummernote(snOptions, '#fsrcPcDetail1');
+		gagaSn.createSummernote(snOptions, '#fsrcMobileDetail1');
+		gagaSn.createSummernote(snOptions, '#fsrcPcDetail2');
+		gagaSn.createSummernote(snOptions, '#fsrcMobileDetail2');
 		
 		// 그리드 그리기
 		gagaAgGrid.createGrid("gridListPlanReview", gridOptionsPlanReviewList);