From 0def26b7edf5f7cff086b0c56f7c12bd64b3d1c0 Mon Sep 17 00:00:00 2001
From: Justin Richer <jricher@mit.edu>
Date: Tue, 10 Jun 2014 16:58:06 -0400
Subject: [PATCH] added tabs to grant display

---
 .../main/webapp/resources/template/grant.html | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/openid-connect-server-webapp/src/main/webapp/resources/template/grant.html b/openid-connect-server-webapp/src/main/webapp/resources/template/grant.html
index 681c39ab2..4206bfc11 100644
--- a/openid-connect-server-webapp/src/main/webapp/resources/template/grant.html
+++ b/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>