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

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

	/*수정버튼 클릭시 */
	function update_item(){
		if(!confirm("수정하시겠습니까?")){
			return false;
		}
		event.preventDefault();
		if($('#bizItemId').val() ==''){
			alert("삭제하실 담당자를 우측에서 선택해 주세요.");
		}
		
		var frm = $('#itemForm')[0];
		if(frm.bizName.value ==""){
			alert("성명은 필수 값입니다.");
			return;
		}
		
		var frm = $('#itemForm')[0];
		if($('input:checkbox[name="select"]').is(":checked")){
			$('#bizMaster').val("Y");
		}
		
		event.preventDefault();
		setButtonDisableEvent("T") ; //버튼 클릭 이벤트 제거
		$('#itemForm').ajaxForm({
	        url : "/uss/itsm/bizCntrt/BizManagerUpdateAjax.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") ;
		        		
		        		$($('#biz_item_'+$('#bizItemId').val()).find('td')[0]).text(returnData.bizItemVO.bizName+"｜"); 
		        		$($('#biz_item_'+$('#bizItemId').val()).find('td')[1]).text(returnData.bizItemVO.bizTel+"｜");
		        		$($('#biz_item_'+$('#bizItemId').val()).find('td')[2]).text(returnData.bizItemVO.bizEmail);
		        		
		        		
		        		if($('input:checkbox[name="select"]').is(":checked")){
		        			$('#gamsa_right_table').find("tr").attr('class' , '');
		        			$('#biz_item_'+$('#bizItemId').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/bizCntrt/BizManagerDeleteAjax.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") ;
	        		//등록으로 변경
	        		$($('#biz_item_'+$('#bizItemId').val())).remove();
	        		
	        		$('#item_insert_btn').attr('value' , '등록').attr('onclick' , 'insert_item(); return false;') ;
	        		$('#bizItemId').val("") ;
	        		$("#bizPart").val("") ;
	        		$("#bizName").val("") ;
	        		$("#bizSpot").val("") ;
	        		$("#bizTel").val("") ;
	        		$("#bizEmail").val("") ;
	        		$("#bizDuty").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;') ; //수정 버튼 등록으로 변경 후 모든 컬럼 초기화
		$("#bizPart").val("");
		$("#bizName").val("");
		$("#bizSpot").val("");
		$("#bizTel").val("");
		$("#bizEmail").val("");
		$("#bizDuty").val("");
		$('#item_delete_btn').hide();
		setButtonDisableEvent("F") ;
	}	
	
	/* 우측 아이템 선택시 좌측 컬럼에 값 세팅 */
	function sel_bizItemId(bizItemId){
		
		$.ajax({
		    type: "POST",
		    url: "/uss/itsm/bizCntrt/BizManagerSelectAjax.do",
		    data:{  "bizItemId":bizItemId},
		    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.bizManagerInfo;
		        		
		        		$("#bizItemId").val(info.bizItemId);
		        		$("#bizPart").val(info.bizPart);
		        		$("#bizName").val(info.bizName);
		        		$("#bizSpot").val(info.bizSpot);
		        		$("#bizTel").val(info.bizTel);
		        		$("#bizEmail").val(info.bizEmail);
		        		$("#bizDuty").val(info.bizDuty);
		        		
		        		$('#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="bizId" id="bizId" value="${bizCntrtVO.bizId}"/>
<input type="hidden" name="bizItemId" id="bizItemId" value="${bizItemVO.bizItemId}"/>
<input type="hidden" name="bizFlag" value="${bizItemVO.bizFlag}" /><!-- 감사괸 종류 01 : 감사란, 02:담당자 -->
<input type="hidden" name="bizCd" value="${bizCntrtVO.bizCd}" />
<input type="hidden" name="bizMaster" id="bizMaster" value=""/>	
<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="bizPart" id="bizPart" placeholder="소속을 입력해 주세요" value="" >
                    </li>
                    <li>
                        <div class="person_info_text">성명</div>
                        <input type="text" name="bizName" id="bizName" placeholder="성명을 입력해 주세요" value="" >
                    </li>
                    <li>
                        <div class="person_info_text">직위</div>
                        <input type="text" name="bizSpot" id="bizSpot" placeholder="직위을 입력해 주세요" value="" >
                    </li>
                    <li>
                        <div class="person_info_text">전화번호</div>
                        <input type="text" name="bizTel" id="bizTel" placeholder="전화번호를 입력해 주세요" value="">
                    </li>
                    <li>
                        <div class="person_info_text">이메일</div>
                        <input type="text" name="bizEmail" id="bizEmail" placeholder="이메일을 입력해 주세요" value="">
                    </li>
                    <li>
                        <div class="person_info_text">직무</div>
                        <input type="text" name="bizDuty" id="bizDuty" placeholder="직무를 입력해 주세요" value="">
                    </li>
                    <li>
                        <div class="enterprise_check_point">
                        	<input name="select" id="select" type="checkbox"/>
							<label for="select"></label>
                        	대표 담당자 지정
                        </div>
                    </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="width:350px; height: 470px">
            <table id="gamsa_right_table">
                <c:forEach var="result" items="${bizItemList}" varStatus="status">
                <tr id="biz_item_${result.bizItemId}" value='${result.bizItemId}' onclick="sel_bizItemId('${result.bizItemId}')" <c:if test="${result.bizMaster eq 'Y'}"> class="top_person" </c:if>>
                    <td>${result.bizName} ｜</td>
                    <td>${result.bizTel}｜</td>
                    <td>${result.bizEmail}</td>
                </tr>
                </c:forEach>
            </table>
        </div>
    </div>
</form>    
</body>
</html>
