<%--
  Class Name : IpDetailAjax.jsp
  Description : Ip상세
  Modification Information
 
      수정일         수정자                   수정내용
    -------    --------    ---------------------------
     2018.06.11   ITN              최초 생성
 
    author   : ITN
    since    : 2018.06.11
--%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page import="egovframework.com.cmm.service.EgovProperties"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<script type="text/javascript" src="/js/audit/audit.common.js"></script> 
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javaScript" language="javascript">
$( document ).ready(function(){
	$('#ipHwCode').niceSelect();
	$('#pageHisUnit').niceSelect();
	ipResetFileZone();
	<c:if test="${ipVO.pageType eq 'New'}">
		$('#ipSearchYear').hide();
		$('#ipSearchQuarter').hide();
		$('#ipSearchQuarterPer').hide();
	</c:if>
	<c:if test="${ipVO.pageType ne 'New'}">
		//사용기간 날짜 세팅
		$('#ipSearchYear').append(setDateBoxValue);
		$('#ipSearchYear').niceSelect();
		
		$('#ipSearchQuarter').niceSelect('destroy').css('display','none') ;
		$('#ipSearchQuarterPer').niceSelect('destroy').css('display','none');
		
		//사용기간 세팅
		<c:if test="${!empty ipTeVO.ipSearchYear}">
			changeSearchYear( '${ipTeVO.ipSearchYear}' , 'N');
			$('#ipSearchYear').val('${ipTeVO.ipSearchYear}').niceSelect('update');
		</c:if>
		<c:if test="${!empty ipTeVO.ipSearchQuarter}">
			changeSearchQuarter('${ipTeVO.ipSearchQuarter}' , 'N') ;
			$('#ipSearchQuarter').val('${ipTeVO.ipSearchQuarter}').niceSelect('update');
		</c:if>
		
		<c:if test="${!empty ipTeVO.ipSearchQuarterPer}">
			$('#ipSearchQuarterPer').val('${ipTeVO.ipSearchQuarterPer}').niceSelect('update');
		</c:if>
	</c:if>
	
	// 달력버튼 마우스오버 시 이미지 변경

	$("a.date_select_btn").mouseover(function(){
		$(this).children("img").attr("src","/direct/img/bu_icon_carlendar_on.gif")
	})
	
	//선택한 tr 색 지정
	$('.tr_list').css("background-color", "white");
	$('#tr_list_${ipVO.ipId}').css("background-color", "#f5f7fa");
	setNumberOnly(); //숫자만 입력
	gotab("${ipVO.tabFlag}"); //보여줄 탭
	/* 등록페이지 삭제, 사용기간 삭제버튼 클릭시 */
	
	$(".del_each_ip").click(function (event){
		if(!confirm("삭제하시겠습니까?")){
			return;
		}
		if($('#tabFlag').val() == '3'){ //사용기간 삭제처리시
			
			if($(useForm).find("input[name=del]:checked").length == 0){
				alert("선택된 항목이 없습니다.");
				return;
			}
		
			var data = $('#useForm').serialize();
		    $.ajax({
		        type: "POST",
		        url: "/uss/itsm/ip/IpteDeleteAjax.do",
		        data: data,
		        dataType:'jsonp',
		        cache: false,
		        timeout: 600000,
		        success: function (returnData, status) {
		            if(status == 'success'){
		            	if(returnData.result == 'fail'){
		            		alert("삭제처리가 실패하였습니다.");
		            	}else if(returnData.result == 'auth_fail'){
		            	}else if(returnData.result =='success'){
	            			alert("삭제처리 되었습니다.");
	            			getDetail("useForm");	
		            	}
		            }else{
		            	alert("삭제처리에 실패하였습니다.");
		            }
		        },
		        error: function (e) {
		            console.log("ERROR : ", e);
		            alert("삭제처리에 실패하였습니다.");
		        }
		    });
		}else{ //등록페이지 삭제처리
			var data = $('#writeForm').serialize();
		    $.ajax({
		        type: "POST",
		        url: "/uss/itsm/ip/IpDeleteAjax.do",
		        data: data,
		        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("삭제처리 되었습니다.");
	            			getList();
	            			$('#pageType').val(''); //초기화
	            			getDetail('writeForm');
		            	}
		            }else{
		            	alert("삭제처리에 실패하였습니다.");
		            }
		        },
		        error: function (e) {
		            console.log("ERROR : ", e);
		            alert("삭제처리에 실패하였습니다.");
		        }
		    });
		}
	});
	
	/* 수리내역 리스트에서 삭제버튼 클릭시 */
	$(".del_each_re_asset").click(function (event){
		event.preventDefault();
		if($(repairForm).find("input[name=del]:checked").length == 0){
			alert("선택된 항목이 없습니다.");
			return;
		}
		
		var data = $('#repairForm').serialize();
	    $.ajax({
	        type: "POST",
	        /* url: "/uss/itsm/asset/AssetDeleteAjax.do", */
	        url: "/uss/itsm/asset/AssetRepairDeleteAjax.do",
	        data: data,
	        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("삭제처리 되었습니다.");
            			getDetail('repairForm');
	            	}
	            }else{
	            	alert("삭제처리에 실패하였습니다.");
	            }
	        },
	        error: function (e) {
	            console.log("ERROR : ", e);
	            alert("삭제처리에 실패하였습니다.");
	        }
	    });
	});
	
	/* 대여역 리스트에서 삭제버튼 클릭시 */
	$(".del_each_rt_asset").click(function (event){
		event.preventDefault();
		if($(rentForm).find("input[name=del]:checked").length == 0){
			alert("선택된 항목이 없습니다.");
			return;
		}
		var data = $('#rentForm').serialize();
	    $.ajax({
	        type: "POST",
	        url: "/uss/itsm/asset/AssetRentDeleteAjax.do",
	        data: data,
	        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("삭제처리 되었습니다.");
            			getDetail('rentForm');
	            	}
	            }else{
	            	alert("삭제처리에 실패하였습니다.");
	            }
	        },
	        error: function (e) {
	            console.log("ERROR : ", e);
	            alert("삭제처리에 실패하였습니다.");
	        }
	    });
	});
	
	/* 수리내역 리스트 클릭시 수정 클릭시 */
	$(".td_repair_list").click(function (event){
		$('#astReId').val($(this).parent().attr('value'));
		$(repairPopupForm).find('input#pageType').val("Modify");
		insertRepairAssetPop();
		$('#astReId').val('');
		$(repairPopupForm).find('input#pageType').val("");
	});
	
	/* 대여내역 리스트 클릭시 수정 클릭시 */
	$(".td_rent_list").click(function (event){
		$('#astRtId').val($(this).parent().attr('value'));
		$(rentPopupForm).find('input#pageType').val("Modify");
		insertRentAssetPop();
		$('#astRtId').val('');
		$(rentPopupForm).find('input#pageType').val("");
	});
	
	 $(".file").change(function() { //이미지 미리보기
		 var limitsize = 50*1024*1024;  //파일 제한 체크(50개, 50MB)
	     var limitcount = 50;
   	   	 if(this.files[0].size > limitsize){
    	 	alert("등록하시려는 파일 사이즈가"+getStrFileSize(this.files[0].size)+"로 50MB이하만 업로드 가능합니다.");
    	   return ;
    	 }
	     readURL(this);
	 });
	 
	 $(".file1").change(function() { //이미지 미리보기
		 var limitsize = 50*1024*1024;  //파일 제한 체크(50개, 50MB)
	     var limitcount = 50;
   	   	 if(this.files[0].size > limitsize){
    	 	alert("등록하시려는 파일 사이즈가"+getStrFileSize(this.files[0].size)+"로 50MB이하만 업로드 가능합니다.");
    	   return ;
    	 }
	 });
	 
	<c:if test="${!empty ipVO.atchFileId}">
	 	$('.asset_enroll_img').css({'background':'url("/cmm/fms/getAssetImage.do?atchFileId=${ipVO.atchFileId}")', 
	     	'background-repeat': 'no-repeat', 
	     	'background-position':'center'
	     });
	</c:if>
	
	{ //순서정렬 변경내역
		 var searchHisSortCnd = $("[name='searchHisSortCnd']").val();
		 var searchHisSortOrd = $("[name='searchHisSortOrd']").val();
		 if (searchHisSortCnd != "" && searchHisSortOrd != "") {
			var imgOrdr = "";
			if (searchHisSortOrd == "desc") imgOrdr = "down";
			else imgOrdr = "up";
			var $sort_div = $("#sortHis_"+ searchHisSortCnd);
			var ordrImg = "<img class='ordr' src='/direct/img/sort_"+imgOrdr+"_on.png' alt=''>";
			$sort_div.attr("sortOrd", searchHisSortOrd);
			$sort_div.find("div img").remove();
			$sort_div.find("div").append(ordrImg);
		}
	}
	
	{ //순서정렬 사용내역
		 var searchTeSortCnd = $("[name='searchTeSortCnd']").val();
		 var searchTeSortOrd = $("[name='searchTeSortOrd']").val();
		 if (searchTeSortCnd != "" && searchTeSortOrd != "") {
			var imgOrdr = "";
			if (searchTeSortOrd == "desc") imgOrdr = "down";
			else imgOrdr = "up";
			var $sort_div = $("#sortTe_"+ searchTeSortCnd);
			var ordrImg = "<img class='ordr' src='/direct/img/sort_"+imgOrdr+"_on.png' alt=''>";
			$sort_div.attr("sortOrd", searchTeSortOrd);
			$sort_div.find("div img").remove();
			$sort_div.find("div").append(ordrImg);
		}
	}
	
	// 정렬 항목 이벤트
	$(".sortHis").click(function(e){
		listHisSortOrd(this);
	});
	
	$(".sortTe").click(function(e) {
		listTeSortOrd(this);
	});
	
	//사용여부, 타입  최초 기타로 세팅
	<c:if test="${ipVO.pageType == 'New'}">
		$("input:radio[name='ipUseCode']:radio[value='3']").prop('checked', true); // 선택하기
		$("input:radio[name='ipTypeCode']:radio[value='09']").prop('checked', true); // 선택하기
		
	</c:if>
	
	//사용기간합계
	var useterm_day_tot = 0;
	$('.ip_useterm_day').each(function(index){
		useterm_day_tot += $(this).text()*1;
	});
	$('.ip_useterm_sum_num').text(useterm_day_tot);
	
});

