<%--
  Class Name : SciTecAuditGamsaOpenerView.jsp
  Description : 상세화면 > 감사관, 담당자 등 팝업창
  Modification Information

      수정일         수정자                   수정내용
    -------    --------    ---------------------------

    author   : itn
    since    : 
    
    01 : 감사관
    02 : 담당자
    03 : 첨부파일
    04 : 
    추가시 요기에 적어주세요.
--%>
<%@ page contentType="text/html; charset=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="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%   
	response.setHeader("Cache-Control","no-store");   
	response.setHeader("Pragma","no-cache");   
	response.setDateHeader("Expires",0);   
	if (request.getProtocol().equals("HTTP/1.1")) response.setHeader("Cache-Control", "no-cache"); 
%> 
<!DOCTYPE html>
<html lang="ko">
<head>
<title>팝업창관리 관리</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="/direct/css/font.css">
<link rel="stylesheet" href="/direct/css/reset.css">
<link rel="stylesheet" href="/direct/css/enroll_person.css">
<script src="/direct/js/jquery-1.11.3.min.js"></script>
<script src="/direct/js/jquery-ui.min.js"></script>
<script src="/direct/js/popup_open_2.js"></script>
<script type="text/javascript" src="<c:url value='/js/EgovMultiFile.js'/>"></script>
<%-- <script src="<c:url value='/js/jquery.js' />"></script> --%>
<script type="text/javascript" src="<c:url value='/js/EgovCalPopup.js' />"></script>
<script type="text/javascript" src="/js/audit/audit.common.js"></script> 
<script type="text/javascript" src="/js/audit/jquery.form.min.js"></script> 
<script type="text/javaScript" language="javascript">

var itemSpanElement = "";
$( document).ready(function() {
	if('${auditItemVO.autItemId}' != ''){ //수정버튼 클릭시 좌측 리스트에서 일치하는 값 좌측에 세팅
		$('#audit_item_${auditItemVO.autItemId}').trigger('click');
	}
	$("#file_gamsa").change(function () {  //업로드 파일 사이즈 체크
		var limit_file_size =  50*1024*1000; //50메기
		var file_size = 0 ;
		if(window.ActiveXObject) {//IE용인데 IE8이하는 안됨... 
			var fso = new ActiveXObject("Scripting.FileSystemObject"); 
			var filepath = $("#file_gamsa").value; 
			//var filepath = obj[0].value; 
			var thefile = fso.getFile(filepath); 
			sizeinbytes = thefile.size; } 
		else {
			//IE 외 
			//sizeinbytes = document.getElementById(obj).files[0].size; 
			file_size = $("#file_gamsa")[0].files[0].size ;
			
			 if(file_size > limit_file_size){
				 alert("업로드 최대 파일 사이즈는 50M 입니다.");
				 $('#fileName').val(""); //버퍼에 있는 파일 객체 초기화
				 $('#file_gamsa').val(''); 
				 return;
			 }
			
			var fSExt = new Array('Bytes', 'KB', 'MB', 'GB'); 
			var i = 0; 
			while(file_size>900) { 
				file_size/=1024; 
				i++; 
			} 
			file_size = (Math.round(file_size*100)/100)+' '+fSExt[i]; 
		}
	}); 
});

