<%--
  Class Name : IpFilePopup.jsp
  Description : 파일 첨부 팝업  화면
  Modification Information
 
      수정일         수정자                   수정내용
    -------    --------    ---------------------------
     2018.06.11   ITN              최초 생성
 
    author   : ITN
    since    : 2018.06.11
--%>
<%@ page language="java" 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 uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Language" content="ko">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link href="<c:url value='/'/>css/jstree/themes/default/style.min.css" rel="stylesheet" type="text/css">
<title>자산관리</title>
<link rel="stylesheet" href="/direct/css/font.css">
<link rel="stylesheet" href="/direct/css/reset.css">
<link rel="stylesheet" href="/direct/css/enroll_popup.css">
<link rel="stylesheet" href="/direct/css/nice-select.css">
<link rel="stylesheet" href="/direct/css/index.css">
<script src="<c:url value='/js/jquery-1.12.4.min.js' />"></script>
<script src="/direct/js/jquery-1.11.3.min.js"></script>
<script src="/direct/js/jquery-ui.min.js"></script>
<script src="/direct/js/jquery.nice-select.js"></script>
<script type="text/javascript" src="/js/audit/audit.common.js"></script> 
<script type="text/javaScript" language="javascript">
$( document ).ready(function(){
	{
	    var w = $('.enroll_popup').width();
	    var h = $('.enroll_popup').height();
	    window.resizeTo(w+25, h+50);
	}
	
	<c:if test="${ipVO.tabType == '01'}"> /* 부서별 트리에서 클릭한 경우만 */ 
		var arrLocNo = ${ipVO.arrLocNo};
		$('#searchCondition').val("01"); //부서 검색을 위해
		getSearchCondition_01(arrLocNo, 'Search'); //마지막 select 에서 조회 되게 하기 위해 value 값을 넘김	
	</c:if>
		
	<c:if test="${ipVO.tabType == '02'}"> /* 부서별 트리에서 클릭한 경우만 */ 
		var ipBand = "${ipVO.arrLocNoStr}";
		getSearchCondition_01(ipBand, 'Search'); //마지막 select 에서 조회 되게 하기 위해 value 값을 넘김	
	</c:if>
	
});


/* 전체 셀렉트 박스 내용 첫번째 가져오기   */
function getSearchCondition_01(nextValue, search){
	var searchConditionVal = $('#searchCondition').val();
	$('#searchCondition_01').val("");   
	$('#searchCondition_02').val("");  
	$('#searchCondition_03').val(""); 
	$('#searchCondition_01').niceSelect('destroy').css('display','none') ;
	$('#searchCondition_02').niceSelect('destroy').css('display','none') ;
	$('#searchCondition_03').niceSelect('destroy').css('display','none') ;

	$.ajax({
		type:"POST",
		async: false,
		url:"<c:url value='/uss/itsm/ip/getSearchCondition_01.do' />",
		data:{ "searchCondition":searchConditionVal , "tabType": "${ipVO.tabType}" },
		dataType:'jsonp',
		success : function(returnData, status) {
			if (status == "success"){
				if(returnData.resultList !=  undefined){
					$("select#searchCondition_01 option").remove(); //초기화
					if(returnData.resultList.length == 0){
						return;
					}
					var select_text_01 = "<option value=''>전체</option>";
					for(var i=0 ; i<returnData.resultList.length; i++){
						select_text_01 +="<option value='"+returnData.resultList[i].id+"'>"+returnData.resultList[i].text+"</option>" ;
					}
					
					$('#searchCondition_01').append(select_text_01);
					$('#searchCondition_01').css("width", "auto");
					$('#searchCondition_01').val(nextValue !=undefined && nextValue.length > 0 ? nextValue : "");
					$('#searchCondition_01').show();
					$('#searchCondition_01').niceSelect();
					if(nextValue !=undefined && nextValue.length > 0){  //(nextValue 트리에서 넘김)하위 검색이 있으면 다음 select박스로 넘김(트리구조에서 자동검색위해)
						getSearchCondition_02(nextValue, search); 
					}else{
						getDetail("searchForm") ;
					}	
				}
			} else { alert("ERROR"); return;}
		},
		error : function(request , status, error) {
			alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
		},
		complete : function () {
			return true;
		}
	});
	
}