function setNumberOnly(){ //숫자만 입력
	$("input:text[numberOnly]").on("keyup", function(){
	    $(this).val($(this).val().replace(/[^0-9]/g,""));
	});
}

/* 탭이동*/
function gotab(flag){
	/* 탭순서 
	asset_enroll_menu  1 , asset_change_menu  2, 	asset_repair_menu  3, asset_rental_menu  4
	*/
	
	$('.detail_btns_list').hide(); //버튼 영역 모두 안보이게
	$('.li_tab').each(function(index){
		$(this).removeClass('list_tab_menu_on'); //모든 탭 상단 파란색 클래스 삭제
	});
	$('.asset_enroll_wrap').css('display' , 'none') ;  //모든 탭  안보이게...
	$('.asset_change_detail_wrap').css('display' , 'none') ;
	$('.ip_useterm_table_area').css('display' , 'none') ;
	
	if(flag=='1'){
		$('.asset_enroll_wrap').css('display' , 'block') ;
		$('.asset_enroll_menu').addClass('list_tab_menu_on') ;
		$('#tabFlag').val('1');
		$('.regi_btns_list').show();
	}else if(flag=='2'){	
		$('.asset_change_detail_wrap').css('display' , 'block') ;
		$('.asset_change_menu').addClass('list_tab_menu_on') ;
		$('#tabFlag').val('2');
	}else if(flag=='3'){
		$('.ip_useterm_table_area').css('display' , 'block') ;
		$('.ip_useterm').addClass('list_tab_menu_on') ;
		$('#tabFlag').val('3');
		$('.use_btns_list').show();
	}
}

