메인전시 GNB TOP배너 수정

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

@@ -108,6 +108,61 @@
 				html += '<button type="button" class="btn btn-danger btn-lg" onclick="fnDeleteContentsRow(this);">삭제</button></td>';
 			}
 			html += '</tr>';
+			if(contentsLoc=='SGNB001'){
+				html += '<tr class="cateTypeTr">';
+				html += '	<th>유형선택</th>';
+				html += '	<td colspan="3">';
+				if(result[i].contentsType=='OPEN'){
+					html += '		<label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="OPEN" onclick="fnChangeGnbCateType(this,'+i+');" checked="checked"/>오픈배너</label>';
+					html += '		<label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="IMG" onclick="fnChangeGnbCateType(this,'+i+');" />이미지배너</label>';
+					html += '		<label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="TEXT" onclick="fnChangeGnbCateType(this,'+i+');" />텍스트배너</label>';
+				}else if(result[i].contentsType=='IMG'){
+					html += '		<label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="OPEN" onclick="fnChangeGnbCateType(this,'+i+');" />오픈배너</label>';
+					html += '		<label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="IMG" onclick="fnChangeGnbCateType(this,'+i+');" checked="checked"/>이미지배너</label>';
+					html += '		<label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="TEXT" onclick="fnChangeGnbCateType(this,'+i+');" />텍스트배너</label>';
+				}else{
+					html += '		<label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="OPEN" onclick="fnChangeGnbCateType(this,'+i+');" />오픈배너</label>';
+					html += '		<label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="IMG" onclick="fnChangeGnbCateType(this,'+i+');" />이미지배너</label>';
+					html += '		<label class="rdoBtn"><input type="radio" name="cateType'+i+'" value="TEXT" onclick="fnChangeGnbCateType(this,'+i+');" checked="checked"/>텍스트배너</label>';
+				}
+				html += '	</td>';
+				html += '</tr>';
+				html += '	<tr name="tabBgColorRow'+i+'"';
+				if(result[i].contentsType=='IMG'){
+					html += 'style="display:none;"';
+				}
+				html += ' >';
+				html += '		<th>배경 RGB코드</th>';
+				html += '		<td><input name="gnbBgColor' + i + '" type="text" maxlength="200" data-valid-name="배경 RGB코드" value="' + result[i].strVar5 + '"/></td>';
+				html += '	</tr>';
+
+				html += '	<tr name="tabTextColorRow'+i+'"';
+				if(result[i].contentsType!='TEXT'){
+					html += 'style="display:none;"';
+				}
+				html += ' >';
+				html += '		<th>텍스트 RGB코드</th>';
+				html += '		<td><input name="gnbTextColor'+i+'" type="text" maxlength="200" data-valid-name="텍스트 RGB코드" value="' + result[i].strVar6 + '"/></td>';
+				html += '	</tr>';
+
+				html += '	<tr name="tabShowYnRow'+i+'"';
+				if(result[i].contentsType!='OPEN'){
+					html += 'style="display:none;"';
+				}
+				html += ' >';
+				html += '		<th>오늘하루 보지않기<br>노출여부</th>';
+				html += '		<td>';
+				if(result[i].strVar8=='Y'){
+					html += '			<label class="rdoBtn"><input type="radio" name="todayYn'+i+'" value="Y" checked="checked"/>노출</label>';
+					html += '			<label class="rdoBtn"><input type="radio" name="todayYn'+i+'" value="N" />비노출</label>';
+				}else{
+					html += '			<label class="rdoBtn"><input type="radio" name="todayYn'+i+'" value="Y" />노출</label>';
+					html += '			<label class="rdoBtn"><input type="radio" name="todayYn'+i+'" value="N" checked="checked"/>비노출</label>';
+				}
+
+				html += '		</td>';
+				html += '	</tr>';
+			}
 			if(contentsLoc=='SCM002' || contentsLoc=='SCM003'){
 				html += '		<tr>';
 				html += '			<th>전시 설정</th>';
@@ -261,6 +316,24 @@
 		tableLen = $(".mcTable").length;
 	}
 
