<%--
  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 type="text/javascript" src="/js/RSA/rsa.js"></script>
<script type="text/javascript" src="/js/RSA/jsbn.js"></script>
<script type="text/javascript" src="/js/RSA/prng4.js"></script>
<script type="text/javascript" src="/js/RSA/rng.js"></script>
<script src="/direct/js/jquery.nice-select.min.js"></script>
<script type="text/javascript" src="/js/txtByteChk.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();
	});
	
	//문자 바이트수 계산하기
	$('#letterCn').keyup(function(e){
		
		var totalByte = 0; 
		var content = $(this).val();
		$('#txtMsg').html();
		content = conByte(content);
		
		//$('#letterCn').keyup();
		
	});//문자 바이트수 계산하기 끝
	
	// 문자종류 변경시 바이트 수 변경
	$("#letterType").on("change", function(){  
		
		var letterType = $('#letterType').val();
		var content = $('#letterCn').val();
		
		if(letterType == 'S'){
			
			limitByte = 90;
			conByte(content);
			
		}else{
			
			limitByte = 2000;
			conByte(content);
		}
		
	});
	
	
});

//카테고리 옵션 선택 함수
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(){
	document.letterVO.action = "<c:url value='/letter/messages/letterMessagesList.do'/>";
    document.letterVO.submit();	
}

/* public String nl2br(String str) {
	String returnStr = null;
	returnStr = str.replaceAll("\r\n", "<br/>");
	return returnStr;
} */

 function fnRegist(){
	
	var form = document.letterVO;
	
	var letterType = $('#letterType').val();
	var conByte = conByteLeng($('#letterCn').val());
	
	var cateSelect1 = $("#cateCodeDepth_01").val();
	var cateSelect2 = $("#cateCodeDepth_02").val();
	if(letterType == 'S'){
		
		if(conByte > 90){
			
			alert("단문 문자 내용은 한글 45자, 90 Byte 이내 이어야 합니다.");
			return false;	
			
		}
		
	}else{
		
		if(conByte > 2000){
			
			alert("단문 문자 내용은 한글 1000자, 2000 Byte 이내 이어야 합니다.");
			return false;
			
		}
		
	}
	
	if(cateSelect1 == "" || cateSelect2 == "") {
		alert("카테고리 2Depth까지는 필수값입니다.");
		return false;
	}
	
	
	
	if(confirm("저장하시겠습니까?")){
		
		form.letterLen.value = conByte;
		form.action="<c:url value='/letter/messages/insertLetterMessages.do'/>";
		form.submit();
		
	}
	
}
</script>
</head>
<body>
	<form:form commandName="letterVO" action="${pageContext.request.contextPath}/letter/messages/insertLetterMessages.do" name="letterVO" method="post" >
	<input type="hidden" name="searchTwoDptCategoryCode"	value="<c:out value='${userSearchVO.searchTwoDptCategoryCode}'/>"/>
	<input type="hidden" name="searchThrDptCategoryCode"	value="<c:out value='${userSearchVO.searchThrDptCategoryCode}'/>"/>
	
	<double-submit:preventer tokenKey="someKey" />
		<input type="hidden" id="letterLen" name="letterLen" value="0"/>
	  
	<!-- 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="letterType" id="letterType" class="asset_sec_sort">
								<option value="S">단문</option>
								<option value="L">장문</option>
	                        </select>
						</td>
					</tr>
					<!-- <tr>
						<th><span class="reqArea">회원 종류</span></th>
						<td id="55">
	                        <select name="memberType" id="memberType" class="asset_sec_sort">
								<option value="P">개인</option>
								<option value="B">기업</option>
	                        </select>
						</td>
					</tr> -->
					<tr>
						<th><span class="reqArea">카테고리</span></th>
						<td id="55">
							<input type="checkbox" name="bestCategory" id="bestCategory" value="Y" />
							<label for="bestCategory" style="padding-right:15px">BEST</label>
	                        <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="letterSj" id="letterSj" cssClass="txaIpt" size="50"  maxlength="60" />
	               			<form:errors path="letterSj" cssClass="error" />						
	               		</td>
					</tr>
					<tr>
						<th>해쉬태그</th>
						<td colspan="3">
							<form:input path="hashTag" id="hashTag" cssClass="txaIpt" size="50"  maxlength="60" />
	               			<form:errors path="hashTag" cssClass="error" />						
	               		</td>
					</tr>
					<tr>
						<th><span class="reqArea">우선순위</span></th>
						<td colspan="3">
							<input type="text" name="priNum" value="" title="priNum" maxlength="100" />
						</td>
					</tr>
					<tr>
						<th><span class="reqArea">문자 내용</span></th>
						<td>
							<textarea rows="20" cols="70" id="letterCn" name="letterCn"></textarea>
						</td>
					</tr>
					<tr>
						<th><span class="reqArea">문자 Byte</span></th>
						<td>
							<span id="contByte" name="contByte"></span>&nbsp;&nbsp;&nbsp;<span id="txtMsg" name="txtMsg"></span>
						</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>