/*등록버튼 클릭시 */
function insert_item(){
	if(!confirm("등록하시겠습니까?")){
		return false;
	}
	var frm = $('#itemForm')[0];
	if(frm.autName.value ==""){
		alert("성명은 필수 값입니다.");
		return;
	}
	
	event.preventDefault();
	setButtonDisableEvent("T") ; //버튼 클릭 이벤트 삭제
	$('#itemForm').ajaxForm({
        url : "/uss/itsm/audit/SciTecAuditItemRegistAjax.do",
        enctype : "multipart/form-data",
        dataType : "jsonp",
        error : function(){
        	alert("저장에 실패하였습니다.");
        	setButtonDisableEvent("F") ;
        },
        success : function(returnData, status){
        	if(status == 'success'){
	        	if(returnData.result == 'fail'){
	        		alert("저장에 실패하였습니다.");
	        		setButtonDisableEvent("F") ;
	        	}else if(returnData.result == 'auth_fail'){
	        		alert("세션이 종료되었습니다.");  //모든 오프너 닫기
	        		if(opener !=null){
	        			opener.window.close()
	        		} 
	        		window.self.close() ;
	        	}else if(returnData.result =='success'){
	        		//alert("저장되었습니다.");
	        		if(opener !=null){
	        			if(opener.close_del!=undefined){
		        			opener.close_del = false;
		        		}
	        			opener.self_reload();
	        		} 
	        		var left_item = ""; //우측 테이블 리스트하단에 등록된 정보 tr 생성추가
	        		left_item += '<tr id="audit_item_'+returnData.auditItemVO.autItemId+'" value="'+returnData.auditItemVO.autItemId+'" onclick="sel_autItemId(this); return false;" ><br/>';
	        		left_item += '  <td>'+returnData.auditItemVO.autName+'｜</td><br/>';
	        		left_item += '  <td>'+returnData.auditItemVO.autTel+'｜</td><br/>';
	        		left_item += '  <td>'+returnData.auditItemVO.autEmail+'</td><br/>';
	        		var temp_file_name = $("#fileName").val().split("\\")[$("#fileName").val().split("\\").length-1] ;
	        		left_item += '<input type="hidden" value="'+temp_file_name+'"></input>';
	        		$('#gamsa_right_table').append(left_item);
	        		left_item += '</tr><br/>';
	        		$('#item_insert_btn').attr('value' , '수정').attr('onclick' , 'update_item(); return false;') ;  //중복방지위해 수정 버튼으로 변경
	        		$('#autItemId').val(returnData.auditItemVO.autItemId) ; //수정버튼 변경후 ItemId가 필요하여, ItemId세팅함.
	        		$('#item_delete_btn').show(); //삭제버튼 보이게 처리  
	        		setButtonDisableEvent("F") ;
	        	}
	        }else{
	        	alert("저장에 실패하였습니다.");
	        	setButtonDisableEvent("F") ;
	        }
        }
    });

    $("#itemForm").submit() ;
}


/*수정버튼 클릭시 */
function update_item(){
	if(!confirm("수정하시겠습니까?")){
		return false;
	}
	event.preventDefault();
	if($('#autItemId').val() ==''){
		alert("삭제하실 감사관을 우측에서 선택해 주세요.");
	}
	
	var frm = $('#itemForm')[0];
	if(frm.autName.value ==""){
		alert("성명은 필수 값입니다.");
		return;
	}
	
	event.preventDefault();
	setButtonDisableEvent("T") ; //버튼 클릭 이벤트 제거
	$('#itemForm').ajaxForm({
        url : "/uss/itsm/audit/SciTecAuditItemUpdateAjax.do",
        enctype : "multipart/form-data",
        dataType : "jsonp",
        error : function(){
        	alert("저장에 실패하였습니다.");
        	setButtonDisableEvent("F") ;
        },
        success : function(returnData, status){
        	if(status == 'success'){
	        	if(returnData.result == 'fail'){
	        		alert("저장에 실패하였습니다.");
	        		setButtonDisableEvent("F") ;
	        	}else if(returnData.result == 'auth_fail'){
	        		alert("세션이 종료되었습니다.");  //모든 오프너 닫기
	        		if(opener !=null){
	        			opener.window.close()
	        		} 
	        		window.self.close() ;
	        	}else if(returnData.result =='success'){
	        		//alert("저장되었습니다.");
	        		if(opener !=null){
	        			if(opener.close_del!=undefined){
		        			opener.close_del = false;
		        		}
	        			opener.self_reload();	
	        		} 
	        		setButtonDisableEvent("F") ; //버튼 이벤트 회복
	        		//좌측 수정선택한 테이블 리스트 수정된 값으로 변경
	        		$($('#audit_item_'+$('#autItemId').val()).find('td')[0]).text(returnData.auditItemVO.autName+"｜"); 
	        		$($('#audit_item_'+$('#autItemId').val()).find('td')[1]).text(returnData.auditItemVO.autTel+"｜");
	        		$($('#audit_item_'+$('#autItemId').val()).find('td')[2]).text(returnData.auditItemVO.autEmail);
	        		if($("#fileName").val().split("\\").length !=1){  //파일 수정시 파일이름 좌측 선택 컬럼에 파일이름 새로 세팅
	        			var temp_file_name = $("#fileName").val().split("\\")[$("#fileName").val().split("\\").length-1] ;
	        			$('#audit_item_'+$('#autItemId').val()).find('input:hidden').val(temp_file_name) ;
	        		}
	        	}
	        }else{
	        	alert("저장에 실패하였습니다.");
	        	setButtonDisableEvent("F") ;
	        }
        }
    });

    $("#itemForm").submit() ;
}

