<!DOCTYPE html>
<html lang="en">
   <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
      <meta charset="utf-8" />
      <title>DART</title>
      <link href="../bootstrap/css/bootstrap.css" rel="stylesheet" />
      <link href="../font-awesome/css/font-awesome.css" rel="stylesheet" />
      <link href="../datepicker/css/datepicker.css" rel="stylesheet" />
      <link href="../chosen/chosen/chosen.css" rel="stylesheet" />
      <link href="../css/app.css" rel="stylesheet" />
      <!--[if lt IE 9]><script src="./js/html5shim.js"></script><![endif]-->
      <!--[if IE 7]>
      <link rel="stylesheet" type="text/css" href="./font-awesome/css/font-awesome-ie7.css" />
      <![endif]-->
   </head>
   <body>
      <header class="navbar navbar-inverse navbar-fixed-top clearfix">
         <div class="navbar-inner">
            <div class="container">

            </div>
         </div>
      </header>
<div class="container">
	<div id="div-zero"></div><p/>
	<h2>Roles</h2>
	
	<div class="div-one">
		<table>
			<thead class="displayTable table table-striped table-condensed">
				<tr>
				<th>Id</th>
				<th>Name</th>
				<th>Description</th>
				</tr>
			</thead>
			<tbody></tbody>
		</table>
	</div>
</div>
<!--  mustache templates -->
<script type="text/templates" class="documentRowTemplate">
	{{#roles}}
		<tr>
			<td>{{id}}</td>
			<td>{{name}}</td>
			<td>{{description}}</td>
		<tr/>
	{{/roles}}
</script>
	<script src="../js/jquery.min.js"></script>
	<script src="../js/mustache.min.js"></script>
	<script src="./js/roles.js"></script>
</body>
</html>