<%--
  Class Name : EgovUserSelectUpdt.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>
	<link rel="stylesheet" href="/direct/css/font.css">
	<link rel="stylesheet" href="/direct/css/reset.css">
	<link rel="stylesheet" href="/direct/css/index.css">
	<link rel="stylesheet" href="/direct/css/nice-select.css">
	<script src="/direct/js/jquery.nice-select.js"></script>
	<script src="/direct/js/script.js"></script>
<script type="text/javascript" src="<c:url value="/validator.do"/>"></script>
<validator:javascript formName="userManageVO" staticJavascript="false" xhtml="true" cdata="false"/>
<%-- <script type="text/javascript" src="<c:url value='/js/EgovZipPopup.js' />" ></script> --%>
<script type="text/javascript" src="<c:url value='/js/EgovCmmUtl.js'/>" ></script>
<script src="<c:url value='/js/jquery.js' />"></script>
<!-- 취약점위한 외부 js 제거함. daum map js  -->
<script type="text/javaScript" language="javascript" defer="defer">
$(document).ready(function(){
$(".file").change(function() { //이미지 미리보기
	 var fileNm = this.files[0].name;
	 if (fileNm != "") {
	    var ext = fileNm.slice(fileNm.lastIndexOf(".") + 1).toLowerCase();
	    if (!(ext == "gif" || ext == "jpg" || ext == "png")) {
	        alert("이미지파일 (jpg, png, gif ) 만 업로드 가능합니다.");
	        setFileInit(); //사진초기화
	        return;
	    }
	}
	 
	var limitsize = 50*1024*1024;  //파일 제한 체크(50개, 50MB)
   var limitcount = 50;
	   	if(this.files[0].size > limitsize){
		alert("등록하시려는 파일 사이즈가"+getStrFileSize(this.files[0].size)+"로 50MB이하만 업로드 가능합니다.");
		setFileInit(); //사진초기화
	  return ;
	}
   readURL(this);
});
	
	<c:if test="${!empty userManageVO.atchFileId}">
		$('.myPf_Area').css({'background':'url("/cmm/fms/getUserImage.do?atchFileId=${userManageVO.atchFileId}")', 
	 	'background-repeat': 'no-repeat', 
	 	'background-position':'center',
	 	'background-size' : '100%'
	 });
	</c:if>
	
	<c:if test="${empty userManageVO.atchFileId}">
		$('.myPf_Area').css({'background':'url("/direct/img/asset/asset_enroll_img.png")', 
			'background-repeat': 'no-repeat', 
			'background-position':'center',
		});
	</c:if>
	/* if('${!empty userManageVO.atchFileId}' == 'true'){
		alert("123"+'${!empty userManageVO.atchFileId}');
		$('.myPf_Area').css({'background':'url("/cmm/fms/getUserImage.do?atchFileId=${userManageVO.atchFileId}")',
			'background-repeat': 'no-repeat', 
	     	'background-position':'center' ,
	     	'background-size' : '100%'
		});
	}
	if('${empty userManageVO.atchFileId}' == 'true'){
		alert("321"+'${empty userManageVO.atchFileId}');
		$('.myPf_Area').css({'background':'url("/direct/img/asset/asset_enroll_img.png")',
			'background-repeat': 'no-repeat', 
	     	'background-position':'center' ,
	     	'background-size' : '100%'
		});
	} */

});//$(document).ready(function() 끝
		 
function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function(e) {
            $('.myPf_Area').css({'background':'url('+e.target.result+')', 
            	'background-repeat': 'no-repeat', 
            	'background-position':'center',
            	'background-size' : '100%'
            });
        }
        reader.readAsDataURL(input.files[0]);
    }
}

function updateFile(){
	if(!confirm("등록된 사진을 저장하시겠습니까?")){
		return;
	}
	
	var frm = document.userManageVO;
	var data = new FormData(frm);
   	data.append('file', $("#file")[0]);

   	$.ajax({
       type: "POST",
       url: "/uss/umt/user/userFileUpdateAjax.do",
       //data: data,
       async:false,
       data: data,
       dataType:'jsonp',
       processData: false,
       contentType: false,
       cache: false,
       
       timeout: 600000,
       success: function (returnData, status) {
           if(status == 'success'){
	           	if(returnData.result == 'fail'){
	           		alert("등록에 실패하였습니다.");
	           	}else if(returnData.result == 'auth_fail'){
	           		alert("세션이 종료되었습니다.");
	           	}else if(returnData.result =='success'){
					alert("등록되었습니다.");
	           	}else if(returnData.result = 'extensionError'){
	           		alert(returnData.message);
	           	}
           }else{
           	alert("등록에 실패하였습니다.");
           }
       },
       error: function (e) {
           console.log("ERROR : ", e);
           alert("등록에 실패하였습니다.");
       }
   });
}

