<%--
  Class Name : exhibitRegist.jsp
  Description : KCDF 소식 등록 화면
  Modification Information
 
      수정일      수정자              수정내용
     ----------  --------    ---------------------------
     2009.03.23   이삼섭        최초 생성
 
    author   : 공통서비스 개발팀 이삼섭
    since    : 2009.03.23
--%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator"%>
<%@ taglib prefix="ckeditor" uri="http://ckeditor.com"%>
<%
	pageContext.setAttribute("crlf", "\r\n");
%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Language" content="ko">
<link href="/js/font-awesome/css/font-awesome.min.css" rel="stylesheet">

<script type="text/javascript" src="/js/calendar.js"></script>
<script type="text/javascript" src="/js/EgovMultiFile.js"></script>
<script type="text/javascript" src="<c:url value="/validator.do"/>"></script>
<validator:javascript formName="resve" staticJavascript="false" xhtml="true" cdata="false" />
<script type="text/javascript">
	function fn_egov_select_list(pageNo) {
		document.searchForm.action = "<c:url value='/cop/exhibit/selectExhibitList.do'/>";
		document.searchForm.submit();
	}

	function fn_egov_insert() {
		var resSdate = document.resve.resSdate.value;
		var resEdate = document.resve.resEdate.value;
		if (resSdate > resEdate) {
			alert("행사기간 시작일은 종료일보다 작아야 합니다.");
			return;
		}
		
		CKEDITOR.instances.exExplain.updateElement();
		
		var exhibitSe = $("input[name='exhibitSe']:checked").val();
		if (exhibitSe == 'ca') {
			$("#exhibitRooms").val($("#exhibitRoomsView").val());
			$("#exhibitRoomsSe").val($("#exhibitRoomsSeView").val());
		} else {
			$("#exhibitRooms").val("-");
			$("#exhibitRoomsSe").val("-");

			// 화면 Valid 처리를 패스하기 위한
			var exhibitRoomsSeView = $("input[name='exhibitRoomsSeView']:checked").val();
			if (exhibitRoomsSeView == null) {
				$("#exhibitRoomsSeView").val("1");
				changeExhibitRoomsSe();
			}
		}
		
		if ($("[name=exhibitSe]:checked").val() == 'instt') {
			$("#exhibitRoomsView").val("-");
		}
		
		if (!validateResve(document.resve)) return;
		
		var thumbCnt = multi_selector.count;
		var imgCnt = multi_selector1.count;
		
		// 등록 편하기위해 임시 주석
		/* if (thumbCnt <= 1 || imgCnt <= 1) {
			alert("첨부파일은 필수 입력값입니다.");
			return;
		} */
		
		document.resve.action = "<c:url value='/cop/exhibit/insertExhibit.do'/>";
		document.resve.submit();
	}
	
	// 전시관 1depth 변경 시 
	function changeExhibitRoomsSe() {
		// 전시관 1depth
		var exhibitRoomsSeView = document.resve.exhibitRoomsSeView.value;
		// 전시관 2depth
		var spanRooms = $("#span_exhibit_rooms");
		
		// java valid 리턴 시
		//var exhibitRooms = "${searchVO.exhibitRooms}";
		var exhibitRooms = "";
		
		<%-- 문화역서울284 또한 텍스트로 입력. 고객 기능 수정요청 사항 0227 --%>
		var exhibitRoomsView = "";
		if ($("#exhibitRoomsView").val()) exhibitRoomsView = $("#exhibitRoomsView").val();
		var innerHtml = ""; 
		if (1==1 || exhibitRoomsSeView == "1") { // 문화역서울284
			// 문화역서울284
			/* innerHtml += "<select name='exhibitRoomsView' id='exhibitRoomsView' title='전시관'>";
			innerHtml += "<option value='1'>1전시관</option>";
			innerHtml += "<option value='2'>2전시관</option>";
			innerHtml += "<option value='4'>4전시관</option>";
			innerHtml += "<option value='5'>5전시관</option>";
			innerHtml += "</select>"; */
			
			innerHtml = "<input type='text' name='exhibitRoomsView' id='exhibitRoomsView' title='전시관' value='"+exhibitRoomsView+"' />"
			spanRooms.html(innerHtml);
			
		} else if (exhibitRoomsSeView == "2") { // 기타
			// 기타
			innerHtml = "<input type='text' name='exhibitRoomsView' id='exhibitRoomsView' title='전시관' value='"+exhibitRoomsView+"' />"
			spanRooms.html(innerHtml);
		}
	}
	
	// 구분 변경 시
	function exhibitSeChange() {
		var exhibitSe = $("input[name='exhibitSe']:checked").val();
		
		if (exhibitSe == 'ca') {
			$("#trExhibitRooms").show();
			$("#trLinkUrl").show();

			if ($("#exhibitRoomsSeView").val() == null) {
				$("#exhibitRoomsSeView").val("1");
				changeExhibitRoomsSe();
			}
		} else {
			$("#trExhibitRooms").hide();
			$("#trLinkUrl").hide();
			$("#linkUrl").val("");
		}
	}
	
	<%-- function testInput() {
		document.resve.exhibitSe.value="ca";
		document.resve.exName.value="ca 전시";
		document.resve.authorName.value="작가";
		
		document.resve.resSdate.value="2018-11-01";
		document.resve.resEdate.value="2018-11-02";
		document.resve.exHours.value="시간";
		document.resve.exExplain.value="전시내용";
	} --%>
	
	$(document).ready(function() {
		// 임시
		//testInput();
		
		// 구분
		exhibitSeChange();
		
		// java valid 리턴 시
		var exhibitRoomsSe = "${resve.exhibitRoomsSe}";
		var exhibitRooms = "${resve.exhibitRooms}";
		
		if (exhibitRoomsSe) document.resve.exhibitRoomsSeView.value = exhibitRoomsSe;
		// 전시관
		changeExhibitRoomsSe();
		if (exhibitRooms && exhibitRooms != '-') {
			document.resve.exhibitRoomsView.value = exhibitRooms;
		}
	});
