<%@include file="/WEB-INF/common/layouts/common.jsp" %>
<%@ page language="java" pageEncoding="UTF-8" %>
<html>
<head>
    <title>角色权限关联列表</title>
</head>
<body>
<%-- <div class="row${fluid}">
    <div class="span6">
        <h2 class="page-title">角色权限关联列表</h2>
    </div>
    <div class="span6 header_buttons">
        <a href="${ctx}/userrole?action=create" class="btn blue pull-right"><i class="icon-plus"></i></a>
    </div>
</div> --%>

<!-- 面包屑 begin -->
<div class="row-fluid">
	<div class="span12">
		<ul class="breadcrumb">
			<!-- <li><a href="/house365-hmc-web/">首页</a> <span class="divider"></span></li> -->
			<li class="active" ><span class="divider" style="color:#26a0da;font-weight:bold;">/</span>角色权限关联列表</li>
		</ul>
	</div>
</div>
<!-- 面包屑 begin -->

<div class="page-container">
    <div class="row${fluid}">
        <div class="span12">
            <form id="filterForm" class="form-inline filterForm" action="${ctx}/userrole" method="get">
				<input type="text" name="search_LIKE_userId" value="${param['search_LIKE_userId']}" 
					class="m-wrap small span2" placeholder="用户ID">
				<input type="text" name="search_LIKE_roleId" value="${param['search_LIKE_roleId']}" 
					class="m-wrap small span2" placeholder="角色ID">
				<input type="text" name="search_LIKE_createTime" value="${param['search_LIKE_createTime']}" 
					class="m-wrap small span2" placeholder="创建时间">
				<input type="text" name="search_LIKE_createUserId" value="${param['search_LIKE_createUserId']}" 
					class="m-wrap small span2" placeholder="创建人用户ID">
				<div class="buttons pull-right"  style="margin-left:15px;">
                    <a href="${ctx}/userrole?action=create" class="btn blue pull-right" title="新增"><i class="icon-plus"></i></a>
                </div>
				<div class="buttons pull-right" >
                    <a href="javascript:void(0);" onclick="deleteById('')" class="btn blue pull-right" title="删除"><i class="icon-minus"></i></a>
                </div>
                <div class="buttons pull-right" style="margin:3px 30px 0 0;">
                    <i class="icon-search icon-2x pointer" onclick="$('#filterForm').submit();" title="搜索"></i>
                </div>
	            </form>
        </div>
    </div>
    <table class="table table-striped table-advance table-hover">
        <thead>
        	<tr>
        		<th width="40" style="text-align:center"><input id="memberCheckAll" type="checkbox" onclick="checkAll(this)" /></th>
				<th width="100">用户ID</th>
				<th width="100">角色ID</th>
				<th width="100">创建时间</th>
				<th width="100">创建人用户ID</th>
				<th width="150">操作</th>
			</tr>
        </thead>
        <c:forEach items="${userRoles}" var="userRole">
            <tr>
            	<td nowrap="nowrap" style="text-align:center">
				    <input type="checkbox" name="memberCheck" value="${userRole.id}" onclick="checkMember(this)"/>
				</td>
				<td nowrap="nowrap">
						<c:if test="${null ne userRole.userId && '' ne userRole.userId}">
							<c:out value="${userRole.userId}" />
						</c:if>
						<c:if test="${null eq userRole.userId || '' eq userRole.userId}">
							&nbsp;
						</c:if>
				</td>
				<td nowrap="nowrap">
						<c:if test="${null ne userRole.roleId && '' ne userRole.roleId}">
							<c:out value="${userRole.roleId}" />
						</c:if>
						<c:if test="${null eq userRole.roleId || '' eq userRole.roleId}">
							&nbsp;
						</c:if>
				</td>
				<td nowrap="nowrap">
						<c:if test="${null ne userRole.createTime && '' ne userRole.createTime}">
							<f:formatDate value='${userRole.createTime}' pattern='yyyy-MM-dd HH:mm:ss' />
						</c:if>
						<c:if test="${null eq userRole.createTime || '' eq userRole.createTime}">
							&nbsp;
						</c:if>
				</td>
				<td nowrap="nowrap">
						<c:if test="${null ne userRole.createUserId && '' ne userRole.createUserId}">
							<c:out value="${userRole.createUserId}" />
						</c:if>
						<c:if test="${null eq userRole.createUserId || '' eq userRole.createUserId}">
							&nbsp;
						</c:if>
				</td>
			</tr>
        </c:forEach>
    </table>
    <div class="row${fluid}">
        <house365:pagination page="${page}"/>
    </div>
</div>
<script type="text/javascript">
	
	//全选
	function checkAll(btn)       
	{       
		if(btn.checked)
		{
			for(i=0;i<document.all("memberCheck").length;i++)       
			{       
				document.all("memberCheck")[i].checked = "checked";
			}     
		}
		else
		{
			for(i=0;i<document.all("memberCheck").length;i++)       
			{       
				document.all("memberCheck")[i].checked = "";
			}     
		}
	}       
	
	//单选
	function checkMember(btn)
	{
		if(btn.checked)
		{
			var checkAll = true;
			for(i=0;i<document.all("memberCheck").length;i++)       
			{       
				if(document.all("memberCheck")[i].checked == false)
				{
					checkAll = false;
				}
			}     
			
			if(checkAll)
			{
				document.getElementById("memberCheckAll").checked = true;   
			}
		}
		else
		{
			document.getElementById("memberCheckAll").checked = false;   
		}
	}

	var deleteById = function (selectedId) {
		/*
		id为空则是多选  判断是否为空
		为空 提示选择
		不为空 确认后删除
		不为空单选确认后删除
		*/
			if(selectedId == "")
			{
				for(i=0;i<document.getElementsByName('memberCheck').length;i++)       
	    		{       
	    			if(document.getElementsByName('memberCheck')[i].checked)
	    			{
	    				selectedId += document.getElementsByName('memberCheck')[i].value + ",";
	    			}
	    		}     
	    		
	    		var str = "";
	    		if(selectedId != "")
	    		{
	    			str = selectedId.split(",");
	    			
	    			if(str[str.length-1] == "")
	    			{
	    				selectedId = selectedId.substring(0,selectedId.length-1);
	    			}
	    		}
			}
			
			if(selectedId == "")
			{
				House365Util.createModal("删除公告", "请至少选择一条公告!", function () {
			    });
			}
			else
				{
				House365Util.createModal("删除公告", "确定要删除该公告？", function () {
			        $.ajax({
			            url: '${ctx}/userrole/' + selectedId,
			            type: "DELETE",
			            success: function () {
			                window.location.reload();
			            }
			        });
			    });
			}

	};
    
</script>
</body>
</html>