function file_del(atchFileId){ //파일이름 초기화 및 DB 삭제
	if(!confirm("등록된 사진을 삭제하시겠습니까?")){
		return;
	}
    $.ajax({
        type: "POST",
        url: "/uss/umt/user/userFileDeleteAjax.do",
        data:{ "atchFileId" : atchFileId}, 
        dataType:'jsonp',
        cache: false,
        timeout: 600000,
        success: function (returnData, status) {
            if(status == 'success'){
            	if(returnData.result == 'fail'){
            		alert("삭제처리가 실패하였습니다.");
            	}else if(returnData.result == 'auth_fail'){
            		alert("세션이 종료되었습니다.");
            	}else if(returnData.result =='success'){
        			alert("삭제처리 되었습니다.");
            	}
            }else{
            	alert("삭제처리에 실패하였습니다.");
            }
        },
        error: function (e) {
            console.log("ERROR : ", e);
            alert("삭제처리에 실패하였습니다.");
        }
    });
    
    setFileInit(); //파일초기화
	$('.delete_img_btn').attr("onclick", "setFileInit()");
}

function setFileInit(){ //사진 초기화
	$('#file').val("");
	$('.myPf_Area').css({'background':'url(/direct/img/asset/asset_enroll_img.png)', 
     	'background-repeat': 'no-repeat', 
     	'background-position':'center',
     	'background-position-y':'40px'
    });
}

{
	 var killBackSpace = function(e) { e = e ? e : window.event; var t = e.target ? e.target : e.srcElement ? e.srcElement : null; if(t && t.tagName && (t.type && /(password)|(text)|(file)/.test(t.type.toLowerCase())) || t.tagName.toLowerCase() == 'textarea') { return true; } var k = e.keyCode ? e.keyCode : e.which ? e.which : null; if(k == 8) { if(e.preventDefault) { e.preventDefault(); } return false; } return true; }; if(typeof document.addEventListener != 'undefined') { document.addEventListener('keydown', killBackSpace, false); }else if(typeof document.attachEvent != 'undefined') { document.attachEvent('onkeydown', killBackSpace); }else { if(document.onkeydown != null) { var oldOnkeydown = document.onkeydown; document.onkeydown = function(e) { oldOnkeydown(e); killBackSpace(e); }; }else { document.onkeydown = killBackSpace; } }
}
{
	history.pushState(null , null, location.href);
	window.onpageshow = function () {
		history.go(1);
	}
}

function fnListPage(){
    document.searchForm.action = "<c:url value='/uss/umt/user/EgovUserManage.do'/>";
    document.searchForm.submit();
}
function fnDeleteUser(checkedIds) {
    if(confirm("<spring:message code="common.delete.msg" />")){
        document.userManageVO.checkedIdForDel.value=checkedIds;
        document.userManageVO.action = "<c:url value='/uss/umt/user/EgovUserDelete.do'/>";
        document.userManageVO.submit(); 
    }
}
function fnPasswordMove(){
    document.modiForm.action = "<c:url value='/uss/umt/user/EgovUserPasswordUpdtView.do'/>";
    document.modiForm.submit();
}
function fnUpdate(){
    if(validateUserManageVO(document.userManageVO)){
        document.userManageVO.submit();
    }
}
function fn_egov_inqire_cert() {
    var url = '/uat/uia/EgovGpkiRegist.do';
    var popupwidth = '500';
    var popupheight = '400';
    var title = '인증서';

    Top = (window.screen.height - popupheight) / 3;
    Left = (window.screen.width - popupwidth) / 2;
    if (Top < 0) Top = 0;
    if (Left < 0) Left = 0;
    Future = "fullscreen=no,toolbar=no,location=no,directories=no,status=no,menubar=no, scrollbars=no,resizable=no,left=" + Left + ",top=" + Top + ",width=" + popupwidth + ",height=" + popupheight;
    PopUpWindow = window.open(url, title, Future)
    PopUpWindow.focus();
}

function fn_egov_dn_info_setting(dn) {
    var frm = document.userManageVO;
    
    frm.subDn.value = dn;
}

