<%--
  Class Name : IpReceive.jsp
  Description : IP신청목록
  Modification Information

      수정일         수정자                   수정내용
    -------    --------    ---------------------------
     2009.09.16    장동한          최초 생성

    author   : 공통서비스 개발팀 장동한
    since    : 2009.09.16

    Copyright (C) 2009 by MOPAS  All right reserved.
--%>
<%@ 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="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">
<script type="text/javascript" src="/js/EgovCalPopup.js"></script>
<script type="text/javaScript" language="javascript">
$( document).ready(function() {
	 // 목록 정렬 항목 아이콘 표시 
	 var searchSortCnd = $("[name='searchSortCnd']").val();
	 var searchSortOrd = $("[name='searchSortOrd']").val();
	 if (searchSortCnd != "" && searchSortOrd != "") {
		var imgOrdr = "";
		if (searchSortOrd == "desc") imgOrdr = "down";
		else imgOrdr = "up";
		
		var $sort_div = $("#sort_"+ searchSortCnd);
		var ordrImg = "<img class='ordr' src='/direct/img/sort_"+imgOrdr+"_on.png' alt=''>";
		
		$sort_div.attr("sortOrd", searchSortOrd);
		$sort_div.find("div img").remove();
		$sort_div.find("div").append(ordrImg);
	}
	 
	// 정렬 항목 이벤트
	$(".sort").click(function(e) {
		listSortOrd(this);
	});
	
});

//목록 조회
function linkPage(pageNo) {
	var searchStartDt = $("[name='searchStartDt']").val()
	var searchEndDt = $("[name='searchEndDt']").val()
	if (searchStartDt != "" && searchEndDt != "" ) {
		if (searchStartDt > searchEndDt) {
			alert("검색기간 시작일은 종료일보다 작아야 합니다."); return;
		}
	}
	
	document.listForm.pageIndex.value = pageNo ;
	document.listForm.target = "_self";
	document.listForm.method = "get";
	document.listForm.action = "<c:out value='/uss/itsm/eqRntl/selectEqRntlListWeb.do'/>";
	document.listForm.submit();
}

//목록 정렬 항목 클릭
function listSortOrd(obj) {
	var sortOrd = $(obj).attr("sortOrd");
	var sortCnd = $(obj).attr("id");
	
	$("[name='searchSortCnd']").val(sortCnd.substring(5)); // 구분자 제거
	if (sortOrd == "desc") $("[name='searchSortOrd']").val("asc");
	else $("[name='searchSortOrd']").val("desc");
	
	linkPage(1);
}

//조회조건 년 값 선택 시
function searchYearOnChange(){
	if ($("[name='searchYear']").val() != "") $("[name='searchMonth']").prop("disabled", false).niceSelect("update");
}

//전체 선택
function fnCheckAll() {
    var checkField = document.listForm.del;
    if(document.listForm.checkAll.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 registView() {
	
	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 - 888) / 2;
	var popupY = scY + (docHeight - 600) / 2;
	
   	window.open('', "registEqRntlOpener", "width=888, height=600,  left="+popupX+", top="+popupY,"toolbar=0","location=no", "directories=0", "status=0", "menubar=0");
	document.listForm.imsiYn.value = "Y";
	
	document.listForm.method = "post";
	document.listForm.action = "<c:url value='/uss/itsm/eqRntl/selectEqRntlDetailWeb.do'/>";
	document.listForm.target = "registEqRntlOpener" ;
	document.listForm.submit();
}

// 조회(등록/임시/수정)
function fn_detailWeb(eqRntlId){
	
	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 - 888) / 2;
	var popupY = scY + (docHeight - 600) / 2;
	
   	window.open('', "viewEqRntlWebOpener", "width=888, height=600, left="+popupX+", top="+popupY,"toolbar=0","location=no", "directories=0", "status=0", "menubar=0");
	document.listForm.eqRntlId.value = eqRntlId;
	document.listForm.imsiYn.value = "N";
	
	document.listForm.method = "post";
	document.listForm.action = "<c:url value='/uss/itsm/eqRntl/selectEqRntlDetailWeb.do'/>";
	document.listForm.target = "viewEqRntlWebOpener";
	document.listForm.submit();
}