</script>

<title>KCDF 소식 관리 등록</title>
<style>
	input[type=radio] {
		width:20px !important;
	}
</style>
</head>
<body>
	<div class="ad_content">
		<div class="ad_con_head">
			<div class="ad_head_text">
				<p class="today_txt">
					KCDF 소식 관리 등록
				</p>
				<div class="ad_head_ment">
					<p class="today_last_txt"><span id="cnt_cate_list"></span></p>
				</div>
			</div>
		</div>

		<div class="ad_subcon">
			<form:form commandName="searchForm" name="searchForm" method="get" action="">
				<input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>" />
				<input name="searchCnd" type="hidden" value="<c:out value='${searchVO.searchCnd}'/>" />
				<input name="searchWrd" type="hidden" value="<c:out value='${searchVO.searchWrd}'/>" />
			</form:form>
			
			<%-- <form name="frm" method="get" action=""> --%>
			<form:form commandName="resve" name="resve" method="post" action="" enctype="multipart/form-data">
				<input type="hidden" name="pageIndex" value="<c:out value='${searchVO.pageIndex}'/>">
				<input type="hidden" name="searchCnd" value="<c:out value='${searchVO.searchCnd}'/>" />
				<input type="hidden" name="searchWrd" value="<c:out value='${searchVO.searchWrd}'/>" />

				<input type="hidden" name="display" value="Y" />
				
				<!-- valid -->
				<input type="hidden" name="userName" value="이름" />
				<input type="hidden" name="userType" value="0" />
				<input type="hidden" name="companyName" value="null" />
				<input type="hidden" name="companyNumber" value="0" />
				<input type="hidden" name="telMobile1" value="0" />
				<input type="hidden" name="telMobile2" value="0" />
				<input type="hidden" name="telMobile3" value="0" />
				<input type="hidden" name="telHome1" value="0" />
				<input type="hidden" name="telHome2" value="0" />
				<input type="hidden" name="telHome3" value="0" />
				<input type="hidden" name="email" value="x@x.com" />
				<input type="hidden" name="email1" value="null" />
				<input type="hidden" name="email2" value="null" />
				<input type="hidden" name="selectExRoom" value="null" />
				<input type="hidden" name="resState" value="0" />
				<input type="hidden" name="portfolioAtchFileId" value="null" />

				<div class="main1_div2">
					<table class="main1_table">
						<tr>
							<th colspan="2">신청자 정보</th>
						</tr>
						<tr>
							<th><span class="star_t">* </span>구분</th>
							<td>
								<%-- <c:forEach var="i"  begin="1" end="2" step="1"  varStatus="status">
									<c:set var="j" value="${fn:length(userTypeList) - i }" />
									<form:radiobutton path="userType" value="${userTypeList[j].code}" 
										onchange="javascript:userTypeChange(); return false;" title="구분"/>
									${userTypeList[j].codeNm} 
								</c:forEach> --%>
								<form:radiobutton path="exhibitSe" value="ca" 
									onchange="javascript:exhibitSeChange(); return false;" title="구분"/>
								KCDF 소식 
								<form:radiobutton path="exhibitSe" value="instt" 
									onchange="javascript:exhibitSeChange(); return false;" title="구분"/>
								유관기관 
							</td>
						</tr>
						<tr>
							<th>대표이미지</th>
							<td>
								<div id="DIV_IMG_VIEW"></div>
							</td>
						</tr>
						<tr>
							<th><span class="star_t">* </span>행사명</th>
							<td>
								<form:input path="exName" title="행사명" />
								<br/><form:errors path="exName" />
							</td>
						</tr>
						<tr>
							<th><span class="star_t">* </span>작가명/단체명</th>
							<td>
								<form:input path="authorName" title="작가명/단체명" />
								<br/><form:errors path="authorName" />
							</td>
						</tr>
						<tr id="trExhibitRooms">
							<th><span class="star_t">* </span>전시관</th>
							<td>
								<%-- <form:select path="exhibitRoomsSeView" onchange="javascript:changeExhibitRoomsSe(); return false;" title="전시관">
									<form:option value="1">문화역서울284</form:option>
									<form:option value="2">기타</form:option>
								</form:select> --%>
								<select name="exhibitRoomsSeView" id="exhibitRoomsSeView" onchange="javascript:changeExhibitRoomsSe(); return false;" title="전시관">
									<option value="1">문화역서울284</option>
									<option value="2">기타</option>
								</select>
								<form:hidden path="exhibitRoomsSe"/>
								<form:hidden path="exhibitRooms"/>
								<span id="span_exhibit_rooms"></span>
							</td>
						</tr>
						<tr>
							<th><span class="star_t">* </span>행사기간(전시기간)</th>
							<td>
								<form:input path="resSdate" readonly="true" title="행사기간 시작일" />
								<button type="button" name="btnCal1" onclick="calendar(event, 'resSdate'); return false;">
									<i class="fa fa-calendar" aria-hidden="true"></i>
								</button>
								<label id='strDates'> ~ </label>
								<form:input path="resEdate" readonly="true" title="행사기간 종료일" />
								<button type="button" name="btnCal1" onclick="calendar(event, 'resEdate'); return false;">
									<i class="fa fa-calendar" aria-hidden="true"></i>
								</button>
								<br/><form:errors path="resSdate" />
								<br/><form:errors path="resEdate" />
							</td>
						</tr>
						<tr>
							<th><span class="star_t">* </span>관람시간</th>
							<td>
								<form:input path="exHours" title="관람시간" />
								<br/><form:errors path="exHours" />
							</td>
						</tr>
						<tr>
							<th><span class="star_t">* </span>행사구성 및 안내내용</th>
							<td>
								<form:textarea path="exExplain" title="행사구성 및 안내내용" rows="5" cols="30" />
								<ckeditor:replace replace="exExplain" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />
								<br/><form:errors path="exExplain" />
							</td>
						</tr>
						<tr>
							<th>썸네일이미지</th>
							<td colspan="10">
								<input name="file_1" id="thumbFileUploader" type="file" /> 썸네일 사이즈는 312X187입니다.
								<div id="thumbFileUploaderList"></div>
							</td>
						</tr>
						<tr>
							<th>대표이미지</th>
							<td colspan="10">
								<input name="file_2" id="imgFileUploader" type="file" />
								<div id="imgFileUploaderList"></div>
							</td>
						</tr>
						<tr id="trLinkUrl">
							<th>유튜브 동영상 링크</th>
							<td>
								<form:input path="linkUrl" title="유튜브 동영상 링크" cssStyle="width:500px;"  />
								<br/><form:errors path="linkUrl" />
							</td>
						</tr>
						<%-- <tr>
							<th><span class="star_t">* </span>최종수정일</th>
							<td>
								${result.lastUdate}
							</td>
						</tr> --%>
					</table>
					<script type="text/javascript">
						var maxFileSize = <c:out value='${maxFileSize/1024/1024}'/>;
						var maxThumbFileNum = <c:out value='${maxThumbFileNum}'/>;
						var maxImgFileNum = <c:out value='${maxImgFileNum}'/>;
						if (maxThumbFileNum == null || maxThumbFileNum == "") maxThumbFileNum = 0;
						if (maxImgFileNum == null || maxImgFileNum == "") maxImgFileNum = 0;
						
						maxThumbFileNum = "1";
						
						var multi_selector = new MultiSelector(document.getElementById('thumbFileUploaderList'),
								maxThumbFileNum, null, null, maxFileSize, null, 'thumb');
						multi_selector.addElement(document.getElementById('thumbFileUploader'));
						
						var multi_selector1 = new MultiSelector(document.getElementById('imgFileUploaderList'),
								maxImgFileNum, null, true, maxFileSize, null, 'img');
						multi_selector1.addElement(document.getElementById('imgFileUploader'));
					</script>
					
					<!-- 버튼 시작(상세지정 style로 div에 지정) -->
					<div class="main1_btn_div">
						<button class="main1_btn" onclick="javascript:fn_egov_select_list(); return false;">목록</button>
						<button class="main1_btn main1_save_btn" id="main1_save_btn" onclick="javascript:fn_egov_insert(); return false;">등록</button>
					</div>
					<!-- 버튼 끝 -->
				</div>
			</form:form>
		</div>
		
	</div>
	<!-- //content 끝 -->
</body>
</html>