function getHisList(pageNo, openerCall){
	if($('.tr_change_list').length == 0 && (openerCall==undefined || openerCall=="undefined" || openerCall=="")){ //값이 없으면 리턴
		return;
	}
	if(pageNo != '' && pageNo != undefined){
		$('#pageHisIndex').val(pageNo);	
	}
	getDetail('changeForm');
}

/*수리내역 페이지 리스트 */
function getReList(pageNo, openerCall){
	if($('.tr_use_list').length == 0  && (openerCall==undefined || openerCall=="undefined" || openerCall=="")){ //값이 없으면 리턴
		return;
	}
	if(pageNo != '' && pageNo != undefined){
		$('#pageReIndex').val(pageNo);	
	}
	getDetail("repairForm");
}

/*대여내역 페이지 리스트 */
function getRtList(pageNo, openerCall){
	if($('.tr_rent_list').length == 0  && (openerCall==undefined || openerCall=="undefined" || openerCall=="")) { //값이 없으면 리턴
		return;
	}
	if(pageNo != '' && pageNo != undefined){
		$('#pageRtIndex').val(pageNo);	
	}
	getDetail("rentForm");
}

/* 수리내역 등록 버튼 클릭시 */
function insertRepairAssetPop(){ 
	fileupladOpener = window.open('', 'assetOpener', "width=185, height=195, left=30, top=130","location = no","status= no","toolbars= no");
	document.repairPopupForm.method = "post";
	document.repairPopupForm.action = "/uss/itsm/asset/AstRepairPopup.do";
	document.repairPopupForm.target = "assetOpener" ;
	document.repairPopupForm.submit();
}

/* 대여내역 등록 버튼 클릭시 */
function insertRentAssetPop() { 
	fileupladOpener = window.open('', 'assetOpener', "width=185, height=195, left=30, top=130","location = no","status= no","toolbars= no");
	document.rentPopupForm.method = "post";
	document.rentPopupForm.action = "/uss/itsm/asset/AstRentPopup.do";
	document.rentPopupForm.target = "assetOpener" ;
	document.rentPopupForm.submit();
}

/* 대여내역 등록 버튼 클릭시 */
function insertAlarmAssetPop() { 
	fileupladOpener = window.open('', 'assetOpener', "width=185, height=195, left=30, top=130","location = no","status= no","toolbars= no");
	document.writeForm.method = "post";
	document.writeForm.action = "/uss/itsm/asset/AstAlarmPopup.do";
	document.writeForm.target = "assetOpener" ;
	document.writeForm.submit();
}


/* 수리내역 전체 체크박스 */
function fnCheckReAll() {
    var checkField = document.repairForm.del;
    if(document.repairForm.checkReAll.checked) {
        if(checkField) {
            if(checkField.length > 1) {
                for(var i=0; i < checkField.length; i++) {
                    checkField[i].checked = true;
                }
            } else {
                checkField.checked = true;
            }
        }
    } else {
        if(checkField) {
            if(checkField.length > 1) {
                for(var j=0; j < checkField.length; j++) {
                    checkField[j].checked = false;
                }
            } else {
                checkField.checked = false;
            }
        }
    }
}

/*  사용기간 전체 체크박스 */
function fnCheckTeAll() {
    var checkField = document.useForm.del;
    if(document.useForm.checkTeAll.checked) {
        if(checkField) {
            if(checkField.length > 1) {
                for(var i=0; i < checkField.length; i++) {
                    checkField[i].checked = true;
                }
            } else {
                checkField.checked = true;
            }
        }
    } else {
        if(checkField) {
            if(checkField.length > 1) {
                for(var j=0; j < checkField.length; j++) {
                    checkField[j].checked = false;
                }
            } else {
                checkField.checked = false;
            }
        }
    }
}

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

