<%--
  Class Name : letterMessagesRegist.jsp
  Description : 문자 탭 카테고리 관리 등록, 수정 JSP
  Modification Information
 
      수정일         수정자                   수정내용
    -------    --------    ---------------------------
     2009.03.03   JJY              최초 생성
     2011.08.31   JJY       경량환경 버전 생성
 
    author   : 공통서비스 개발팀 JJY
    since    : 2009.03.03
--%>
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ 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="double-submit" uri="http://www.egovframe.go.kr/tags/double-submit/jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Language" content="ko" >
<title>문자 발송 카테고리 등록</title>
<script type="text/javascript" src="<c:url value="/validator.do"/>"></script>
<script type="text/javascript" src="<c:url value='/js/EgovCmmUtl.js'/>" ></script>
<!-- 암화화 순서에 유의 -->
<script src="/direct/js/jquery.nice-select.min.js"></script>
<link rel="stylesheet" href="/direct/css/nice-select.css">
<script type="text/javaScript" language="javascript" defer="defer">

var limitByte = 90;
$( document ).ready(function(){
	
	$('select').not(".displayN").niceSelect();
	
	$("#cateCodeDepth_01").on("change", function(){  
		setCateCode_01();
	});
	$("#cateCodeDepth_02").on("change", function(){  
		setCateCode_02();
	});
	
});

//카테고리 옵션 선택 함수
function setCateCode_01(){
	if(""==$("#cateCodeDepth_01").val()){ //빈값 선택
		$("#cateCodeDepth_02").niceSelect('destroy').hide();
		$("#cateCodeDepth_03").niceSelect('destroy').hide();
	}else{
		$('#cateCodeDepth_02').html($('#span_cate_'+$("#cateCodeDepth_01").val()).html().trim());
		$('#cateCodeDepth_02').niceSelect('update');
		$("#cateCodeDepth_02").niceSelect(); //display show 기능
		$("#cateCodeDepth_03").niceSelect('destroy').hide();
	}
}

function setCateCode_02(){
	if(""==$("#cateCodeDepth_02").val()){ //빈값 선택
		$("#cateCodeDepth_03").niceSelect('destroy').hide();
	}else{
		$('#cateCodeDepth_03').html($('#span_cate_'+$("#cateCodeDepth_02").val()).html().trim());
		$('#cateCodeDepth_03').niceSelect('update');
		$("#cateCodeDepth_03").niceSelect(); //display show 기능
	}
}