//직원 상세 - 부서 선택박스 변경 시
function fn_select_emp_part(obj) {
	var selectId = $(obj).children("option:selected").val();
	var selectDepth = $(obj).children("option:selected").attr("depth")*1+1;
	
	if(selectId == "" && selectDepth =="2"){
		$('#partIdx').val(selectId) ;
		$("#depth_2").remove();
		$("#depth_3").remove();
		return;
	}
	
	if(selectId == "" && selectDepth =="3"){
		$('#partIdx').val($('#depth_1').val());
		$("#depth_3").remove();
		return;
	}
	
	if(selectDepth =="4"){
		if(selectId == ""){
			$('#partIdx').val($('#depth_2').val());
		}else{
			$('#partIdx').val(selectId) ;	
		}
		return;
	}
	
	if(selectDepth =="2"){
		$("#depth_2").remove();
		$("#depth_3").remove();
	}
	if(selectDepth =="3"){
		$("#depth_3").remove();
	}
	$('#partIdx').val(selectId) ;
	ajaxGetChartDepth( selectId, selectDepth );
}

function ajaxGetChartDepth(upperIdx , depth){
	$.ajax({
		type:"POST",
		url:"<c:url value='/uss/umt/user/ajaxGetChartDepth.do' />",
		data:{ "depth": depth ,	"upperIdx": upperIdx},
		dataType:'jsonp',
		success:function(returnData, status){
			if(status == "success") {
				var str = "<select id='depth_"+depth+"' depth='"+depth+"' onchange='fn_select_emp_part(this);'>";
				str += "<option value='' depth='"+depth+"'>선택</option>";
				$.each(returnData.orgChartDepth , function(idx, val){
					str += "<option value='"+val.id+"' depth='"+depth+"'>"+val.text+"</option>";
	           });
				str += "</select>"; 
	           $("#orgChartDepth").append(str); 
			}else{ alert("ERROR!");return;}
		},
		error:function(request , status, error){
			alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
		}
	});
}

</script>
</head>
<body>
	<form:form commandName="userManageVO" action="${pageContext.request.contextPath}/uss/umt/user/EgovUserSelectUpdt.do" name="userManageVO" method="post" >
	<double-submit:preventer tokenKey="someKey" />
	<input name="checkedIdForDel" type="hidden" />
	<!-- 검색조건 유지 -->
	<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="sbscrbSttus" value="<c:out value='${userSearchVO.sbscrbSttus}'/>"/>
	<input type="hidden" name="pageIndex" value="<c:out value='${userSearchVO.pageIndex}'/>"/>
	<!-- 사용자유형정보 : password 수정화면으로 이동시 타겟 유형정보 확인용, 만약검색조건으로 유형이 포함될경우 혼란을 피하기위해 userTy명칭을 쓰지 않음-->
	<input type="hidden" name="userTyForPassword" value="<c:out value='${userManageVO.userTy}'/>" />
	<input type="hidden" name="esntlId" value="<c:out value='${userManageVO.uniqId}'/>"/>
		
	<div class="cont_area myPage_area" style="width:100%;">
		<div class="cont_main_title">
			<img src="/direct/img/home_icon.png" alt="">
			<span id="cnt_cate_list"></span>
		</div>
		<!-- 사진 부분 -->
		<div class="mypage_pf_area">
			<div class="mypage_pf">
			<ul>
				<li class="myPf_Area">