+	var fnChangeGnbCateType = function (obj, idx){
+		let cateType = $("#mcTable"+idx).find("input:radio[name=cateType"+idx+"]:checked").val();
+
+		if(cateType=='OPEN'){
+			$(obj).closest("table").find("[name=tabBgColorRow"+idx+"]").show();
+			$(obj).closest("table").find("[name=tabShowYnRow"+idx+"]").show();
+			$(obj).closest("table").find("[name=tabTextColorRow"+idx+"]").hide();
+		}else if(cateType=='IMG'){
+			$(obj).closest("table").find("[name=tabBgColorRow"+idx+"]").hide();
+			$(obj).closest("table").find("[name=tabShowYnRow"+idx+"]").hide();
+			$(obj).closest("table").find("[name=tabTextColorRow"+idx+"]").hide();
+		}else if(cateType=='TEXT'){
+			$(obj).closest("table").find("[name=tabBgColorRow"+idx+"]").show();
+			$(obj).closest("table").find("[name=tabShowYnRow"+idx+"]").hide();
+			$(obj).closest("table").find("[name=tabTextColorRow"+idx+"]").show();
+		}
+	}
+
 	/**
 	 * 컨텐츠 추가 버튼
 	 */
@@ -316,6 +389,31 @@
 		}
 		html += '<button type="button" class="btn btn-danger btn-lg" onclick="fnDeleteContentsRow(this);">삭제</button></td>';
 		html += '</tr>';
+		if(contentsLoc=='SGNB001'){
+			html += '<tr class="cateTypeTr">';
+			html += '	<th>유형선택</th>';
+			html += '	<td colspan="3">';
+			html += '		<label class="rdoBtn"><input type="radio" name="cateType'+dataIdx+'" value="OPEN" onclick="fnChangeGnbCateType(this,'+dataIdx+');" checked="checked"/>오픈배너</label>';
+			html += '		<label class="rdoBtn"><input type="radio" name="cateType'+dataIdx+'" value="IMG" onclick="fnChangeGnbCateType(this,'+dataIdx+');"/>이미지배너</label>';
+			html += '		<label class="rdoBtn"><input type="radio" name="cateType'+dataIdx+'" value="TEXT" onclick="fnChangeGnbCateType(this,'+dataIdx+');"/>텍스트배너</label>';
+			html += '	</td>';
+			html += '</tr>';
+			html += '	<tr name="tabBgColorRow'+dataIdx+'">';
+			html += '		<th>배경 RGB코드</th>';
+			html += '		<td><input name="gnbBgColor'+dataIdx+'" type="text" maxlength="200" data-valid-name="배경 RGB코드" value=""/></td>';
+			html += '	</tr>';
+			html += '	<tr name="tabTextColorRow'+dataIdx+'" style="display:none;">';
+			html += '		<th>텍스트 RGB코드</th>';
+			html += '		<td><input name="gnbTextColor'+dataIdx+'" type="text" maxlength="200" data-valid-name="텍스트 RGB코드" value=""/></td>';
+			html += '	</tr>';
+			html += '	<tr name="tabShowYnRow'+dataIdx+'">';
+			html += '		<th>오늘하루 보지않기<br>노출여부</th>';
+			html += '		<td>';
+			html += '			<label class="rdoBtn"><input type="radio" name="todayYn'+dataIdx+'" value="Y" checked="checked"/>노출</label>';
+			html += '			<label class="rdoBtn"><input type="radio" name="todayYn'+dataIdx+'" value="N" />비노출</label>';
+			html += '		</td>';
+			html += '	</tr>';
+		}
 		if(contentsLoc=='SCM002' || contentsLoc=='SCM003'){
 			html += '		<tr>';
 			html += '			<th>전시 설정</th>';
@@ -603,6 +701,14 @@
 
 			var dispOrd = $(this).find("[name=dispOrd]").val();
 
+			if(contentsLoc=='SGNB001'){
+				var thisIdx = $(this).find("input[name=tableIdx]").val();
+				contentsType = $(this).find("input:radio[name=cateType"+thisIdx+"]:checked").val();
+				strVar5 = $(this).find("input[name=gnbBgColor"+thisIdx+"]").val();
+				strVar6 = $(this).find("input[name=gnbTextColor"+thisIdx+"]").val();
+				strVar8 = $(this).find("input:radio[name=todayYn"+thisIdx+"]:checked").val();
+			}
+
 			if(contentsLoc=='SMM001'){
 				var thisIdx = $(this).find("input[name=tableIdx]").val();
 				strVar5 = $(this).find("input:radio[name=contentsType"+thisIdx+"]:checked").val();