/* 전체 셀렉트 박스 내용 두번째 가져오기 */
function getSearchCondition_02(nextValue, search){
	<c:if test="${ipVO.tabType == '02'}"> /* 부서별 트리에서 클릭한 경우만 */ 
		getDetail("searchForm") ;
		return;
	</c:if>
	
	var searchConditionVal = $('#searchCondition').val();
	var searchConditionVal_01 = $('#searchCondition_01').val();
	$('#searchCondition_02').val(""); 
	$('#searchCondition_03').val("");
	$('#searchCondition_02').niceSelect('destroy').css('display','none') ;
	$('#searchCondition_03').niceSelect('destroy').css('display','none') ;
	
	$.ajax({
		type:"POST",
		url:"<c:url value='/uss/itsm/ip/getSearchCondition_02.do' />",
		data:{ "searchCondition":searchConditionVal , "searchCondition_01" :searchConditionVal_01 },
		dataType:'jsonp',
		success : function(returnData, status) {
			if (status == "success"){
				$("select#searchCondition_02 option").remove(); //초기화
				if(returnData.resultList !=  undefined){
					
					if(searchConditionVal_01 !="" && returnData.resultList.length != 0){
						var select_text_01 = "<option value=''>전체</option>";
						for(var i=0 ; i<returnData.resultList.length; i++){
							select_text_01 +="<option value='"+returnData.resultList[i].id+"'>"+returnData.resultList[i].text+"</option>" ;
						}
						$('#searchCondition_02').append(select_text_01);
						$('#searchCondition_02').css("width", "auto");
						$('#searchCondition_02').val(nextValue !=undefined && nextValue.length > 1 ? nextValue : "");
						$('#searchCondition_02').show();
						$('#searchCondition_02').niceSelect() ;
						
						if(nextValue !=undefined && nextValue.length > 1){  //(nextValue 트리에서 넘김)하위 검색이 있으면 다음 select박스로 넘김(트리구조에서 자동검색위해)
							getSearchCondition_03(nextValue, search); 
						}else{
							getDetail("searchForm") ;
						}	
					}else{ //전체선택
						getDetail("searchForm") ;	
					}
					
				}
			} else { alert("ERROR"); return;}
		},
		error : function(request , status, error) {
			alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
		},
		complete : function () {
		}
	});

}

/* 전체 셀렉트 박스 내용 두번째 가져오기 */
function getSearchCondition_03(nextValue, search){
	var searchConditionVal = $('#searchCondition').val();
	var searchConditionVal_02 = $('#searchCondition_02').val();
	$('#searchCondition_03').val("");
	$('#searchCondition_03').niceSelect('destroy').css('display','none') ;
	
	$.ajax({
		type:"POST",
		url:"<c:url value='/uss/itsm/ip/getSearchCondition_03.do' />",
		data:{ "searchCondition":searchConditionVal , "searchCondition_02" :searchConditionVal_02 },
		dataType:'jsonp',
		success : function(returnData, status) {
			if (status == "success"){
				$("select#searchCondition_03 option").remove(); //초기화
				if(returnData.resultList !=  undefined){
					if(searchConditionVal_02 !="" && returnData.resultList.length != 0){
						var select_text_01 = "<option value=''>전체</option>";
						for(var i=0 ; i<returnData.resultList.length; i++){
							select_text_01 +="<option value='"+returnData.resultList[i].id+"'>"+returnData.resultList[i].text+"</option>" ;
						}
						$('#searchCondition_03').append(select_text_01);
						$('#searchCondition_03').css("width", "auto");
						$('#searchCondition_03').show();
						$('#searchCondition_03').val(nextValue !=undefined && nextValue.length > 2 ? nextValue : "");
						$('#searchCondition_03').niceSelect();
						
						if(nextValue !=undefined && nextValue.length > 2){  //(nextValue 트리에서 넘김)하위 검색이 있으면 다음 select박스로 넘김(트리구조에서 자동검색위해)
							getSearchCondition_04(nextValue, search); 
						}else{
							getDetail("searchForm") ;
						}	
					}else{ //전체선택
						getDetail("searchForm") ;	
					}
				}
			} else { alert("ERROR"); return;}
		},
		error : function(request , status, error) {
		},
		complete : function () {
		}
	});
}