function file_del(atchFileId, fileType){ //파일이름 초기화 및 DB 삭제
	if(!confirm("등록된 사진을 삭제하시겠습니까?")){
		return;
	}
    $.ajax({
        type: "POST",
        url: "/uss/itsm/asset/AssetFileDeleteAjax.do",
        data:{ "atchFileId" : atchFileId , "fileType" : fileType}, 
        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(); //파일초기화
	$('.del_btn').attr("onclick", "setFileInit()");
}

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

/* 문서 파일  팝업 */
function ipFilePopup(){
	var docWidth = screen.availWidth;
	var docHeight = screen.availHeight;
	
	var scX = window.screenX||window.screenLeft||0;
	var scY = window.screenY||window.screenTop||0;
	
	var popupX = scX + (docWidth - 185) / 2;
	var popupY = scY + (docHeight - 195) / 2;
	
	fileupladOpener = window.open('', 'ipFilePopup', "width=185, height=195, left="+popupX+", top="+popupY, "location = no","status= no","toolbars= no");
	document.writeForm.method = "post";
	document.writeForm.action = "/uss/itsm/ip/IpFilePopup.do"; 
	document.writeForm.target = "ipFilePopup" ;
	document.writeForm.submit();
}

var tempIpHwCodeDc = $('#ipHwCodeDc').val();
function setIpHwCodeDc(obj){
	if($(obj).val()=="09"){ //기타일 경우
		$('#ipHwCodeDc').attr('disabled', false);
		$('#ipHwCodeDc').val(tempIpHwCodeDc);
	}else{
		$('#ipHwCodeDc').attr('disabled', true);
		$('#ipHwCodeDc').val("");
	} 
}

//목록 정렬 항목 클릭
function listHisSortOrd(obj){
	if($('.tr_change_list').length == 0){ //값이 없으면 리턴
		return;
	}
	
	var sortOrd = $(obj).attr("sortOrd");
	var sortCnd = $(obj).attr("id");
	
	$("[name='searchHisSortCnd']").val(sortCnd.substring(8)); // 구분자 제거
	if (sortOrd == "desc") $("[name='searchHisSortOrd']").val("asc");
	else $("[name='searchHisSortOrd']").val("desc");
	getDetail('changeForm');
}

function listTeSortOrd(obj){
	if($('.tr_use_list').length == 0){ //값이 없으면 리턴
		return;
	}
	var sortOrd = $(obj).attr("sortOrd");
	var sortCnd = $(obj).attr("id");
	
	$("[name='searchTeSortCnd']").val(sortCnd.substring(7)); // 구분자 제거
	if (sortOrd == "desc") $("[name='searchTeSortOrd']").val("asc");
	else $("[name='searchTeSortOrd']").val("desc");
	getDetail('useForm');
}


function changeSearchYear(value,search){
	if(value == ""){
		$('#ipSearchQuarter').val("");
		$('#ipSearchQuarterPer').val("");
		$('#ipSearchQuarter').niceSelect('destroy').css('display','none') ;
		$('#ipSearchQuarterPer').niceSelect('destroy').css('display','none') ;
		getDetail("useForm");
		return false;
	}
	$('#ipSearchQuarter').show();
	$('#ipSearchQuarter').niceSelect();
	if(search == 'Y'){
		getDetail("useForm");	
	}
}

function changeSearchQuarter(value ,search){
	if(value == ""){
		$('#ipSearchQuarterPer').val();
		$('#ipSearchQuarterPer').niceSelect('destroy').css('display','none') ;
	}else{
		var tempText = "";
		if(value == "01"){//반기
			tempText +="<option value='01'>상반기</option>" ;
			tempText +="<option value='02'>하반기</option>" ;
		}else{
			tempText +="<option value='01'>1분기</option>" ;
			tempText +="<option value='02'>2분기</option>" ;
			tempText +="<option value='03'>3분기</option>" ;
			tempText +="<option value='04'>4분기</option>" ;
		}
		
		$('#ipSearchQuarterPer').empty();
		$('#ipSearchQuarterPer').niceSelect('update').niceSelect('destroy').css('display','none');
		$('#ipSearchQuarterPer').append(tempText);
		$('#ipSearchQuarterPer').css("width", "auto");
		$('#ipSearchQuarterPer').show();
		$('#ipSearchQuarterPer').niceSelect() ;
	}
	
	if(search == 'Y'){
		getDetail("useForm");	
	}
}

function changeSearchYearPer(value,search){
	if(search == 'Y'){
		getDetail("useForm");	
	}
}

function getLisIpTd(){ //사용기간 검색
	getDetail("useForm");
}

function dateReset(){ 
	$('#ipUseStarYYYMMDD').val("") ;
	$('#ipUseEddrYYYMMDD').val("") ;
}

function file_download(atchFileId){ 
	window.open("/cmm/fms/perFileDown.do?atchFileId="+atchFileId+"&fileSn=0&dbType=ipFile");
}


var tempText = "";
function ipResetFileZone(){ //첨부파일 등록후 다시 그려줌
	$.ajax({
        type: "POST",
        url: "/uss/itsm/ip/IpResetFileZone.do",
        data:{ "refId" :  "${ipVO.ipId}"}, 
        dataType:'jsonp',
        cache: false,
        async: false,
        timeout: 600000,
        success: function (returnData, status) {
            if(status == 'success'){
            	if(returnData.result == 'fail'){
            	}else if(returnData.result == 'auth_fail'){
            		alert("세션이 종료되었습니다.");
            	}else if(returnData.result =='success'){
            		$('#tbody_file').find('tr').remove();
            		if(returnData.fileList.length == 0){
            			tempText = '<tr>';
            			tempText += '<td class="file_title" colspan="10" style="text-align: center;width:806px;">등록된 첨부파일이 없습니다.</td>';
            			tempText += '</tr>';
            		}else{
            			for(var i=0 ; i< returnData.fileList.length ; i++){
            				tempText += '<tr id="trReqFile_">' ;
                    		tempText += '	<td class="file_title">';
                    		tempText += '		<img src="" value="파일아이콘">';
                    		tempText += '		<a href="#" onclick="file_download(\''+returnData.fileList[i].atchFileId+'\')">'+returnData.fileList[i].orignlFileNm+'</a>';
                    		tempText += '	</td>';
                    		tempText += '	<td class="file_size">'+getStrFileSize(returnData.fileList[i].fileSize)+'</td>';
                    		tempText += '	<td class="file_delect"><input type="button" class="del_file_btn" onclick="IpDelFile(\''+returnData.fileList[i].atchFileId+'\'); return false;"></td>';
                    		tempText += '</tr>';
            			}
            		}
            		$('#tbody_file').append(tempText);
            		tempText="";
            	}
            }else{
            	alert("삭제처리에 실패하였습니다.");
            }
        },
        error: function (e) {
            console.log("ERROR : ", e);
            alert("삭제처리에 실패하였습니다.");
        }
    });
}


/* 등록되어 있는 파일 삭제버튼 클릭시 */
function IpDelFile(itemId){
	if(!confirm("삭제하시겠습니까?")){
		return false;
	}

 	$.ajax({
        type: "POST",
        url: "/uss/itsm/ip/IpFileDeleteAjax.do",
        data:{ "atchFileId" : itemId}, 
        dataType:'jsonp',
        cache: false,
        async: 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'){
            		ipResetFileZone();	
            	}
            }else{
            	alert("삭제처리에 실패하였습니다.");
            }
        },
        error: function (e) {
            console.log("ERROR : ", e);
            alert("삭제처리에 실패하였습니다.");
        }
    });
}
</script>
<style type="text/css">
	 /* _:-ms-input-placeholder, :root .asset_right_sort_table .asset_list_tab_menu li.table_btns_list.regi_btns_list { width: 757px !important; } */