function fnListPage(){
	
	location.href="<c:url value='/letter/cateconf/categoryConfList.do'/>";

}

 function fnRegist(){
	
	var form = document.cateConfVO;
	
	if(form.categoryType.value == ""){
		
		alert("카테고리 타입을 선택해 주세요.");
		return false;
		
	}
	
	if(form.cateCodeDepth_01.value == ""){
		
		alert("카테고리를 선택해 주세요.");
		return false;
		
	}
	
	if(form.sort.value == ""){
		
		alert("카테고리 순서를 입력해 주세요.");
		return false;
		
	}else if(!Number(form.sort.value)){
		
		alert("순서는 숫자만 입력해 주세요.");
		return false;
		
	}
	
	if(confirm("저장하시겠습니까?")){
		
		form.action="<c:url value='/letter/cateconf/insertCategoryConf.do'/>";
		form.submit();
		
	}
	
}
</script>
</head>
<body>
	<form:form commandName="cateConfVO" action="${pageContext.request.contextPath}/letter/cateconf/categoryConfList.do" name="cateConfVO" method="post" >
	  
	<!-- cont -->
	<div class="contWrap">
		<div class="pageTitle">
			<div class="pageIcon"><img src="/pb/img/pageTitIcon4.png" alt=""></div>
			<h2 class="titType1 c_222222 fwBold">문자 발송 카테고리 등록</h2>
			<p class="tType6 c_999999">&nbsp;</p>
		</div>
		<div class="pageCont">
			<div class="listTop resisterList">
				<p class="right block fwMd"><span class="tType4 c_e40000 fwBold">*</span>는 필수입력 항목입니다.</p>
			</div>
			<table class="tbType2">
				<colgroup>
					<col style="width: 20%">
					<col style="width: 80%">
				</colgroup>
				<tbody>
					<tr>
						<th><span class="reqArea">카테고리 타입</span></th>
						<td id="55">
	                        <select name="categoryType" id="categoryType" class="asset_sec_sort">
	                        	<option value="N">일반인기</option>
	                        	<option value="C">맞춤제작</option>
	                        </select>
						</td>
					</tr>
					<tr>
						<th><span class="reqArea">카테고리 종류</span></th>
						<td id="55">
	                        <select name="cateCodeDepth_01" id="cateCodeDepth_01" class="asset_sec_sort">
	                        <option value="">선택</option>
	                        <c:forEach var="cateCodeList_one" items="${cateCodeList}" varStatus="status">
								<c:if test="${cateCodeList_one.cateDepth eq '1'}">
									<option value="<c:out value='${cateCodeList_one.cateNo}'/>"><c:out value='${cateCodeList_one.cateNm}'/></option>
								</c:if>
	                        </c:forEach>
	                        </select>
	                        <select name="cateCodeDepth_02" id="cateCodeDepth_02" class="asset_sec_sort displayN" style="display:none;" ></select>
	                        <select name="cateCodeDepth_03" id="cateCodeDepth_03" class="asset_sec_sort displayN" style="display:none;" ></select>
						</td>
					</tr>
					<tr>
						<th><span class="reqArea">카테고리 순서</span></th>
						<td colspan="3">
							<form:input path="sort" id="sort" cssClass="txaIpt" size="50"  maxlength="60" />
	               			<form:errors path="sort" cssClass="error" />						
	               		</td>
					</tr>
					<tr>
						<th><span class="reqArea">사용여부</span></th>
						<td id="55">
	                        <select name="useYn" id="useYn" class="asset_sec_sort">
	                        	<option value="Y">사용</option>
	                        	<option value="N">미사용</option>
	                        </select>
						</td>
					</tr>
				</tbody>
			</table>
			<div class="btnWrap">
					<input type="button" class="btnType1" value="저장" onclick="fnRegist(); return false;">
					<input type="button" class="btnType1 bg_888888" value="목 록" onclick="fnListPage(); return false;">
			</div>
		</div>
	</div>
</form:form>

<!-- selectbox 미리만들기 -->
<!-- 2뎁스 만들기 -->
<c:forEach var="hiddenResult_one" items="${orgHiddenList}" varStatus="status">
	<c:if test="${hiddenResult_one.depth eq '1'}">
		<span id="span_one_${hiddenResult_one.id}" style="display:none;">
		<option value="">선택</option>
		<c:forEach var="hiddenResult_two" items="${orgHiddenList}" varStatus="status"><c:if test="${hiddenResult_one.id eq hiddenResult_two.parent}"><option value="<c:out value='${hiddenResult_two.id}'/>"><c:out value='${hiddenResult_two.text}'/></option></c:if></c:forEach>
		</span>
	</c:if>
</c:forEach> 


<!-- cate 2 뎁스 만들기 -->
<c:forEach var="cateCodeList_one" items="${cateCodeList}" varStatus="status">
	<c:if test="${cateCodeList_one.cateDepth eq '1'}">
		<span id="span_cate_${cateCodeList_one.cateNo}" style="display:none;">
		<option value="">선택</option>
		<c:forEach var="cateCodeList_two" items="${cateCodeList}" varStatus="status">
		<c:if test="${cateCodeList_one.cateNo eq cateCodeList_two.upperCateNo}">
			<option value="<c:out value='${cateCodeList_two.cateNo}'/>">
			<c:out value='${cateCodeList_two.cateNm}'/></option>
		</c:if>
		</c:forEach>
		</span>
	</c:if>
</c:forEach> 

<!-- cate 3 뎁스 만들기 -->
<c:forEach var="cateCodeList_two" items="${cateCodeList}" varStatus="status">
	<c:if test="${cateCodeList_two.cateDepth eq '2'}">
		<span id="span_cate_${cateCodeList_two.cateNo}" style="display:none;">
		<option value="">선택</option>
		<c:forEach var="cateCodeList_three" items="${cateCodeList}" varStatus="status">
		<c:if test="${cateCodeList_two.cateNo eq cateCodeList_three.upperCateNo}">
			<option value="<c:out value='${cateCodeList_three.cateNo}'/>">
			<c:out value='${cateCodeList_three.cateNm}'/></option>
		</c:if>
		</c:forEach>
		</span>
	</c:if>
</c:forEach>

</body>
</html>

