<%--
  Class Name : EgovUserManage.jsp
  Description : 사용자관리(조회,삭제) JSP
  Modification Information
 
      수정일         수정자                   수정내용
    -------    --------    ---------------------------
     2009.03.03   JJY              최초 생성
     2011.08.31   JJY       경량환경 버전 생성
 
    author   : 공통서비스 개발팀 JJY
    since    : 2009.03.03
--%>
<%@ page 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 prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="double-submit" uri="http://www.egovframe.go.kr/tags/double-submit/jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta http-equiv="content-language" content="ko">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
<title>사용자 목록</title>
<script type="text/javaScript" language="javascript" defer="defer">
$( 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=''>";
	// <img class="ordr" src="/direct/img/sort_up_img.png" style="display: none;" alt="">
	
	$sort_div.attr("sortOrd", searchSortOrd);
	$sort_div.find("div img").remove();
	$sort_div.find("div").append(ordrImg);
}

	// 정렬 항목 이벤트
	$(".sort").click(function(e) {
		sortSearch(this);
	});
	
});

//목록 정렬 항목 클릭
function sortSearch(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 fnCheckAll(){
    var checkField = document.listForm.checkField;
    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 fnDeleteUser() {
	if($("input:checkbox[name='checkField']").is(":checked")==false){
		alert("선택된 항목이 없습니다.");
		return;
	}
    var checkField = document.listForm.checkField;
    var id = document.listForm.checkId;
    var checkedIds = "";
    var checkedCount = 0;
    if(checkField) {
        if(checkField.length > 1) {
            for(var i=0; i < checkField.length; i++) {
                if(checkField[i].checked) {
                    checkedIds += ((checkedCount==0? "" : ",") + id[i].value);
                    checkedCount++;
                }
            }
        } else {
            if(checkField.checked) {
                checkedIds = id.value;
            }
        }
    }
    if(checkedIds.length > 0) {
        //alert(checkedIds);
        if(confirm("<spring:message code="common.delete.msg" />")){
            document.listForm.checkedIdForDel.value=checkedIds;
            document.listForm.action = "<c:url value='/uss/umt/user/EgovUserDelete.do'/>";
            document.listForm.submit();
        }
    }
}
function fnSelectUser(id) {
    document.modiForm.selectedId.value = id;
    array = id.split(":");
    if(array[0] == "") {
    } else {
        userTy = array[0];
        userId = array[1];    
    }
    document.modiForm.selectedId.value = userId;
    document.modiForm.action = "<c:url value='/uss/umt/user/EgovUserSelectUpdtView.do'/>";
    document.modiForm.submit();
      
}
function fnAddUserView() {
    document.modiForm.action = "<c:url value='/uss/umt/user/EgovUserInsertView.do'/>";
    document.modiForm.submit();
}

function fnPeristalsis() {
    document.peristalsisForm.action = "<c:url value='/let/itsm/sync/syncRefresh.do'/>";
    document.peristalsisForm.submit();
}


function linkPage(pageNo){
	var searchForm = document.searchForm ;
	searchForm.pageIndex.value = pageNo ;
	searchForm.searchSortOrd.value =  $('#searchSortOrd').val() ;
	searchForm.pageUnit.value = $('#pageUnit').val();
	searchForm.searchCondition.value = $('#searchCondition').val();
	searchForm.searchKeyword.value = $('#searchKeyword').val();
	searchForm.action = "<c:url value='/uss/umt/user/EgovUserManage.do'/>";
	searchForm.submit();
}

function fnSearch(){
	linkPage(1);
}
function fnViewCheck(){ 
    if(insert_msg.style.visibility == 'hidden'){
        insert_msg.style.visibility = 'visible';
    }else{
        insert_msg.style.visibility = 'hidden';
    }
}
</script>
</head>
<body>
<form name="listForm" action="<c:url value='/uss/umt/user/EgovUserManage.do'/>" method="post">
<double-submit:preventer tokenKey="someKey" />
<input name="selectedId" type="hidden" />
<input name="checkedIdForDel" type="hidden" />
<input name="pageIndex" type="hidden" value="<c:out value='${userSearchVO.pageIndex}'/>"/>
<input type="hidden" name="sortOrder" id="sortOrder" value="${userSearchVO.sortOrder}" />
<div class="cont_area">
    <div class="cont_main_title">
        <img src="/direct/img/home_icon.png" alt="">
        <span id="cnt_cate_list"></span>
    </div>
    <div class="cont_serch_area">
        <div class="basic_serch_area">
            <select name="searchCondition" id="searchCondition" class="select" title="검색조건선택">
             	<option value="" <c:if test="${empty userSearchVO.searchCondition }">selected="selected"</c:if> >전체</option>
                <option value="0" <c:if test="${userSearchVO.searchCondition == '0'}">selected="selected"</c:if> >아이디</option>
                <option value="1" <c:if test="${userSearchVO.searchCondition == '1'}">selected="selected"</c:if> >관리자명</option>
			</select>
            <input type="text" id="searchKeyword" name="searchKeyword"  value="<c:out value='${userSearchVO.searchKeyword}'/>" size="25" title="검색"  />
            <div class="serch_btns">
                <input type="button" value="검색" class="serch_btn" onclick="fnSearch(); return false;">
            </div>
        </div>
    </div>

    <div class="list_info">
        <div class="all_list_number">총 
        	<span class="all_number"><c:out value="${paginationInfo.totalRecordCount}"/></span>건</div>
	        <div class="list_info_right">
		        <c:if test="${userCheck.authorCode == 'ROLE_ADMIN'}">
		        	<div class="list_write"><input type="button" value="조직도 연동" onclick="fnPeristalsis(); return false;"></div>
		            <div class="list_write"><input type="button" value="등록" onclick="fnAddUserView(); return false;"></div>
		        </c:if>
	        <div class="list_count">
	            <select name="pageUnit" id="pageUnit" class="select" title="검색조건선택" onchange="fnSearch();">
					   <option value='10' <c:if test="${userSearchVO.pageUnit == '10' or userSearchVO.pageUnit == ''}">selected</c:if>>10줄</option>
					   <option value='20' <c:if test="${userSearchVO.pageUnit == '20'}">selected</c:if>>20줄</option>
					   <option value='30' <c:if test="${userSearchVO.pageUnit == '30'}">selected</c:if>>30줄</option>
				</select>
	        </div>
	        <c:if test="${userCheck.authorCode == 'ROLE_ADMIN'}">
		        <div class="del_btn">
		            <input type="button" value="삭제"  onclick="fnDeleteUser(); return false;"/>
		        </div>
	        </c:if>
    	</div>
	</div>
    <div class="list_wrap">
        <table>
        	<colgroup>
				<col style="width: 55px;">
				<col style="width: 80px;">
				<col style="width: 15%;">
				<col style="width: 10%;">
				<col style="width: 10%;">
				<col style="width: 15%;">
				<col style="width: 30%;">
				<col style="width: 10%;">
			</colgroup>
            <tr>
                <th><input type="checkbox" namve="checkAll" id="checkAll" onClick="fnCheckAll();"> <label for="checkAll"></label></th>
                <th>
  	             	   	<div class="sort" id="sort_uniqId">번호
	                         <div class="sort_btn"><!-- 정렬버튼 -->
									<img src="/direct/img/sort_up_img.png" alt="">
							</div>
	                    </div> 
                </th>
                <th>
	             	   	<div class="sort" id="sort_userId">아이디
	                         <div class="sort_btn"><!-- 정렬버튼 -->
									<img src="/direct/img/sort_up_img.png" alt="">
							</div>
	                    </div>                
                </th>
				<th>
	             	   	<div class="sort" id="sort_userNm">관리자명
	                         <div class="sort_btn"><!-- 정렬버튼 -->
									<img src="/direct/img/sort_up_img.png" alt="">
							</div>
	                    </div>				
				</th>
				<th>
	             	   	<div class="sort" id="sort_authorCode">권한
	                         <div class="sort_btn"><!-- 정렬버튼 -->
									<img src="/direct/img/sort_up_img.png" alt="">
							</div>
	                    </div>				
				</th>
				<th>
	             	   	<div class="sort" id="sort_offmTelno">전화번호(부서)
	                         <div class="sort_btn"><!-- 정렬버튼 -->
									<img src="/direct/img/sort_up_img.png" alt="">
							</div>
	                    </div>				
				</th>
				<th>
	             	   	<div class="sort" id="sort_emailAdres">이메일
	                         <div class="sort_btn"><!-- 정렬버튼 -->
									<img src="/direct/img/sort_up_img.png" alt="">
							</div>
	                    </div>				
				</th>
				<th>
	             	   	<div class="sort" id="sort_sbscrbDe">등록일
	                         <div class="sort_btn"><!-- 정렬버튼 -->
									<img src="/direct/img/sort_up_img.png" alt="">
							</div>
	                    </div>				
				</th>
            </tr>
            <c:forEach var="result" items="${resultList}" varStatus="status">
            <tr>
                <td>
                	<input name="checkField" id="check${status.index}" type="checkbox" <c:out value="${status.count}"/>" />
                	<label for="check${status.index}"></label>
                	<input name="checkId" type="hidden" value="<c:out value='${result.userTy}'/>:<c:out value='${result.uniqId}'/>"/>
                </td>
                <td>
                	<c:if test="${userSearchVO.searchSortOrd eq 'asc' }">
                		<c:out value="${(userSearchVO.pageIndex - 1) * userSearchVO.pageUnit + status.count}"/>
                	</c:if>
                	<c:if test="${userSearchVO.searchSortOrd eq 'desc' }">
                		<c:out value="${ ( paginationInfo.totalRecordCount - ((userSearchVO.pageIndex -1)*userSearchVO.pageUnit) ) - status.index }"/>
                	</c:if>
                	<%-- <c:out value="${(userSearchVO.pageIndex - 1) * userSearchVO.pageSize + status.count}"/> --%>
                </td>
                <td>
                	<a href="<c:url value='/uss/umt/user/EgovUserSelectUpdtView.do'/>?selectedId=<c:out value="${result.uniqId}"/>"  
                	onclick="javascript:fnSelectUser('<c:out value="${result.userTy}"/>:<c:out value="${result.uniqId}"/>'); return false;">
                	<c:out value="${result.userId}"/>
                </td>
                <td>
	               	<c:out value="${result.userNm}"/>
                </td>
                
                <td>
	               <c:forEach items="${authorList}" var="authorResult" varStatus="status">
					<c:if test="${authorResult.authorCode eq result.authorCode}">  
						${authorResult.authorNm}
					</c:if>
					</c:forEach>
                </td>
                <td>
                	<c:out value="${result.offmTelno}"/>
                </td>
                <td><c:out value="${result.emailAdres}"/></td>
                <td><c:out value="${result.sbscrbDe}"/></td>
            </tr>
           </c:forEach>
           <c:if test="${empty resultList}">
         		<tr><td colspan="8"><spring:message code="common.nodata.msg" /></td></tr>
           </c:if>     
        </table>
    </div>
    <!-- 페이지 네비게이션 시작 -->
	<c:if test="${!empty resultList}">
 	<div class="page">
        <ul>
  			<ui:pagination paginationInfo = "${paginationInfo}"  type="image" jsFunction="linkPage" />
  		</ul>
    </div>
  	</c:if>                      
    <!-- //페이지 네비게이션 끝 --> 
</div>
	
</form>
<form name="modiForm" id="modiForm" method="get">
	<input name="selectedId" type="hidden" />
</form>
<form name="searchForm" id="searchForm" method="get">
	<input name="searchCondition" type="hidden" />
	<input name="searchKeyword" type="hidden" />
	<input name="pageIndex" type="hidden" />
	<input name="pageUnit" type="hidden" value="10" />
	<input type="hidden" name="searchSortCnd" id="searchSortCnd" value="<c:out value="${userSearchVO.searchSortCnd}" />" />
	<input type="hidden" name="searchSortOrd" id="searchSortOrd" value="<c:out value="${userSearchVO.searchSortOrd}" />" />
</form>
<form name="peristalsisForm" id="peristalsisForm" method="get">
</form>
</body>
</html>
