<%--
  Class Name : letterMessagesDetail.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 type="text/javascript" src="/js/txtByteChk.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();
	});
	
	var letterType = '${result.letterType}';
	//문자 종류가 장문이면 2000 으로 변경
	if(letterType == 'L'){
		
		limitByte = 2000;
		
	}
	//최초 로딩시 문자 바이트수 표시해 주기
	conByte($('#letterCn').val());
	
	//문자 바이트수 계산하기
	$('#letterCn').keyup(function(e){
		
		var totalByte = 0; 
		var content = $(this).val();
		
		content = conByte(content);
		
		//$('#letterCn').keyup();
		
	});//문자 바이트수 계산하기 끝
	
	// 문자종류 변경시 바이트 수 변경
	$("#letterType").on("change", function(){  
		
		var letterType = $('#letterType').val();
		var content = $('#letterCn').val();
		
		if(letterType == '11000'){
			
			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();	
}

 function fnUpdate(){
	
	var form = document.letterVO;
	
	if(form.chgPriority.value != form.oriPriority.value){
		form.priNum.value = form.chgPriority.value;
	}
	
	var letterType = $('#letterType').val();
	var conByte = conByteLeng($('#letterCn').val());
	
	if(letterType == '11000'){
		
		if(conByte > 90){
			
			alert("단문 문자 내용은 한글 45자, 90 Byte 이내 이어야 합니다.");
			return false;	
			
		}
		
	}else{
		
		if(conByte > 2000){
			
			alert("단문 문자 내용은 한글 1000자, 2000 Byte 이내 이어야 합니다.");
			return false;
			
		}
		
	}
	
	if(confirm("수정하시겠습니까?")){
		
		form.letterLen.value= conByte;
		form.action="<c:url value='/letter/messages/updateLetterMessages.do'/>";
		form.submit();
		
	}
	
}
 
 
 function fnDelete(){
	
	var form = document.letterVO;
	
	if(confirm("삭제하시겠습니까?")){
		
		form.action="<c:url value='/letter/messages/letterMessageDelete.do'/>";
		form.submit();
		
	}
	
} 
</script>
</head>
<body>
	<form:form commandName="letterVO" action="${pageContext.request.contextPath}/letter/messages/insertLetterMessages.do" name="letterVO" method="post" >
	<double-submit:preventer tokenKey="someKey" />
	<input type="hidden" id="letterId" name="letterId" value="<c:out value='${result.letterId}'/>"/>
    <input type="hidden" id="checkedIdForDel" name="checkedIdForDel" value="<c:out value='${result.letterId}'/>"/>
    <input type="hidden" id="letterLen" name="letterLen" value="<c:out value='${result.letterLen}'/>"/>
    <input type="hidden" name="gnrlUser" value="N"/>
    
    <input type="hidden" id="oriPriority" name="oriPriority" value="${resultPhotoList.priority}"/>
	<input type="hidden" id="priNum" name="priNum" value=""/>
	
	<input type="hidden" name="searchDiv"			value="<c:out value="${userSearchVO.searchDiv}" />"/>
	<input type="hidden" name="searchSortCnd"		value="<c:out value="${userSearchVO.searchSortCnd}" />"/>
	<input type="hidden" name="searchSortOrd"		value="<c:out value="${userSearchVO.searchSortOrd}" />"/>
	<input type="hidden" name="searchCondition"		value="<c:out value='${userSearchVO.searchCondition}'/>"/>
	<input type="hidden" name="searchKeyword"		value="<c:out value='${userSearchVO.searchKeyword}'/>"/>
	<input type="hidden" name="searchBestCategory"	value="<c:out value='${userSearchVO.searchBestCategory}'/>"/>
	<input type="hidden" name="pageUnit"			value="<c:out value='${userSearchVO.pageUnit}'/>"/>
	<input type="hidden" name="PageIndex"			value="<c:out value='${userSearchVO.pageIndex}'/> "/>
	
	<input type="hidden" name="searchTwoDptCategoryCode"	value="<c:out value='${userSearchVO.searchTwoDptCategoryCode}'/>"/>
	<input type="hidden" name="searchThrDptCategoryCode"	value="<c:out value='${userSearchVO.searchThrDptCategoryCode}'/>"/>
    
	<!-- 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" <c:if test="${result.letterType eq 'S'}">selected</c:if> >단문</option>
								<option value="L" <c:if test="${result.letterType eq 'L'}">selected</c:if> >장문</option>
	                        </select>
						</td>
					</tr>
					<tr>
						<!-- 뎁스별 카테고리 코드번호 -->
						<c:set var="strCateCode01" value="" />
                        <c:set var="strCateCode02" value="" />
                        <c:set var="strCateCode03" value="" />  
                        <!-- 뎁스별 부모 카테고리 코드번호 -->
                        <c:set var="strUpCateCode01" value="" />
                        <c:set var="strUpCateCode02" value="" />
                        <c:set var="strUpCateCode03" value="" />                    
                        <c:forEach var="cateCodeRegList" items="${cateCodeRegList}" varStatus="status">
                        	<c:choose>
                        		<c:when test="${cateCodeRegList.cateDepth == '1'}">
                        			<c:set var="strCateCode01" value="${cateCodeRegList.cateNo}" />
                        			<c:set var="strUpCateCode01" value="${cateCodeRegList.upperCateNo}" />
                        		</c:when>
                        		<c:when test="${cateCodeRegList.cateDepth == '2'}">
                        			<c:set var="strCateCode02" value="${cateCodeRegList.cateNo}" />
                        			<c:set var="strUpCateCode02" value="${cateCodeRegList.upperCateNo}" />
                        		</c:when>
                        		<c:otherwise>
                        			<c:set var="strCateCode03" value="${cateCodeRegList.cateNo}" />
                        			<c:set var="strUpCateCode03" value="${cateCodeRegList.upperCateNo}" />
                        		</c:otherwise>
                        	</c:choose>
                        </c:forEach>
						<th><span class="reqArea">카테고리</span></th>
						<td id="55">
							<input type="checkbox" name="bestCategory" id="bestCategory" value="Y" <c:if test="${result.bestCategory eq 'Y'}">checked=checked</c:if> />
							<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:if test="${strCateCode01 eq cateCodeList_one.cateNo }">selected</c:if> ><c:out value='${cateCodeList_one.cateNm}'/></option>
								</c:if>
	                        </c:forEach>
	                        </select>
	                        <select name="cateCodeDepth_02" id="cateCodeDepth_02" class="asset_sec_sort">
	                        	<option value="">선택</option>
		                        <c:forEach var="cateCodeList_two" items="${cateCodeList}" varStatus="status">
									<c:if test="${cateCodeList_two.cateDepth eq '2' && cateCodeList_two.upperCateNo eq strUpCateCode02}">
										<option value="<c:out value='${cateCodeList_two.cateNo}'/>" <c:if test="${strCateCode02 eq cateCodeList_two.cateNo }">selected</c:if> ><c:out value='${cateCodeList_two.cateNm}'/></option>
									</c:if>
		                        </c:forEach>
	                        </select>
	                        <select name="cateCodeDepth_03" id="cateCodeDepth_03" class="asset_sec_sort">
	                        	<option value="">선택</option>
		                        <c:forEach var="cateCodeList_three" items="${cateCodeList}" varStatus="status">
									<c:if test="${cateCodeList_three.cateDepth eq '3' && cateCodeList_three.upperCateNo eq strUpCateCode03}">
										<option value="<c:out value='${cateCodeList_three.cateNo}'/>" <c:if test="${strCateCode03 eq cateCodeList_three.cateNo }">selected</c:if> ><c:out value='${cateCodeList_three.cateNm}'/></option>
									</c:if>
		                        </c:forEach>
	                        </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" <c:if test="${result.memberType eq 'P'}">selected</c:if> >개인</option>
								<option value="B" <c:if test="${result.memberType eq 'B'}">selected</c:if> >기업</option>
	                        </select>
						</td>
					</tr> --%>
					<tr>
						<th><span class="reqArea">문자 제목</span></th>
						<td colspan="3">
							<form:input path="letterSj" id="letterSj" cssClass="txaIpt" size="50" value="${result.letterSj}"  maxlength="60" />
	               			<form:errors path="letterSj" cssClass="error" />						
	               		</td>
					</tr>
					<tr>
						<th><span class="reqArea">해쉬 태그</span></th>
						<td colspan="3">
							<form:input path="hashTag" id="hashTag" cssClass="txaIpt" size="50" value="${result.hashTag}"  maxlength="60" />
	               			<form:errors path="hashTag" cssClass="error" />						
	               		</td>
					</tr>
					<tr>
						<th><span class="reqArea">우선순위</span></th>
						<td colspan="3">
							<input type="text" id="chgPriority" name="chgPriority" value="${result.priority}" title="priority"/>
						</td>
					</tr>
					<tr>
						<th><span class="reqArea">문자 내용</span></th>
						<td>
							<textarea rows="20" cols="70" id="letterCn" name="letterCn">${result.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="fnUpdate(); return false;">
					<input type="button" class="btnType1" value="삭제" onclick="fnDelete(); 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>

