added tabs to grant display

openid-connect-server-webapp/src/main/webapp/resources/template/grant.html

@@ -18,12 +18,21 @@
 
 <script type="text/html" id="tmpl-grant-table">
 
-	<h2>Approved sites</h2>
-
     <div class="well well-small">
 		<button class="btn btn-small refresh-table"><i class="icon-refresh"></i> Refresh</button>
     </div>
 
+	<div class="tabbable">
+
+ 		<ul class="nav nav-tabs">
+			<li class="active"><a data-target="#grant-approved-tab" data-toggle="tab" href="#">Approved Sites</a></li>
+			<li><a data-target="#grant-whitelist-tab" data-toggle="tab" href="#">Whitelisted Sites</a></li>
+		</ul>
+
+	<div class="tab-content">
+
+	<div class="tab-pane active" id="grant-approved-tab">
+
 	<h3>Sites you have manually approved</h3>
 
 	<div id="grant-table-empty" class="alert alert-info">
@@ -43,10 +52,12 @@
         </tbody>
     </table>
 
-	<div class="well">
+	</div>
+
+	<div class="tab-pane" id="grant-whitelist-tab">
 	
 	<h3>Sites that have been whitelisted by an administrator</h3>
-	<p>If you revoke them here, they will automatically be re-approved on your next visit.</p>
+	<p class="text-warning"><b>NOTE:</b> If you revoke them here, they will automatically be re-approved on your next visit.</p>
 
 	<div id="grant-whitelist-table-empty" class="alert alert-info">
 		You have not accessed any whitelisted sites.
@@ -67,6 +78,10 @@
 
 	</div>
 
+	</div>
+
+	</div>
+
     <div class="well well-small">
 		<button class="btn btn-small refresh-table"><i class="icon-refresh"></i> Refresh</button>
     </div>