</script>
</head>
<body>
	<form name="listForm" method="post">
	<input type="hidden" name="searchSortCnd" value="<c:out value="${eqRntlVO.searchSortCnd}" />" />
	<input type="hidden" name="searchSortOrd" value="<c:out value="${eqRntlVO.searchSortOrd}" />" />
	<input type="hidden" name="pageIndex" value="<c:out value="${eqRntlVO.pageIndex}" />" />
	<input type="hidden" name="imsiYn" />

	<div class="cont_area user_ask_area">
		<div class="cont_main_title">
			<img src="/direct/img/home_icon.png" alt="">&ensp;>&ensp;민원관리&ensp;>&ensp;장비대여·반납
		</div>
		<div class="cont_serch_area">
			<div class="basic_serch_area">
				<select name="searchCnd">
					<option value="1" <c:if test="${eqRntlVO.searchCnd == '1'}" >selected</c:if>>제목</option>
					<option value="2" <c:if test="${eqRntlVO.searchCnd == '2'}" >selected</c:if>>제목+내용</option>
					<option value="3" <c:if test="${eqRntlVO.searchCnd == '3'}" >selected</c:if>>작성자</option>
				</select>
				<input type="text" name="searchKeyword" value="">
				<div class="serch_btns">
					<input type="button" value="검색" class="serch_btn" onclick="linkPage(1);">
					<input type="button" value="+ 상세검색" class="detail_serch_btn" onclick="DetailSerch();">
				</div>
			</div>
			<div class="detail_serch_area">
				<ul>
					<li>
						<div class="detail_serch_title">기 간</div>
						<div class="detail_term">
							<input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
							<input type="text" name="searchStartDt" value="<c:out value="${eqRntlVO.searchStartDt}" />" readonly="readonly">
							<a href="#" onclick="javascript:fn_egov_NormalCalendar(document.listForm, document.listForm.searchStartDt);" class="date_select_btn">
							    <img src="/direct/img/bu_icon_carlendar.gif" alt="" style="top:5px;">
						    </a>
							&emsp;~&emsp;
							<input type="text" name="searchEndDt" value="<c:out value="${eqRntlVO.searchEndDt}" />" readonly="readonly">
							<a href="#" onclick="javascript:fn_egov_NormalCalendar(document.listForm, document.listForm.searchEndDt);" class="date_select_btn">
							    <img src="/direct/img/bu_icon_carlendar.gif" alt="" style="top:5px;">
						    </a>
						    <input type="button" value="초기화" class="reset_Btn">
						</div>
					</li>
					<li>
						<div class="detail_serch_title">본 문</div>
						<div class="detail_term">
							<input type="text" name="searchCn" value="<c:out value="${eqRntlVO.searchCn}" />">
						</div>
					</li>
					<li>
						<div class="detail_serch_title">작성자</div>
						<div class="detail_term">
							<input type="text" name="searchFrstRegisterNm" value="<c:out value="${eqRntlVO.searchFrstRegisterNm}" />">
						</div>
					</li>
				</ul>
			</div>
		</div>

		<div class="list_info">
			<div class="tab_group" style=" text-align: left;margin-left: 0;">
				
			</div>
			
			<div class="all_list_number">총 <span class="all_number"><c:out value="${paginationInfo.totalRecordCount}" /></span>건</div>
			<div class="list_info_right">
				<div class="list_write"><input type="button" value="장비대여" onclick="registView();"></div>
				<div class="list_write"><input type="button" value="장비반납" onclick="astRtrnAll();"></div>
				<div class="list_count">
					<select name="searchListCnt" onchange="linkPage(1);">
						<option value="10" <c:if test="${eqRntlVO.searchListCnt == '10'}">selected="selected"</c:if>>10줄</option>
						<option value="20" <c:if test="${eqRntlVO.searchListCnt == '20'}">selected="selected"</c:if>>20줄</option>
						<option value="30" <c:if test="${eqRntlVO.searchListCnt == '30'}">selected="selected"</c:if>>30줄</option>
					</select>
				</div>
				<!-- <div class="read_btn">
					<input type="button" value="읽음">
				</div> -->
			</div>
		</div>
		<div class="list_wrap user_ask_table_wrap">
			<table>
				<tr>
					<th><input type="checkbox" name="checkAll" id="checkAll" onclick="fnCheckAll();"><label for="checkAll"></label></th>
					<th>
						<div class="sort" id="sort_recipId">번호 <!-- 테이블 내용만 수정해서 쓰자 -->
							<div class="sort_btn"><img src="/direct/img/sort_up_img.png" alt=""></div>
						</div>
					</th>
					
					<!-- 관리자용 START -->
					<th>
						<div class="sort" id="sort_recipDept">소속
							<div class="sort_btn">
								<img src="/direct/img/sort_up_img.png" alt="">
							</div>
						</div>
					</th>
					<th>
						<div class="sort" id="sort_frstRegisterIdTxt">신청자
							<div class="sort_btn">
								<img src="/direct/img/sort_up_img.png" alt="">
							</div>
						</div>
					</th>
					<th>
						<div class="sort" id="sort_recipResult">IP할당 정보
							<div class="sort_btn">
								<img src="/direct/img/sort_up_img.png" alt="">
							</div>
						</div>
					</th>
					<!-- 관리자용 END -->
					
					
					<th>
						<div class="sort" id="sort_recipPurp">신청목적
							<div class="sort_btn">
								<img src="/direct/img/sort_up_img.png" alt="">
							</div>
						</div>
					</th>
					<th>
						<div class="sort" id="sort_recipEqui">대상장비
							<div class="sort_btn">
								<img src="/direct/img/sort_up_img.png" alt="">
							</div>
						</div>
					</th>
					<th>
						<div class="sort" id="sort_recipNetCode">회선종류
							<div class="sort_btn">
								<img src="/direct/img/sort_up_img.png" alt="">
							</div>
						</div>
					</th>
					<th>
						<div class="sort" id="sort_recipUseStar">사용기간
							<div class="sort_btn">
								<img src="/direct/img/sort_up_img.png" alt="">
							</div>
						</div>
					</th>
					
					<th>
						<div class="sort" id="sort_eqRntlRtrnDatetime">등록일자
							<div class="sort_btn">
								<img src="/direct/img/sort_up_img.png" alt="">
							</div>
						</div>
					</th>
					<th>
						<div class="sort" id="sort_frstRegistPnttm">결제상태
							<div class="sort_btn">
								<img src="/direct/img/sort_up_img.png" alt="">
							</div>
						</div>
					</th>
				</tr>
				
				<c:forEach var="result" items="${ipRecList}" varStatus="status">
				<tr>
					<td><input type="checkbox" name="del" id="<c:out value="${result.recipId}" />" value="<c:out value="${result.recipId}" />">
						<label for="<c:out value="${result.recipId}" />"></label></td>
					<td><c:out value="${paginationInfo.totalRecordCount+1 - ((ipRecVO.pageIndex-1) * ipRecVO.pageUnit + status.count)}" /></td>
					<td>
						<a href="javascript:fn_detailWeb('<c:out value="${result.recipId}" />');" >
							<%-- <c:out value="${result.astName}" /> --%>
						</a>
					</td><!-- 장비명 -->
					<%-- <td><c:out value="${result.astModel}" /></td><!-- 모델명 -->
					<td><c:out value="${result.reqDeptNm}" /></td><!-- 부서 -->
					<td><c:out value="${result.frstRegisterNm}" /></td><!-- 신청자 -->
					<td><c:out value="${result.eqRntlBgnDatetime}" />~<c:out value="${result.eqRntlEndDatetime}" /></td><!-- 대여기간 -->
					<td><c:out value="${result.eqRntlStateNm}" /></td><!-- 대여상태 -->
					<td><c:out value="${result.eqRntlRtrnDatetime}" /></td><!-- 반납일자 --> --%>
				</tr>
				</c:forEach>
				<c:if test="${empty ipRecList}">
				<tr><td colspan="20" style="text-align: center;"><spring:message code="common.nodata.msg" /></td></tr>
				</c:if>     
			</table>
		</div>
		
		<!-- 페이징 -->
		<div class="page">
	        <ul>
	  			<ui:pagination paginationInfo = "${paginationInfo}"  type="image" jsFunction="linkPage" />
	  		</ul>
		</div>
	</div>
	
	</form>
</body>
</html>