/* 전체 셀렉트 박스 내용 두번째 가져오기 */
function getSearchCondition_04(nextValue, search){
	getDetail('searchForm') ;
}


/* 하단상세화면 */
function getDetail(pageType){
	var sendData = "";
	if(pageType == 'searchForm'){
		sendData = $(document.searchForm).serializeArray()
	}
	
	$("#ip_network_detail").load("/uss/itsm/ip/IpNetPopupDetailAjax.do", sendData
		,function(response, status, xhr){
	});
}

/* 상세정보 조회 */
function getIpDetailInfo(ipId){
	document.detailForm.ipId.value= ipId ;
	var sendData =  $(document.detailForm).serializeArray() ;
	
	$("#ip_network_info_table").load("/uss/itsm/ip/IpNetPopupInfoLoad.do", sendData
		,function(response, status, xhr){
	});
}

</script>
</head>
<body>
<form name="searchForm" id="searchForm" action="<c:url value='/uss/itsm/ip/IpList.do'/>" method="post">
<input type="hidden" name="searchCondition" id="searchCondition" value="${ipVO.searchCondition}" />
<input type="hidden" name="tabType" id="tabType" value="${ipVO.tabType}" />


	<div class="enroll_popup network_popup">
		<div class="enroll_popup_title">
			<img src="/direct/img/enroll_popup_title_bg.png" alt=""> IP사용현황
		</div>
		<div class="enroll_wrap">

			<div class="ip_network_wrap">
				<div class="ip_network_top_area">
					<div class="ip_network_top_left_area">
						<input type="hidden" id="searchCondition_load" >
						<select name="searchCondition_01" id="searchCondition_01" class="asset_sec_sort" style="display:none;" onchange="getSearchCondition_02();"></select>
                        <select name="searchCondition_02" id="searchCondition_02" class="asset_thr_sort" style="display:none;" onchange="getSearchCondition_03();"></select>
                        <select name="searchCondition_03" id="searchCondition_03" class="asset_four_sort" style="display:none;"onchange="getSearchCondition_04();"></select>
						<div class="ip_network_radio">
							<input type="radio" name="searchIpUseCode" id="searchIpUseCode_0" value="" checked="checked" onclick="getDetail('searchForm');" ><label for="searchIpUseCode_0"></label><label for="searchIpUseCode_0">전체</label>
							<input type="radio" name="searchIpUseCode" id="searchIpUseCode_1" value="1"  onclick="getDetail('searchForm');" ><label for="searchIpUseCode_1"></label><label for="searchIpUseCode_1">사용</label>
							<input type="radio" name="searchIpUseCode" id="searchIpUseCode_2" value="2"  onclick="getDetail('searchForm');" ><label for="searchIpUseCode_2"></label><label for="searchIpUseCode_2">미사용</label>
							<input type="radio" name="searchIpUseCode" id="searchIpUseCode_3" value="3"  onclick="getDetail('searchForm');" ><label for="searchIpUseCode_3"></label><label for="searchIpUseCode_3">기타</label>
						</div>
					</div>
				</div>
				<div id="ip_network_detail">
				</div>
			</div>
		</div>
	</div>
</form>	
</body>

</html>