<%--
  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">
<link rel="stylesheet" href="/direct/css/enroll_popup.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('${companyMngVO.companyManagerId}' != ''){ //수정버튼 클릭시 좌측 리스트에서 일치하는 값 좌측에 세팅
			$('#audit_item_${companyMngVO.companyManagerId}').trigger('click');
		}
	});
	var addHtml = "";
	/*등록버튼 클릭시 */
	function insert_item(){
		if(!confirm("등록하시겠습니까?")){
			return false;
		}
		var frm = $('#itemForm')[0];
		if(frm.companyManagerName.value ==""){
			alert("성명은 필수 값입니다.");
			return;
		}
		event.preventDefault();
		setButtonDisableEvent("T") ; //버튼 클릭 이벤트 삭제
		$('#itemForm').ajaxForm({
	        url : "/uss/itsm/company/CompanyManagerInsertAjax.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.companyManagerInfo.companyManagerId+'" value="'+returnData.companyManagerInfo.companyManagerId+'" onclick="sel_companyManagerId(\''+returnData.companyManagerInfo.companyManagerId+'\')" ><br/>';
		        		left_item += '  <td>'+returnData.companyManagerInfo.companyManagerName+'</td><br/>';
		        		left_item += '  <td class="ManTel">'+returnData.companyManagerInfo.companyManagerTel+'</td><br/>';
		        		left_item += '  <td>'+returnData.companyManagerInfo.companyManagerEmail+'</td><br/>';
		        		$('#gamsa_right_table').append(left_item);
		        		left_item += '</tr><br/>';
		        		$('#item_insert_btn').attr('value' , '수정').attr('onclick' , 'update_item(); return false;') ;  //중복방지위해 수정 버튼으로 변경
		        		$('#companyManagerId').val(returnData.companyManagerInfo.companyManagerId) ; //수정버튼 변경후 ItemId가 필요하여, ItemId세팅함.
		        		$('#item_delete_btn').show(); //삭제버튼 보이게 처리  
		        		setButtonDisableEvent("F") ;
		        		
		        		if($('input:checkbox[name="select"]').is(":checked")){
		        			$('#gamsa_right_table').find("tr").attr('class' , '');
		        			$('#audit_item_'+returnData.companyManagerInfo.companyManagerId).attr('class' , 'top_person');
		        			
		        		}
		        	}
		        }else{
		        	alert("저장에 실패하였습니다.");
		        	setButtonDisableEvent("F") ;
		        }
	        }
	    });

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

	/*수정버튼 클릭시 */
	function update_item(){
		if(!confirm("수정하시겠습니까?")){
			return false;
		}
		var frm = $('#itemForm')[0];
		event.preventDefault();
		setButtonDisableEvent("T") ; //버튼 클릭 이벤트 제거
		$('#itemForm').ajaxForm({
	        url : "/uss/itsm/company/CompanyManagerUpdateAjax.do",
	        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_'+$('#companyManagerId').val()).find('td')[0]).text(returnData.companyManagerInfo.companyManagerName+"｜"); 
		        		$($('#audit_item_'+$('#companyManagerId').val()).find('td')[1]).text(returnData.companyManagerInfo.companyManagerTel+"｜");
		        		$($('#audit_item_'+$('#companyManagerId').val()).find('td')[2]).text(returnData.companyManagerInfo.companyManagerEmail);
		        		
		        		
		        		if($('input:checkbox[name="select"]').is(":checked")){
		        			$('#gamsa_right_table').find("tr").attr('class' , '');
		        			$('#audit_item_'+$('#companyManagerId').val()).attr('class' , 'top_person');
		        			
		        		}
		        	}
		        }else{
		        	alert("저장에 실패하였습니다.");
		        	setButtonDisableEvent("F") ;
		        }
	        }
	    });

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

	/*삭제버튼 클릭시 */
	function delete_item(){
		if(!confirm("삭제하시겠습니까?")){
			return false;
		}
		event.preventDefault();
		setButtonDisableEvent("T") ; //버튼 클릭 이벤트 삭제
		$('#itemForm').ajaxForm({
	        url : "/uss/itsm/company/CompanyManagerDeleteAjax.do",
	        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") ;
	        		//등록으로 변경
	        		$($('#audit_item_'+$('#companyManagerId').val())).remove();
	        		
	        		$('#item_insert_btn').attr('value' , '등록').attr('onclick' , 'insert_item(); return false;') ;
	        		$('#companyManagerId').val("") ;
	        		$("#companyManagerBelong").val("") ;
	        		$("#companyManagerName").val("") ;
	        		$("#companyManagerSpot").val("") ;
	        		$("#companyManagerTel").val("") ;
	        		$("#companyManagerEmail").val("") ;
	        		$("#companyManagerDuty").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;') ; //수정 버튼 등록으로 변경 후 모든 컬럼 초기화
		$("#companyManagerBelong").val("");
		$("#companyManagerName").val("");
		$("#companyManagerSpot").val("");
		$("#companyManagerTel").val("");
		$("#companyManagerEmail").val("");
		$("#companyManagerDuty").val("");
		$('#item_delete_btn').hide();
		setButtonDisableEvent("F") ;
	}	
	
	/* 우측 아이템 선택시 좌측 컬럼에 값 세팅 */
	function sel_companyManagerId(companyManagerId){
		
		$.ajax({
		    type: "POST",
		    url: "/uss/itsm/company/CompanyManagerSelectAjax.do",
		    data:{  "companyManagerId":companyManagerId},
		    dataType:'jsonp',
		    cache: false,
		    async: false,
		    success: function (returnData, status) {
		    	if(status == 'success'){
		        	if(returnData.result == 'fail'){
		        		alert("생성에 실패하였습니다.");
		        	}else if(returnData.result == 'auth_fail'){
		        		alert("세션이 종료되었습니다.");
		        	}else if(returnData.result =='success'){
		        		var info = returnData.companyManagerInfo;
		        		
		        		$("#companyManagerId").val(info.companyManagerId);
		        		$("#companyManagerBelong").val(info.companyManagerBelong);
		        		$("#companyManagerName").val(info.companyManagerName);
		        		$("#companyManagerSpot").val(info.companyManagerSpot);
		        		$("#companyManagerTel").val(info.companyManagerTel);
		        		$("#companyManagerEmail").val(info.companyManagerEmail);
		        		$("#companyManagerDuty").val(info.companyManagerDuty);
		        		
		        		$('#item_insert_btn').attr('value' , '수정').attr('onclick' , 'update_item(); return false;') ; //버튼 수정으로 변경
		        		$('#item_delete_btn').show();
		        	}
		        }else{
		        	alert("생성에 실패하였습니다.");
		        }
		    },
		    error: function (e) {
		        alert("생성에 실패하였습니다.");
		    }
		});
	} 
	
	/* 버튼 이벤트 제어 */
	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);
		}
	}