<!-- 					<img src="/direct/img/asset/asset_enroll_img.png" alt=""> -->
				</li>
			</ul>
			</div>
			<div class="pf_btns">
				<input type="button" class="enroll_img_btn" value="사진등록" onclick="document.all.file.click();">
				<input type="file" name="file" id="file" style="display:none" class="file">
				<input type="button" class="change_img_btn" value="사진저장" onclick="updateFile();">
				<input type="button" class="delete_img_btn" value="삭제"
	               <c:if test="${!empty userManageVO.atchFileId}">
	               		onclick="file_del('${userManageVO.atchFileId}'); return false;"
	               </c:if>
	                <c:if test="${empty userManageVO.atchFileId}">
	               		onclick="setFileInit(); return false;"
	               </c:if> 
				>
			</div>
		</div>
		<div class="list_wrap setting_list_wrap mypage_wrap"   style="width:59%;border-left:0;">
			<table style="border-left:3px solid #0388d2;">
				<tr>
					<th><div class="listTitle">아이디</div></th>
					<td>
						<%-- <form:input path="emplyrId" id="emplyrId" size="20" maxlength="20" readonly="true" />
		           	 	<form:errors path="emplyrId" cssClass="error"/>
		           	 	<form:hidden path="uniqId" /> --%>
		           	 	<c:out value="${userManageVO.emplyrId}"/>
		           	 	
					</td>
				</tr>
				<tr>
					<th><div class="listTitle">성명</div></th>
					<td>
						<%-- <form:input path="emplyrNm" id="emplyrNm" cssClass="txaIpt" size="20"  maxlength="60" readonly="true" />
	           	    	<form:errors path="emplyrNm" cssClass="error" /> --%>
	           	    	<c:out value="${userManageVO.emplyrNm}"/>
					</td>
				</tr>
				<tr>
					<th><div class="listTitle">부서</div></th>
					<td>
						<%-- <input type="text" name="ofcpsNm" id="ofcpsNm" value="${userManageVO.ofcpsNm}" readonly="true" /> --%>
						<c:out value="${userManageVO.partNm}"/>
					</td>
				</tr>
				<tr>
					<th><div class="listTitle">직위</div></th>
					<td>
						<%-- <input type="text" name="ofcpsNm" id="ofcpsNm" value="${userManageVO.ofcpsNm}" readonly="true" /> --%>
						<c:out value="${userManageVO.ofcpsNm}"/>
					</td>
				</tr>
				<tr>
					<th><div class="listTitle">이메일주소</div></th>
					<td>
						<%-- <form:input path="emailAdres" id="emailAdres" cssClass="txaIpt" size="20" maxlength="50" readonly="true" />
		          	  <form:errors path="emailAdres" cssClass="error" /> --%>
		          	  <c:out value="${userManageVO.emailAdres}"/>
					</td>
				</tr>
				<tr>
					<th><div class="listTitle">권한</div></th>
					<td>
						<!-- <select name="authorCode" title="권한" > -->
						 <c:forEach var="authorResult" items="${authorList}" varStatus="status">
							<c:if test="${authorResult.authorCode == userManageVO.authorCode}">
								<c:out value="${authorResult.authorNm}"/>
							</c:if>
			                <%-- <option value="<c:out value="${authorResult.authorCode}"/>" <c:if test="${authorResult.authorCode == userManageVO.authorCode}">selected</c:if> ><c:out value="${authorResult.authorNm}"/></option> --%>
			           	 </c:forEach>
			           	<!-- </select> -->
					</td>
				</tr>
				<tr>
					<th><div class="listTitle">전화번호</div></th>
					<td>
						<%-- <form:input path="offmTelno" id="offmTelno" cssClass="txaIpt" size="20" maxlength="15" readonly="true"/>
		          		<form:errors path="offmTelno" cssClass="error" /> --%>
		          		<c:out value="${userManageVO.offmTelno}"/>
		          	</td>
				</tr>
				
				<tr>
					<th><div class="listTitle">담당업무</div></th>
					<td>
						<%-- <form:input path="offmTelno" id="offmTelno" cssClass="txaIpt" size="20" maxlength="15" readonly="true"/>
		          		<form:errors path="offmTelno" cssClass="error" /> --%>
		          		<c:out value="${userManageVO.userWork}"/>
		          	</td>
				</tr>
				
			</table>
			<div class="setting_btn">
			<input type="button" value="메인으로" class="list_btn"  id="main1_userupdate_list_btn" onclick="location.href='/uat/uia/actionMain.do'; return false;">
			<c:if test="${userCheck.authorCode == 'ROLE_ADMIN'}">
				<input type="button" value="삭제" class="del_btn" id="main1_userupdate_del_btn"  onclick="fnDeleteUser('<c:out value='${userManageVO.userTy}'/>:<c:out value='${userManageVO.uniqId}'/>'); return false;" >
				<!-- <input type="button" value="수정" class="edit_btn" onclick="fnUpdate(); return false;"> -->
				<input type="button" value="패스워드 변경" class="password_change_btn" id="main1_userupdate_passchg_btn" onclick="fnPasswordMove(); return false;">
			</c:if>
			</div>
		</div>
		
	</div>
<form:hidden path="password" />
</form:form>
<form name="searchForm" method="get"></form>
<form name="modiForm" method="get" action="<c:url value='/sec/ram/EgovAuthorRoleList.do'/>" >
	<input type="hidden" name="uniqId" value="<c:out value='${userManageVO.uniqId}'/>"/>
	<input type="hidden" name="userTyForPassword" value="<c:out value='${userManageVO.userTy}'/>" />
	<input type="hidden" name=emplyrId value="<c:out value='${userManageVO.emplyrId}'/>" />
</form> 
</body>
</html>