/*삭제버튼 클릭시 */
function delete_item(){
	if(!confirm("삭제하시겠습니까?")){
		return false;
	}
	
	event.preventDefault();
	setButtonDisableEvent("T") ; //버튼 클릭 이벤트 삭제
	$('#itemForm').ajaxForm({
        url : "/uss/itsm/audit/SciTecAuditItemDeleteAjax.do",
        enctype : "multipart/form-data",
        dataType : "jsonp",
        error : function(){
        	alert("저장에 실패하였습니다.");
        	setButtonDisableEvent("F") ;
        },
        success : function(returnData, status){
        	if(returnData.result == 'fail'){
        		alert("삭제에 실패하였습니다.");
        		setButtonDisableEvent("F") ;
        	}else if(returnData.result == 'auth_fail'){
        		alert("세션이 종료되었습니다.");
        		if(opener !=null){
        			if(opener.close_del!=undefined){
	        			opener.close_del = false;
	        		}
        			opener.self_reload();	
        		} 
        		window.self.close() ;
        	}else if(returnData.result =='success'){
        		alert("삭제되었습니다.");
        		if(opener !=null){
        			if(opener.close_del!=undefined){
	        			opener.close_del = false;
	        		}
        			opener.self_reload();
        		} 
        		setButtonDisableEvent("F") ;
        		//등록으로 변경
        		$('#item_insert_btn').attr('value' , '등록').attr('onclick' , 'insert_item(); return false;') ;
        		$('#autName').val("");
        		$('#autTel').val("");
        		$('#autEmail').val("");
        		$('#fileName').val("");
        		$($('#audit_item_'+$('#autItemId').val())).remove();
        		$('#autItemId').val("") ;
        		$('#item_delete_btn').hide();
        	}
	        else{
	        	alert("저장에 실패하였습니다.");
	        	setButtonDisableEvent("F") ;
	        }
        }
    });

    $("#itemForm").submit() ;
}

/* 취소버튼 클릭시 */
function cancel_item(){
	event.preventDefault();
	setButtonDisableEvent("T") ;
	$('#item_insert_btn').attr('value' , '등록').attr('onclick' , 'insert_item(); return false;') ; //수정 버튼 등록으로 변경 후 모든 컬럼 초기화
	$('#autName').val("");
	$('#autTel').val("");
	$('#autEmail').val("");
	$('#fileName').val("");
	$('#autItemId').val("") ;
	$('#item_delete_btn').hide();
	setButtonDisableEvent("F") ;
}	

/* ********************************************************
* PROTOTYPE JS FUNCTION
******************************************************** */
String.prototype.trim = function(){
	return this.replace(/^\s+|\s+$/g, ""); //공백문자제거
}

String.prototype.replaceAll = function(src, repl){
	 var str = this;
	 if(src == repl){return str;}
	 while(str.indexOf(src) != -1) {
	 	str = str.replace(src, repl);
	 }
	 return str;
}

/* 버튼 이벤트 제어 */
function setButtonDisableEvent(flag){
	if(flag == 'T'){
		$("#item_insert_btn").prop("disabled", true);
	    $("#item_delete_btn").prop("disabled", true);
	    $("#item_cancel_btn").prop("disabled", true);
	}else{
		$("#item_insert_btn").prop("disabled", false);
	    $("#item_delete_btn").prop("disabled", false);
	    $("#item_cancel_btn").prop("disabled", false);
	}
}