</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="companyId" id="companyId" value="${companyMngVO.companyId}"/>
<input type="hidden" name="companyManagerId" id="companyManagerId" value="${companyMngVO.companyManagerId}"/>
<input type="hidden" name="del" />	
    <div class="enroll_person_popup enterprise_enroll_person_popup">
        <div class="person_info_wrap">
            <div class="person_info_title">
                <img src="/direct/img/person_title_bg.png" alt="">
				담당자  등록
            </div>
            <div class="person_input">
                <ul>
                	<li>
                        <div class="person_info_text">소속</div>
                        <input type="text" name="companyManagerBelong" id="companyManagerBelong" maxlength="100" placeholder="소속을 입력해 주세요" value="" >
                    </li>
                    <li>
                        <div class="person_info_text">성명</div>
                        <input type="text" name="companyManagerName" id="companyManagerName" maxlength="100" placeholder="이름을 입력해 주세요" value="" >
                    </li>
                    <li>
                        <div class="person_info_text">직위</div>
                        <input type="text" name="companyManagerSpot" id="companyManagerSpot" maxlength="100" placeholder="직위을 입력해 주세요" value="" >
                    </li>
                    <li>
                        <div class="person_info_text">전화번호</div>
                        <input type="text" name="companyManagerTel" id="companyManagerTel" maxlength="100" placeholder="전화번호를 입력해 주세요" value="">
                    </li>
                    <li>
                        <div class="person_info_text">이메일</div>
                        <input type="text" name="companyManagerEmail" id="companyManagerEmail" maxlength="100" placeholder="이메일을 입력해 주세요" value="">
                    </li>
                    <li>
                        <div class="person_info_text">직무</div>
                        <input type="text" name="companyManagerDuty" id="companyManagerDuty" maxlength="100" placeholder="직무를 입력해 주세요" value="">
                    </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" style="height: 470px">
            <table id="gamsa_right_table">
                <c:forEach var="result" items="${companyManagerList}" varStatus="status">
                <tr id="audit_item_${result.companyManagerId}" value='${result.companyManagerId}' onclick="sel_companyManagerId('${result.companyManagerId}')" <c:if test="${result.companyManagerSelect eq '1'}"> class="top_person" </c:if>>
                    <td>${result.companyManagerName} </td>
                    <td>${result.companyManagerTel}</td>
                    <td>${result.companyManagerEmail}</td>
                </tr>
                </c:forEach>
            </table>
        </div>
    </div>
</form>    
</body>
</html>
