add action sidebar

internet2 · Apr 1, 2024 · 9b4f884 · 9b4f884
1 parent 2911ca0
commit 9b4f884
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/View/GrouperGroups/index.ctp b/View/GrouperGroups/index.ctp
@@ -152,8 +152,25 @@ $this->Html->addCrumb(_txt('pl.grouperlite.title.dashboard'));
     app.mount('#grouper-lite-widget');
 </script>
 
+<!--https://materializecss.com/icons.html -->
 <div class="grouper-table">
     <div id="grouper-lite-widget">
         <router-view></router-view>
     </div>
+    <div id="right-sidebar">
+      <div class="sidebar-content">
+        <div class="font-weight-bold d-inline-flex align-items-center w-100">
+          <em class="material-icons lg" aria-hidden="true">transfer_within_a_station</em>
+          <span class="ml-1">Act As</span>
+          <a href="/registry/history_records/index/copersonid:3054"
+             class="spin ignore-invalid ml-auto order-2">
+            <span class="ui-icon ui-icon-search"></span>Find
+          </a>
+        </div>
+        <p class="text-muted">
+          John Doe
+        </p>
+        <hr>
+      </div>
+    </div>
 </div>
diff --git a/webroot/css/co-grouper-base.css b/webroot/css/co-grouper-base.css
@@ -14,6 +14,12 @@
     --secondary: var(--darkteal)
 }
 
+.grouper_groups .grouper-table {
+    display: grid;
+    grid-template-columns: auto 20%;
+    grid-gap: 1em;
+}
+
 .text-grouper {
     color: var(--primary);
 }