<% DIRECTIVE SAFE_OUTPUT_OPEN; %>
<meta charset="utf-8" />
<script src="${ctxPath}/community/static/js/role_permission.js"></script>
<style>
.layui-layer {
	background-color: rgba(0,0,0,0);
}
</style>
<div style="background: #FFF;width: 100%;height: 100%;">
	<form name="from_permission_set" action="${ctxPath}/role_permission/setting">
	    <div style="height: 45px;padding-top: 15px;max-width: 90%;margin: 0px auto;">
			<input name="roleId" type="hidden" value="${roleId}">
			当前角色：<input name="roleName" readonly="readonly" value="${roleName}" style="border: 0px">
	    </div>
	    <div id="popRoleRightListTableDiv" class="my-table">
	    	<table class="table table-striped table-hover my-table-head">
				<thead>
					<tr style="height:40px;">
						<th class="no-border">
							请设置权限
							<div class="opt" style="margin-top:2px;">
								<input type="checkbox" style="vertical-align:-2px;" name="selectAll">全选
			   					<input type="checkbox" style="vertical-align:-2px;margin-left:12px;" name="reverseAll">反选
							</div>
			   			</th>	
					</tr>
				</thead>
			</table>
			<div class="scroll-pane pop-scroll-pane" style="max-height:320px;max-width:100%">
				<table class="table table-striped table-hover my-table-body">
					<tbody>
						<%for(list in pageList){%>
						<tr>
							<%for(right in list){%>
								<td style="width:auto">
									<input type="checkbox" ${checkedBox(rights,right.id)} style="vertical-align:-2px;" name="rightId"
									value="${right.id}">${right.name}
								</td> 
							<%}%>
						</tr>
						<%}%>
					</tbody>
				</table>
			</div>
			<table class="table table-striped table-hover my-table-foot">
				<tfoot>
					<tr style="height:40px;">
						<td>
							<div style="text-align:center;">
								<a id="btn_ok" href="#" class="btn btn-primary">保存</a>
								<a id="btn_cancel" href="#" class="btn btn-default">重置</a>
							</div>
						</td>
					</tr>
				</tfoot>
			</table>
	    </div>
	</form>
</div>
<% DIRECTIVE SAFE_OUTPUT_CLOSE; %>