임시커밋

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

@@ -93,9 +93,9 @@
 			html += '</select>';
 			html += '<input name="dispOrd" type="text" class="w80"placeholder="전시순서" style="margin-left:5px; text-align:center"/>';
 			html += '</td>';
-			if(contentsLoc!='SCM002' && contentsLoc!='SCM003' && contentsLoc!='SMM011' && contentsLoc!='SBM012'){
+			if(contentsLoc!='SCM002' && contentsLoc!='SCM003'){
 				html += '<td class="aL">';
-				if(contentsLoc!='SMM005'){
+				if(contentsLoc!='SMM005'  && contentsLoc!='SMM011' && contentsLoc!='SBM012'){
 					html += '<button type="button" class="btn btn-base btn-lg" onclick="fnAddTitlePopRow(this);">타이틀추가</button>';
 				}
 				if(contentsLoc=='SMM001' || contentsLoc=='SMM002' || contentsLoc=='SBM004' || contentsLoc=='SBMM004' || contentsLoc=='SCM001'){
@@ -104,10 +104,12 @@
 				if(contentsLoc=='SBM005' || contentsLoc=='SBMM005'){
 					html += '<button type="button" class="btn btn-base btn-lg" onclick="fnAddBrandDescRow(this);">브랜드소개추가</button>';
 				}
-				if(contentsLoc!='SMM005' && contentsLoc!='SBM005' && contentsLoc!='SBMM005' && contentsLoc!='SGNB001'){
+				if(contentsLoc!='SMM005' && contentsLoc!='SBM005' && contentsLoc!='SBMM005' && contentsLoc!='SGNB001'  && contentsLoc!='SMM011' && contentsLoc!='SBM012'){
 					html += '<button type="button" class="btn btn-base btn-lg" onclick="fnAddImgPopRow(this);">이미지추가</button>';
 				}
-				html += '<button type="button" class="btn btn-base btn-lg" onclick="fnAddLinkPopRow(this);">링크추가</button>';
+				if(contentsLoc!='SMM011' && contentsLoc!='SBM012'){
+					html += '<button type="button" class="btn btn-base btn-lg" onclick="fnAddLinkPopRow(this);">링크추가</button>';
+				}
 				html += '<button type="button" class="btn btn-danger btn-lg" onclick="fnDeleteContentsRow(this);">삭제</button></td>';
 			}
 			html += '</tr>';
@@ -125,6 +127,42 @@
 				html += '	</td>';
 				html += '</tr>';
 			}
+			if(contentsLoc=='SMM011' || contentsLoc=='SBM012'){
+				html += '<tr class="cateTypeTr">';
+				html += '	<th>동영상구분</th>';
+				html += '	<td colspan="3">';
+				if(result[i].strVar1=='Y'){
+					html += '		<label class="rdoBtn"><input type="radio" name="tvPlayer'+i+'" value="Y" onclick="fnChangeTvPlayer(this,'+i+');" checked="checked" />YouTube</label>';
+					html += '		<label class="rdoBtn"><input type="radio" name="tvPlayer'+i+'" value="M" onclick="fnChangeTvPlayer(this,'+i+');"/>MP4</label>';
+				}else{
+					html += '		<label class="rdoBtn"><input type="radio" name="tvPlayer'+i+'" value="Y" onclick="fnChangeTvPlayer(this,'+i+');" />YouTube</label>';
+					html += '		<label class="rdoBtn"><input type="radio" name="tvPlayer'+i+'" value="M" onclick="fnChangeTvPlayer(this,'+i+');" checked="checked" />MP4</label>';
+				}
+				html += '	</td>';
+				html += '</tr>';
+				html += '<tr class="cateTypeTr" name="tvY'+i+'">';
+				html += '	<th>미디어<br>컨텐츠키</th>';
+				html += '	<td colspan="3">';
+				html += '		<input name="tvMediaKey'+i+'" type="text" maxlength="200" data-valid-name="미디어 컨텐츠키" value="'+result[i].strVar3+'"/>';
+				html += '	</td>';
+				html += '</tr>';
+				html += '<tr class="cateTypeTr" name="tvM'+i+'">';
+				html +='	<th>파일첨부<em className="required" title="필수"></em></th>';
+				html +='	<td className="infoTxt" colSpan="5">';
+				html +='		<div className="uFile w300">';
+				html +='			<input id="file" name="file" type="file" className="uFileInput w300"/>';
+				html +='			<label htmlFor="file" className="uFileLabel">파일선택</label>';
+				html +='			<input type="hidden" name="kufKey" value="'+result[i].strVar2+'"/>';
+				html +='			<input type="hidden" name="kmcKey"/>';
+				html +='		</div>';
+				// html +='		<button type="button" className="btn btn-dark btn-lg" onClick="cfnOpenGoodsVideoPopup("filmVideoView","kmcKey", "#detailForm", $("#videoGb").val());">미리보기</button>';
+				html +='	</td>';
+				// html += '	<th>업로드<br>파일키</th>';
+				// html += '	<td colspan="3">';
+				// html += '		<td><input name="tvFileKey'+dataIdx+'" type="text" maxlength="200" data-valid-name="업로드 파일키" value=""/></td>';
+				// html += '	</td>';
+				html += '</tr>';
+			}
 			if(contentsLoc=='SGNB001'){
 				html += '<tr class="cateTypeTr">';
 				html += '	<th>유형선택</th>';
@@ -330,7 +368,7 @@
 				html += '	</tr>';
 			}
 			html += '</thead><tbody>';
-			if(contentsLoc!='SCM002' && contentsLoc!='SCM003'){
+			if(contentsLoc!='SCM002' && contentsLoc!='SCM003' && contentsLoc!='SMM011' && contentsLoc!='SBM012'){
 				for(var j=1; j<5; j++){
 					var strTitle = eval("result["+i+"].strTitle" + j);
 					var imgPath = eval("result["+i+"].imgPath" + j);
@@ -367,6 +405,18 @@
 		tableLen = $(".mcTable").length;
 	}
 
+	var fnChangeTvPlayer = function (obj,idx){
+		let tvPlayer = $("#mcTable"+idx).find("input:radio[name=tvPlayer"+idx+"]:checked").val();
+
+		if(tvPlayer == 'Y'){
+			$(obj).closest("table").find("[name=tvY"+idx+"]").show();
+			$(obj).closest("table").find("[name=tvM"+idx+"]").hide();
+		}else{
+			$(obj).closest("table").find("[name=tvY"+idx+"]").show();
+			$(obj).closest("table").find("[name=tvM"+idx+"]").show();
+		}
+	}
+
 	var fnChangeGnbCateType = function (obj, idx){
 		let cateType = $("#mcTable"+idx).find("input:radio[name=cateType"+idx+"]:checked").val();
 
@@ -475,24 +525,34 @@
 		}
 		if(contentsLoc=='SMM011' || contentsLoc=='SBM012'){
 			html += '<tr class="cateTypeTr">';
-			html += '	<th>플레이어</th>';
-			html += '	<td colspan="3">';
-			html += '		<label class="rdoBtn"><input type="radio" name="tvPlayer'+dataIdx+'" value="Y" checked="checked"/>YouTube</label>';
-			html += '		<label class="rdoBtn"><input type="radio" name="tvPlayer'+dataIdx+'" value="M" />MP4</label>';
-			html += '	</td>';
-			html += '</tr>';
-			html += '<tr class="cateTypeTr">';
-			html += '	<th>업로드<br>파일키</th>';
+			html += '	<th>동영상구분</th>';
 			html += '	<td colspan="3">';
-			html += '		<td><input name="tvFileKey'+dataIdx+'" type="text" maxlength="200" data-valid-name="업로드 파일키" value=""/></td>';
+			html += '		<label class="rdoBtn"><input type="radio" name="tvPlayer'+dataIdx+'" value="Y" onclick="fnChangeTvPlayer(this,'+dataIdx+');" checked="checked" />YouTube</label>';
+			html += '		<label class="rdoBtn"><input type="radio" name="tvPlayer'+dataIdx+'" value="M" onclick="fnChangeTvPlayer(this,'+dataIdx+');"/>MP4</label>';
 			html += '	</td>';
 			html += '</tr>';
-			html += '<tr class="cateTypeTr">';
+			html += '<tr class="cateTypeTr" name="tvY'+dataIdx+'">';
 			html += '	<th>미디어<br>컨텐츠키</th>';
 			html += '	<td colspan="3">';
-			html += '		<td><input name="tvMediaKey'+dataIdx+'" type="text" maxlength="200" data-valid-name="미디어 컨텐츠키" value=""/></td>';
+			html += '		<input name="tvMediaKey'+dataIdx+'" type="text" maxlength="200" data-valid-name="미디어 컨텐츠키" value=""/>';
 			html += '	</td>';
 			html += '</tr>';
+			html += '<tr class="cateTypeTr" name="tvM'+dataIdx+'" style="display: none;">';
+			html +='	<th>파일첨부<em className="required" title="필수"></em></th>';
+			html +='	<td className="infoTxt" colSpan="5">';
+			html +='		<div className="uFile w300">';
+			html +='			<input id="file" name="file" type="file" className="uFileInput w300"/>';
+			html +='			<label htmlFor="file" className="uFileLabel">파일선택</label>';
+			html +='			<input type="hidden" name="kufKey"/>';
+			html +='			<input type="hidden" name="kmcKey"/>';
+			html +='		</div>';
+			// html +='		<button type="button" className="btn btn-dark btn-lg" onClick="cfnOpenGoodsVideoPopup("filmVideoView","kmcKey", "#detailForm", $("#videoGb").val());">미리보기</button>';
+			html +='	</td>';
+			// html += '	<th>업로드<br>파일키</th>';
+			// html += '	<td colspan="3">';
+			// html += '		<td><input name="tvFileKey'+dataIdx+'" type="text" maxlength="200" data-valid-name="업로드 파일키" value=""/></td>';
+			// html += '	</td>';
+			html += '</tr>';
 		}
 		if(contentsLoc=='SGNB001'){
 			html += '<tr class="cateTypeTr">';
@@ -792,6 +852,18 @@
 				i++;
 			});
 
+			if(contentsLoc=='SMM011'){
+				var thisIdx = $(this).find("input[name=tableIdx]").val();
+				$(this).find('input[name=kufKey]').each(function(){
+					var file = 'http://v.kr.kollus.com/'+$(this).find("input[name=tvMediaKey"+thisIdx+"]").val();
+					gagaKollus.upload('Display', file, $('input[name=kufKey]'));
+				});
+
+				strVar1 = $(this).find("input:radio[name=tvPlayer"+thisIdx+"]:checked").val();
+				strVar2 = $(this).find("input[name=tvMediaKey"+thisIdx+"]").val();
+				strVar3 = $(this).find("input[name=kufKey]").val();
+			}
+
 			var dispStdt = $(this).find("[name=dispStdt]").val().replace(/[^0-9]/g, '') + "" +$(this).find("[name=stTimeHour]").val().replace('시', '') + "" +$(this).find("[name=stTimeMin]").val().replace('분', '') + "00";
 			var dispEddt = $(this).find("[name=dispEddt]").val().replace(/[^0-9]/g, '') + "" +$(this).find("[name=edTimeHour]").val().replace('시', '') + "" +$(this).find("[name=edTimeMin]").val().replace('분', '') + "59";
 
@@ -1120,6 +1192,13 @@
 		return html;
 	}
 
+	// 동영상파일 선택 시
+	$('#popSortable input[name=file]').on('change', function() {
+		console.log('777');
+		var file = this.files[0];
+		gagaKollus.upload('Display', file, $('input[name=kufKey]'));
+	});
+
 	// 창닫기
 	var fnMainContentsPopupFormClose = function (){
 		uifnPopupClose('popupMainContents');