<%@ include file="inc_header.jsp"%>

<script type="text/javascript" src="js/roleSelect.js"></script>

<div id="roleSelectContainer">
	<table class="stripe dt-head-left dt-body-left hover cell-border"
		id="roleTable" style="vertical-align: top">
		<thead>
			<tr>
				<th><a href="javascript:forceFocusOnTableHeader()" aria-lable="Press Enter to Sort Role Name">Role Name</a></th>
				<th><a href="javascript:forceFocusOnTableHeader()" aria-lable="Press Enter to Sort Description">Description</a></th>
			</tr>
		</thead>
		<tbody>
		</tbody>
	</table>
	<button type="button" id="add"
		onclick="document.location.href='roleEdit.html'">Add</button>
	<button type="button" id="edit" style="display: none"
		onclick="javascript:editSelectedRole()">Edit</button>
	<button type="button" id="cancel"
		onclick="document.location.href='home.html'">Cancel</button>
</div>