</style>
	<div class="asset_table_detail ip_table_detail">
	<ul class="nav list_tab_menu asset_list_tab_menu ip_list_tab_menu">
		<li class="list_tab_menu_on asset_enroll_menu ip_enroll_menu li_tab"><a href="javascript:void(0);" onclick="gotab('1');">IP등록</a></li>
		<li class="asset_change_menu ip_change_menu li_tab"><a href="javascript:void(0);" onclick="gotab('2');">변경내역</a></li>
		<li class="ip_useterm li_tab"><a href="javascript:void(0);" onclick="gotab('3');">사용기간</a></li>
		<li class="table_btns_list detail_btns_list regi_btns_list" style="float:right;margin-right:13px;">
			<input type="button" value="등록" class="enroll_asset enroll_ip ip_regi_button" onclick="updateIp(); return false;"
				<c:if test="${ipVO.pageType == 'Modify'}">style="display:none;"</c:if>>
			
			<input type="button" value="수정" class="edit_asset edit_ip ip_modify" onclick="updateIp(); return false;"
				<c:if test="${ipVO.pageType == 'New'}">style="display:none;"</c:if>>
			
			<input type="button" value="삭제" class="del_asset del_ip ip_modify del_each_ip"
				<c:if test="${ipVO.pageType == 'New'}">style="display:none;"</c:if>>
		</li>
		
		 <c:if test="${ipVO.pageType ne 'New'}">
         	<li class="table_btns_list detail_btns_list use_btns_list"> 
           	 <input type="button" value="등록" class="enroll_asset enroll_ip ip_regi_button" onclick="updateIp(); return false;">
           	 <input type="button" value="삭제" class="del_asset del_ip ip_modify del_each_ip">
         	</li>
		 </c:if>
		 
		
	</ul>
	<form name="detailParamForm" id="detailParamForm"  method="post">
		<input type="hidden" name="tabFlag" id="tabFlag" />
	</form>
	<form name="writeForm" id="writeForm" enctype="multipart/form-data" method="post">
	<input type="hidden" name="ipId" id="ipId" value="${ipVO.ipId}"/>
	<input type="hidden" name="pageType" id="pageType" value="${ipVO.pageType}" />
	<input type="hidden" name="imsi" />
	<input type="hidden" name="del" id="del" value="${ipVO.ipId}"/>
	<input type="hidden" name="ipIds" id="ipIds" />
	
	<div class="asset_enroll_wrap ip_enroll_wrap">
		<ul class="asset_enroll_list ip_enroll_list" style="height: 347px" >
			<li>
				<div class="listTitle">호스트명</div><input type="text" name="ipHost" id="ipHost" maxlength="20"  value="${ipVO.ipHost}">
			</li>
			<li><div class="listTitle">타입</div>
				<c:forEach var="result" items="${ipTypeCodeList}" varStatus="status">
					<input type="radio" id="ipTypeCode_${result.id}" name="ipTypeCode" value="${result.id}"            		
						<c:if test="${ipVO.ipTypeCode eq result.id}"> checked="checked"</c:if>>
					<label for="ipTypeCode_${result.id}"></label><label for="ipTypeCode_${result.id}">${result.text}</label>
				</c:forEach>
			</li>
			<li>
				<div class="listTitle">IP주소</div><input type="text" id="ipAddr" name="ipAddr" maxlength="20"  maxlength="20"  value="${ipVO.ipAddr}">
			</li>
			<li><div class="listTitle">MAC주소</div><input type="text" name="ipMacAddr" id="ipMacAddr" maxlength="20"  value="${ipVO.ipMacAddr}"></li>
			<li><div class="listTitle">위치</div><input type="text" name="ipLoc" id="ipLoc" maxlength="20"  value="${ipVO.ipLoc}" ></li>
			<li><div class="listTitle">스위치</div><input type="text" name="ipSwich" id="ipSwich" maxlength="20"  value="${ipVO.ipSwich}"></li>
			<li><div class="listTitle">운영체제</div><input type="text" name="ipOs" id="ipOs" maxlength="300"  value="${ipVO.ipOs}" ></li>
			<li><div class="listTitle">인증자</div><input type="text" name="ipAuthUser" id="ipAuthUser" maxlength="20"  value="${ipVO.ipAuthUser}" ></li>
			<li><div class="listTitle">랜선번호</div><input type="text" name="ipLanNum" id="ipLanNum" maxlength="20"  value="${ipVO.ipLanNum}" ></li>
			<li><div class="listTitle">소속</div><input type="text" class="ip_required_serch" readonly="readonly" name="ipDeptText" id="ipDeptText" value="${ipVO.ipDeptText}" ><input type="button" class="ip_enroll_serch_btn" value="검색" onclick="ipDeptPopup(this);"></li>
			<input type="hidden" name="ipDept" id="ipDept" value="${ipVO.ipDept}" >
		</ul>
		<ul class="asset_enroll_list ip_enroll_list ip_enroll_list_2" style="height: 347px; overflow: visible;">
			<li><div class="listTitle">성명</div><input type="text" name="ipUserName" id="ipUserName" maxlength="20"  value="${ipVO.ipUserName}"></li>
			<li><div class="listTitle">직위</div><input type="text" class="ip_required_serch" readonly="readonly" name="ipManagerText" id="ipManagerText" 
				<c:forEach var="codeList" items="${ipMnagerCodeList}">
           		<c:if test="${ipVO.ipManager eq codeList.id}">
           			value="${codeList.text}"
           		</c:if>
           	 	</c:forEach>
			><input type="button" class="ip_enroll_serch_btn" value="검색" onclick="ipMnagerPopup(this);"></li>
			<input type="hidden" name="ipManager" id="ipManager" value="${ipVO.ipManager}" >
			<li><div class="listTitle">사용여부</div><c:forEach var="result" items="${ipUseCodeList}" varStatus="status"><input type="radio" id="ipUseCode_${result.id}" name="ipUseCode" value="${result.id}" 
					<c:if test="${ipVO.ipUseCode eq result.id}"> checked="checked"</c:if>><label for="ipUseCode_${result.id}"></label><label for="ipUseCode_${result.id}">${result.text}</label></c:forEach>
				<input type="text" class="ip_use_etc"></li>
			<li><div class="listTitle"><span style="color: #f44336;"></span>사용기간</div><input type="text" class="ip_use_date" name="ipUseStarYYYMMDD" id="ipUseStarYYYMMDD" readonly="readonly" value="${ipVO.ipUseStar}" ><a href="#Redirect" onclick="javascript:fn_egov_NormalCalendar(document.forms.writeForm, document.forms.writeForm.ipUseStarYYYMMDD);" class="date_select_btn">
						<img src="/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif" align="middle" style="top:7px;left:-25px;border:0px;vertical-align: baseline;" alt="달력창팝업버튼이미지">
					</a>&ensp;~&ensp;<input type="text" style="margin-left:0;" class="ip_use_date" name="ipUseEddrYYYMMDD" id="ipUseEddrYYYMMDD" readonly="readonly" value="${ipVO.ipUseEddr}" >
					<a href="#Redirect" onclick="javascript:fn_egov_NormalCalendar(document.forms.writeForm, document.forms.writeForm.ipUseEddrYYYMMDD);" class="date_select_btn">
						<img src="/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif" align="middle" style="top:7px;left:-25px;border:0px;vertical-align: baseline;" alt="달력창팝업버튼이미지">
					</a>
				<input type="button" class="ip_date_reset" value="초기화" onclick ="dateReset(); return false;">
				<div class="ip_use_check">
					<c:forEach var="result" items="${ipAlarmCodeList}" varStatus="status">
						<input type="radio" id="ipAlarmCode_${result.id}" name="ipAlarmCode" value="${result.id}"            		
							<c:if test="${ipVO.ipAlarmCode eq result.id}"> checked="checked"</c:if>>
						<label for="ipAlarmCode_${result.id}"></label><label for="ipAlarmCode_${result.id}">${result.text}</label>
					</c:forEach>
				</div>
			</li>
			<input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
			<input type="hidden" name="ipUseStar"  />	
			<input type="hidden" name="ipUseEddr"  />	
			
			<li><div class="listTitle">인터넷망</div>
				<c:forEach var="result" items="${ipNetCodeList}" varStatus="status">
					<input type="radio" id="ipNetCode_${result.id}" name="ipNetCode" value="${result.id}"            		
						<c:if test="${ipVO.ipNetCode eq result.id}"> checked="checked"</c:if>>
					<label for="ipNetCode_${result.id}"></label><label for="ipNetCode_${result.id}">${result.text}</label>
				</c:forEach>
			</li>
			<li><div class="listTitle">단말유형</div><select name="ipHwCode" id="ipHwCode" value="${ipVO.ipHwCode}" onchange="setIpHwCodeDc(this);">
					<c:forEach var="result" items="${ipHwCodeList}" varStatus="status">
						<option value="${result.id}" <c:if test="${ipVO.ipHwCode eq result.id}">selected="selected"</c:if>>${result.text}</option>
					</c:forEach>
				</select><input type="text" <c:if test="${ipVO.ipHwCode ne '09'}">disabled</c:if> 
				class="ip_select_etc_text" name="ipHwCodeDc" id="ipHwCodeDc" value="${ipVO.ipHwCodeDc}"></li>
			<li><div class="listTitle">자산명</div><input type="text" class="ip_required_serch" maxlength="20"  name="astIdText" id="astIdText" value="${ipVO.astIdText}"><input type="button" class="ip_enroll_serch_btn" value="검색" onclick="assetSelectPopup(this);"></li>
			<input type="hidden" name="astId" id="astId" value="${ipVO.astId}" />
			<%-- <li style="letter-spacing: -1.2px">문서첨부 <input type="text" class="ip_required_file" name="orignlFileNm" id="orignlFileNm" value="${ipVO.orignlFileNm}"><input type="button" class="ip_file_btn" onclick="ipFilePopup();"></li> --%>
			<li><div class="listTitle">비고</div><textarea name="ipDc" id="ipDc" cols="30" rows="10" maxlength="300" >${ipVO.ipDc}</textarea></li>
		</ul>
		
		<div class="ip_enroll_list_bottom">
			<div class="attachment_file_wrap">
				<table>
					<thead>
						<tr>
							<th colspan="3">첨부파일
							<div class="file_upload_Btn">
								<input type="button" onclick="ipFilePopup();">
							</div></th>
						</tr>
					</thead>
					<tbody id="tbody_file">
						<tr id="trReqFile_">
							<td class="file_title">
								<img src="" value="파일아이콘">
								<a href="">파일이름.jpg</a>
							</td>
							<td class="file_size">3350mb</td>
							<td class="file_delect"><input type="button" class="del_file_btn"></td>
						</tr>
						<tr>
							<td class="file_title" colspan="10" style="text-align: center;width:806px;">등록된 첨부파일이 없습니다.</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	</form>
	<!-- 변경내역 -->
	<form name="changeForm" id="changeForm" enctype="multipart/form-data" method="post">
     <div class="asset_change_detail_wrap" id="asset_change_detail_wrap" style="width: 1005px;">
         <input type="hidden" name="pageHisIndex" id="pageHisIndex" value="${ipHisVO.pageHisIndex}">
         <input type="hidden" name="pageType" id="pageType" value="${ipVO.pageType}">
         <input type="hidden" name="ipId" id="ipId" value="${ipVO.ipId}">
         
         <input type="hidden" name="searchHisSortCnd" value="<c:out value="${ipHisVO.searchHisSortCnd}" />" />
		 <input type="hidden" name="searchHisSortOrd" value="<c:out value="${ipHisVO.searchHisSortOrd}" />" />
         
         <div class="all_list_number" style="">총 <span class="all_number">${paginationHisInfo.totalRecordCount}</span>건</div>
         <div class="list_info_right" style="margin-right: 13px;">
             <div class="asset_list_page">
                 <ul>
                     <ui:pagination paginationInfo = "${paginationHisInfo}"  type="image" jsFunction="getHisList" />
                 </ul>
             </div>
             <div class="list_count">
                <select name="pageHisUnit" id="pageHisUnit" onchange="getHisList('1');";>
	                <option value="10" <c:if test="${ipHisVO.pageHisUnit == '10' or ipHisVO.pageHisUnit == ''}">selected</c:if>>10줄</option>
	                <option value="20" <c:if test="${ipHisVO.pageHisUnit == '20' }">selected</c:if>>20줄</option>
	                <option value="30" <c:if test="${ipHisVO.pageHisUnit == '30' }">selected</c:if>>30줄</option>
            	</select>
             </div>
         </div>
         <div class="asset_change_detail_table" style="width: 991px;">
             <table>
                 <thead>
                     <tr>
                     <th>번호
	                    <div class="sort sortHis" id="sortHis_IP_HS_ID">
							<div class="sort_btn">
								<img src="/direct/img/sort_up_img.png" alt="">
							</div>
						</div>
					</th>
                    <c:forEach var="columnList" items="${ipHisOrderList}" varStatus="status">
						<c:if test="${columnList.showYn eq 'Y'}"><!-- 구분 -->
							<th>${columnList.text}
								<div class="sort sortHis" id="sortHis_${columnList.id}">
									<div class="sort_btn">
										<img src="/direct/img/sort_up_img.png" alt="">
									</div>
								</div>
		                      </div>
							</th>
						</c:if>
					</c:forEach>
                    </tr>
                 </thead>
                 <tbody>
                     <c:forEach var="result" items="${ipHisList}" varStatus="status">
                      <tr class="tr_change_list"><!-- 값이 있는지 확인을 위해 -->
                         <td>
                         	<c:if test="${ipHisVO.searchHisSortOrd eq 'asc' }"><!-- 기본검색 -->
	                			<c:out value="${(ipHisVO.pageIndex - 1) * ipHisVO.pageUnit + status.count}"/>
		                	</c:if>
		                	<c:if test="${ipHisVO.searchHisSortOrd eq 'desc' or ipHisVO.searchHisSortOrd eq '' }">
		                		<c:out value="${ ( paginationHisInfo.totalRecordCount - ((ipHisVO.pageIndex -1)*ipHisVO.pageUnit) ) - status.index }"/>
		                	</c:if>
                         </td>
                         <td>${result.frstRegistPnttm}</td>
                         <td>
                         	<c:forEach var="columnResult" items="${columnList}" varStatus="status">
                         		<c:if test="${columnResult.id eq result.ipHsCol}">
                         			${columnResult.text}
                         		</c:if>
                         	</c:forEach>
                         </td>
                         <td class="before_change">
                         	${result.ipHsBe}
                         </td>
                         <td class="after_change">
                         		${result.ipHsAf}
                         </td>
                         <td>${result.frstRegisterId}</td>
                     </tr>
                     </c:forEach>
                     <c:if test="${empty ipHisList}">
		         	 <tr>
		         		<td colspan="16">변경내역이  없습니다.</td>
		         	 </tr>
		             </c:if>  
            
                 </tbody>
             </table>
         </div>
     </div>
    </form>
	
	<!-- 사용내역 -->
	<!-- <form name="repairForm" id="repairForm" method="post"> -->
	<form name="useForm" id="useForm" method="post">
	 <input type="hidden" name="pageTeIndex" id="pageHisIndex" value="${ipTeVO.pageTeIndex}">
     <input type="hidden" name="pageType" id="pageType" value="${ipVO.pageType}">
     <input type="hidden" name="ipId" id="ipId" value="${ipVO.ipId}">
       
     <input type="hidden" name="searchTeSortCnd" value="<c:out value="${ipTeVO.searchTeSortCnd}" />" />
 	 <input type="hidden" name="searchTeSortOrd" value="<c:out value="${ipTeVO.searchTeSortOrd}" />" />
	 <div class="ip_useterm_table_area">
		<div class="ip_useterm_select">
			<select name="ipSearchYear" id="ipSearchYear" onchange="changeSearchYear(this.value , 'Y'); return false;">
				<option value="">전체</option>
			</select>
			<select name="ipSearchQuarter" id="ipSearchQuarter" onchange="changeSearchQuarter(this.value , 'Y'); return false;">
				<option value="">전체</option>
				<option value="01">반기</option>
				<option value="02">분기</option>
			</select>
			<select name="ipSearchQuarterPer" id="ipSearchQuarterPer" onchange="changeSearchYearPer(this.value , 'Y'); return false;">
				<option value="">전체</option>
				<option value="01">상반기</option>
				<option value="02">하반기</option>
			</select>
		</div>
		<div class="ip_useterm_table">
			<table>
				<thead>
					<tr>
						<th class="ip_useterm_check"><input type="checkbox" id="checkTeAll" name="checkTeAll" onclick="fnCheckTeAll();" ><label for="checkTeAll"></label></th>
						<th class="ip_useterm_sort">번호
							<div class="sort sortTe" id="sortTe_IP_TE_ID" >
								<div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div>
							</div>
						</th>
						<c:forEach var="columnList" items="${ipTeOrderList}" varStatus="status">
						<c:if test="${columnList.showYn eq 'Y'}"><!-- 구분 -->
							<th class="ip_useterm_date" style="width: 285px;">${columnList.text}
								<div class="sort sortTe" id="sortTe_${columnList.id}">
									<div class="sort_btn">
										<img src="/direct/img/sort_up_img.png" alt="">
									</div>
								</div>
		                      </div>
							</th>
						</c:if>
						</c:forEach>
					</tr>
				</thead>
				<tbody>
					<c:forEach var="result" items="${ipTeList}" varStatus="status">
						 <tr class="tr_use_list tr_use_list_${result.ipTeId}"><!-- 값이 있는지 확인을 위해 -->
						 	<td class="ip_useterm_check"><input type="checkbox" name="del" id="check_use_${result.ipTeId}" value="${result.ipTeId}" /><label for="check_use_${result.ipTeId}"></label></td>
							<td class="ip_useterm_sort">
							<c:if test="${ipTeVO.searchTeSortOrd eq 'asc' }"><!-- 기본검색 -->
	                			<c:out value="${(ipTeVO.pageIndex - 1) * ipTeVO.pageUnit + status.count}"/>
		                	</c:if>
		                	<c:if test="${ipTeVO.searchTeSortOrd eq 'desc' or ipTeVO.searchTeSortOrd eq '' }">
		                		<c:out value="${ ( paginationTeInfo.totalRecordCount - ((ipTeVO.pageIndex -1)*ipTeVO.pageUnit) ) - status.index }"/>
		                	</c:if>
		                	
							</td>
							<td class="ip_useterm_date" style="width: 285px;"><c:out value="${result.ipUseStar}" /> ~ <c:out value="${result.ipUseEddr}" /></td>
							<td class="ip_useterm_date" style="width: 285px;">
								<input type="text" name="ipTeDc" maxlength="200" style="width: 285px;" value="<c:out value="${result.ipTeDc}" />" /><%-- <c:out value="${result.ipTeDc}" /> --%>
							</td>
							<td class="ip_useterm_day" style="width: 285px;"><c:out value="${result.ipUsePeriod}" /></td>
							<input type="hidden" name="ipUsePeriod" id="ipUsePeriod" value="${result.ipUsePeriod}">
						 </tr>
					</c:forEach>
					<c:if test="${empty ipTeList}">
		         	 <tr>
		         		<td style="width: 934px;text-align:center;" colspan="16">사용기간 내역이  없습니다.</td>
		         	 </tr>
		             </c:if>  
				</tbody>
				<tfoot>
					<tr>
						<td colspan="3" class="ip_useterm_sum">계</td>
						<td class="ip_useterm_sum_num">0</td>
					</tr>
				</tfoot>
			</table>
		</div>
	</div>
	</div>
	</form>
	<form name="useChangeForm" id="useChangeForm" method="post">
	</form>
</body>
</html>