Simplify 'View-Resource page' UI

Get rid of the resource role details and provide button-like elements
to help navigate to view more details.

1 files changed, 11 insertions, 52 deletions

diff --git a/gn2/wqflask/templates/oauth2/view-resource.html b/gn2/wqflask/templates/oauth2/view-resource.html
index 2d11a302..451bfbd7 100644
--- a/gn2/wqflask/templates/oauth2/view-resource.html
+++ b/gn2/wqflask/templates/oauth2/view-resource.html
@@ -2,6 +2,10 @@
 {%from "oauth2/profile_nav.html" import profile_nav%}
 {%from "oauth2/display_error.html" import display_error%}
 {%block title%}View User{%endblock%}
+{%block css%}
+<link rel="stylesheet" href="/static/new/css/pills.css" />
+<link rel="stylesheet" href="/static/new/css/resource-roles.css" />
+{%endblock%}
 {%block content%}
 <div class="container" style="min-width: 1250px;">
   {{profile_nav("resources", user_privileges)}}
@@ -231,58 +235,13 @@
 
     <div class="row">
       <h3>Available Resource Roles</h3>
-        <table class="table">
-          <caption>Roles Acting on this Resource</caption>
-          <thead>
-            <tr>
-              <th>Role Name</th>
-              <th>Privilege</th>
-              <th>Privilege Description</th>
-              <th colspan="2">Actions</th>
-            </tr>
-          </thead>
-          <tbody>
-          {%for role in resource_roles%}
-          {%for priv in role.privileges%}
-          {%if loop.index == 1%}
-          <tr>
-            <td rowspan="{{role.privileges | length}}"
-                style="text-align: center;vertical-align: middle;">
-              {{role.role_name}}
-            </td>
-            <td>{{priv.privilege_id}}</td>
-            <td>{{priv.privilege_description}}</td>
-            <td rowspan="{{role.privileges | length}}"
-                style="text-align: center;vertical-align: middle;">
-              <a href="" class="btn btn-danger"
-                 title="Not implemented: Would delete role.">Delete</a>
-            </td>
-            <td rowspan="{{role.privileges | length}}"
-                style="text-align: center;vertical-align: middle;">
-              <a href="" class="btn btn-info"
-                 title="Not implemented: Would edit role.">Edit</a>
-            </td>
-          </tr>
-          {%else%}
-          <tr>
-            <td>{{priv.privilege_id}}</td>
-            <td>{{priv.privilege_description}}</td>
-          </tr>
-          {%endif%}
-          {%endfor%}
-          {%else%}
-          <tr>
-            <td colspan="4">
-              <p class="text-info">
-                <span
-                  class="glyphicon glyphicon-exclamation-sign text-info"></span>
-                No roles defined for this resource.
-              </p>
-              </td>
-          </tr>
-          {%endfor%}
-          </tbody>
-        </table>
+      <div class="resource_roles">
+        {%for role in resource_roles%}
+        <a class="pill" href="#" title="Role page for role named '{{role.role_name}}'">
+          {{role.role_name}}
+        </a>
+        {%endfor%}
+      </div>
     </div>
 
     <div class="row">