<%--
  Class Name : EgovRoleManage.jsp
  Description : EgovRoleManage 화면
  Modification Information
 
      수정일         수정자                   수정내용
    -------    --------    ---------------------------
     2009.02.01    lee.m.j              최초 생성
     2011.08.31   JJY       경량환경 버전 생성
 
    author   : 공통서비스 개발팀 lee.m.j
    since    : 2009.02.01
--%>
<%@ 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 uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Language" content="ko" >
<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 fncCheckAll() {
    var checkField = document.listForm.delYn;
    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 fncManageChecked() {

    var checkField = document.listForm.delYn;
    var checkId = document.listForm.checkId;
    var returnValue = "";
    var returnBoolean = false;
    var checkCount = 0;
    
    if(checkField) {
        if(checkField.length > 1) {
            for(var i=0; i<checkField.length; i++) {
                if(checkField[i].checked) {
                    checkCount++;
                    checkField[i].value = checkId[i].value;
                    if(returnValue == "")
                        returnValue = checkField[i].value;
                    else 
                        returnValue = returnValue + ";" + checkField[i].value;
                }
            }
            if(checkCount > 0) 
                returnBoolean = true;
            else {
                alert("선택된  롤이 없습니다.");
                returnBoolean = false;
            }
        } else {
            if(document.listForm.delYn.checked == false) {
                alert("선택된 롤이 없습니다.");
                returnBoolean = false;
            }
            else {
                returnValue = checkId.value;
                returnBoolean = true;
            }
        }
    } else {
        alert("조회된 결과가 없습니다.");
    }

    document.listForm.roleCodes.value = returnValue;
    return returnBoolean;
}


function fncSelectRole(roleCode) {
    document.modiForm.roleCode.value = roleCode;
    document.modiForm.action = "<c:url value='/sec/rmt/EgovRole.do'/>";
    document.modiForm.submit();
}

function fncAddRoleInsert() {
    //location.replace("<c:url value='/sec/rmt/EgovRoleInsertView.do'/>");
    document.modiForm.action = "<c:url value='/sec/rmt/EgovRoleInsertView.do'/>";
    document.modiForm.submit();
}

function fncRoleListDelete() {
    if(fncManageChecked()) {
        if(confirm("삭제하시겠습니까?")) {
            document.listForm.action = "<c:url value='/sec/rmt/EgovRoleListDelete.do'/>";
            document.listForm.pageIndex.value = "1";
            document.listForm.submit();
        }
    }
}

function fncAddRoleView() {
    document.listForm.action = "<c:url value='/sec/rmt/EgovRoleUpdate.do'/>";
    document.listForm.submit();     
}

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

function press() {
    if (event.keyCode==13) {
        fncSelectRoleList('1');
        event.preventDefault();
    }
}
function fncSelectRoleList(pageNo){
	linkPage(1);
}
</script>
</head>

<body>
<form:form id="listForm" name="listForm" action="<c:url value='/sec/rmt/EgovRoleList.do'/>" method="post">
<input type="hidden" name="roleCode"/>
<input type="hidden" name="roleCodes"/>
<input type="hidden" name="pageIndex" value="<c:out value='${roleManageVO.pageIndex}'/>"/>
<input type="hidden" name="searchCondition"/>
<input type="hidden" name="sortOrder" id="sortOrder" value="${roleManageVO.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 id="searchCondition" name="searchCondition" title="조회조건">
				 <option value="" <c:if test="${roleManageVO.searchCondition == ''}">selected</c:if> >전체</option>
                 <option value="1" <c:if test="${roleManageVO.searchCondition == '1'}">selected</c:if> >롤명</option>
                 <option value="2" <c:if test="${roleManageVO.searchCondition == '2'}">selected</c:if> >롤설명</option>
           </select>
		             
           <input type="text" id="searchKeyword" name="searchKeyword"  value="<c:out value='${roleManageVO.searchKeyword}'/>" size="25" title="검색" onkeypress="press();" />
           <div class="serch_btns">
               <input type="button" value="검색" class="serch_btn" onclick="fncSelectRoleList('1'); 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">
            <div class="list_write"><input type="button" value="등록" onclick="fncAddRoleInsert(); return false;"></div>
        <div class="list_count">
            <select name="pageUnit" id="pageUnit" class="select" title="검색조건선택" onchange="fncSelectRoleList();">
				   <option value='10' <c:if test="${roleManageVO.pageUnit == '10' or roleManageVO.pageUnit == ''}">selected</c:if>>10줄</option>
				   <option value='20' <c:if test="${roleManageVO.pageUnit == '20'}">selected</c:if>>20줄</option>
				   <option value='30' <c:if test="${roleManageVO.pageUnit == '30'}">selected</c:if>>30줄</option>
			</select>
        </div>
        <div class="del_btn">
            <input type="button" value="삭제"  onclick="fncRoleListDelete(); return false;"/>
        </div>
   	</div>
</div>
   <div class="list_wrap">
       <table>
           <tr>
               <th><input type="checkbox" name="checkAll" id="checkAll" onClick="fncManageChecked();">
               		<label for="checkAll"></label></th>
               <th>
             	 	<div class="sort" id="sort_ROLE_CREAT_DE">번호
                         <div class="sort_btn"><!-- 정렬버튼 -->
								<img src="/direct/img/sort_up_img.png" alt="">
						</div>
                    </div>               
               </th>
            <th>
             	 	<div class="sort" id="sort_ROLE_CODE">롤 ID
                         <div class="sort_btn"><!-- 정렬버튼 -->
								<img src="/direct/img/sort_up_img.png" alt="">
						</div>
                    </div>             
            </th>
			<th>
             	 	<div class="sort" id="sort_ROLE_NM">롤 명
                         <div class="sort_btn"><!-- 정렬버튼 -->
								<img src="/direct/img/sort_up_img.png" alt="">
						</div>
                    </div>   		
			</th>
			<th>
             	 	<div class="sort" id="sort_ROLE_TY">롤 타입
                         <div class="sort_btn"><!-- 정렬버튼 -->
								<img src="/direct/img/sort_up_img.png" alt="">
						</div>
                    </div>   			
			</th>
			<th>
             	 	<div class="sort" id="sort_ROLE_SORTNUM">롤 순서
                         <div class="sort_btn"><!-- 정렬버튼 -->
								<img src="/direct/img/sort_up_img.png" alt="">
						</div>
                    </div>   			
			</th>
			<th>
             	 	<div class="sort" id="sort_ROLE_DC">롤 설명
                         <div class="sort_btn"><!-- 정렬버튼 -->
								<img src="/direct/img/sort_up_img.png" alt="">
						</div>
                    </div>   			
			</th>
			<th>
             	 	<div class="sort" id="sort_ROLE_CREAT_DEB">등록일자
                         <div class="sort_btn"><!-- 정렬버튼 -->
								<img src="/direct/img/sort_up_img.png" alt="">
						</div>
                    </div>   			
			</th>
           </tr>
           <c:forEach var="role" items="${roleList}" varStatus="status">
           <tr>
               <td>
               	<input name="delYn" id="check${status.index}" type="checkbox" <c:out value="${status.count}"/>" />
               	<label for="check${status.index}"></label>
	               	<input type="hidden" name="checkId" value="<c:out value="${role.roleCode}"/>" />
               </td>
               <td>
               	 <c:if test="${roleManageVO.searchSortOrd eq 'desc' }">
               		<c:out value="${ ( paginationInfo.totalRecordCount - ((roleManageVO.pageIndex -1)*roleManageVO.pageUnit) ) - status.index }"/>
               	</c:if>
               	<c:if test="${roleManageVO.searchSortOrd eq 'asc' }">
               		<c:out value="${(roleManageVO.pageIndex - 1) * roleManageVO.pageUnit + status.count}"/>
               	</c:if>
               </td>
               <td>
               		<a href="#LINK" onclick="javascript:fncSelectRole('<c:out value="${role.roleCode}"/>')"><c:out value="${role.roleCode}"/></a>
               </td>
               <td>
               		<c:out value="${role.roleNm}"/>
               </td>
               <td>
					<c:out value="${role.roleTyp}"/>        
               </td>
               <td>	
              		<c:out value="${role.roleSort}"/>
               </td>
               <td>	
              		<c:out value="${role.roleDc}"/>
               </td>
               <td>	
              		<c:out value="${role.roleCreatDe}"/>
               </td>
           </tr>
          </c:forEach>
          <c:if test="${empty roleList}">
        		<tr><td colspan="8"><spring:message code="common.nodata.msg" /></td></tr>
          </c:if>     
       </table>
   </div>
   <!-- 페이지 네비게이션 시작 -->
	<c:if test="${!empty roleList}">
	<div class="page">
       <ul>
 			<ui:pagination paginationInfo = "${paginationInfo}"  type="image" jsFunction="linkPage" />
 		</ul>
   </div>
  	</c:if>                      
    <!-- //페이지 네비게이션 끝 --> 
</div>
</form:form>
<form name="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="${roleManageVO.searchSortCnd}" />" />
	<input type="hidden" name="searchSortOrd" id="searchSortOrd" value="<c:out value="${roleManageVO.searchSortOrd}" />" />
</form>
<form name="modiForm" method="get">
	<input name="roleCode" type="hidden" />
</form>
 </body>
</html>