/* 우측 아이템 선택시 좌측 컬럼에 값 세팅 */
function sel_autItemId(object) {
	var temp_name = $($(object).find('td')[0]).text().replace(/\s/gi, ""); //공백제거
	temp_name = temp_name.substring(0, temp_name.length-1); //마지막 문자 | 제거
	$('#autName').val(temp_name);

	var temp_tel = $($(object).find('td')[1]).text().replace(/\s/gi, ""); //공백제거
	temp_tel = temp_tel.substring(0, temp_tel.length-1); //마지막 문자 | 제거
	$('#autTel').val(temp_tel);
	
	var temp_email = $($(object).find('td')[2]).text().replace(/\s/gi, ""); //공백제거
	$('#autEmail').val(temp_email);
	
	var temp_orignlFileNm = $(object).find('input:hidden').attr('value') ;
	$('#fileName').val(temp_orignlFileNm);	
	
	$('#autItemId').val($(object).attr('value')) ;
	$('#item_insert_btn').attr('value' , '수정').attr('onclick' , 'update_item(); return false;') ; //버튼 수정으로 변경
	$('#item_delete_btn').show();
}
</script>
<style type="text/css">/* 첨부파일 이미지로 세팅 */
	/* .file_input_textbox {float:left; height:29px;} */
	.file_input_textbox {height:29px;}
	.person_info_text {position:relative; overflow:hidden;}
	.file_input_img_btn {padding:0 0 0 5px;margin-left:178px;}
	.file_input_hidden {font-size:29px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;} 
</style>
</head>
<body>
<form name="itemForm" id="itemForm" enctype="multipart/form-data" method="post">
<input type="hidden" name="autId" id="autId" value="${auditVO.autId}"/>	
<input type="hidden" name="del" />	
<input type="hidden" name="autCd" value="01" />	
<input type="hidden" name="autFlag" value="${auditItemVO.autFlag}" /><!-- 감사괸 종류 01 : 감사란, 02:담당자 -->	
<input type="hidden" name="autKinds" value="${auditItemVO.autKinds}" /><!-- 감사란 01 : 과기부-->
<input type="hidden" name="autItemId" id="autItemId" value="" /><!-- 수정,삭제를 위한 ID -->	
<input type="hidden" name="imsi" id="imsi" value="N" /><!-- 감사는 무조건 등록으로 -->
    <div class="enroll_person_popup">
        <div class="person_info_wrap">
            <div class="person_info_title">
                <img src="/direct/img/person_title_bg.png" alt="">
                ${auditVO.clCodeName} 등록
            </div>
            <div class="person_input">
                <ul>
                    <li>
                        <div class="person_info_text">성명</div>
                        <input type="text" name="autName" id="autName" maxlength="20" placeholder="이름을 넣어주세요" value="" >
                    </li>
                    <li>
                        <div class="person_info_text">전화번호</div>
                        <input type="text" name="autTel" id="autTel" maxlength="20" placeholder="" value="">
                    </li>
                    <li>
                        <div class="person_info_text">이메일</div>
                        <input type="text" name="autEmail" id="autEmail" maxlength="20" placeholder="" value="">
                    </li>
                    <li>
                        <div class="person_info_text">첨부파일 
                        	<img src="/direct/img/add_person_file.png" class="file_input_img_btn" alt="">
                        	<input type="file" class="file_input_hidden" name="file_gamsa" id="file_gamsa"
                        	onchange="javascript: document.getElementById('fileName').value = this.value" 
                        	style="width:2px;right:0px;">
                        </div>
                        	<input type="text" id="fileName" class="file_input_textbox" readonly>
                    </li>
                </ul>
            </div>
            <div class="person_info_btns">
                <input type="button" id="item_insert_btn" value="등록" onclick="insert_item(); return false;" />
                <input type="button" id="item_delete_btn" value="삭제" onclick="delete_item(); return false;" style="display:none;" />
                <input type="button" id="item_cancel_btn" value="초기화" onclick="cancel_item(); return false;"/>
            </div>
        </div>
        <div class="person_list">
            <table id="gamsa_right_table">
                <c:forEach var="result" items="${auditItemList}" varStatus="status">
                <tr id="audit_item_${result.autItemId}" value='${result.autItemId}' onclick="sel_autItemId(this); return false;">
                    <td>${result.autName} ｜</td>
                    <td>${result.autTel}｜</td>
                    <td>${result.autEmail}</td>
                    <input type="hidden" name="${result.orignlFileNm}" value="${result.orignlFileNm}" />
                </tr>
                </c:forEach>
            </table>
        </div>
    </div>
</form>    
</body>
</html>
