Update ALI table on inventory details page (#4489)

update ali table on ininv details page
SEED-platform · Jan 18, 2024 · df13c21 · df13c21
1 parent f3771e9
commit df13c21
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/seed/static/seed/partials/inventory_detail.html b/seed/static/seed/partials/inventory_detail.html
@@ -131,18 +131,18 @@ <h2>
             <span ng-repeat="label in labels" class="label label-{$:: label.label $}" style="padding: 4.6px 7px">{$:: label.name $}</span>
           </div>
         </div>
-        <div>
-          <strong style="padding-right:5px;">Access Level Instance</strong>
+        <div class="access-level-info-section">
+          <strong style="padding-right:5px;padding-top:10px;">{$:: 'Access Level Instance Information' | translate $}:</strong>
           <div>
-            <table id="ali-detail-table" class="table table-striped" style="width: fit-content">
+            <table id="ali-detail-table" class="table table-striped table_highlight_first" style="width: fit-content">
               <thead>
               <tr>
-                <th ng-repeat="(level, name) in ali_path">{$ level $}</th>
+                <th ng-repeat="(level, name) in organization.access_level_names">{$:: 'Level' | translate $} {$ level+1 $} - {$ name $}</th>
               </tr>
               </thead>
               <tbody>
               <tr>
-                <th ng-repeat="(level, name) in ali_path">{$ name $}</th>
+                <td style="border: 1px solid #ddd;" ng-repeat="(level, name) in organization.access_level_names">{$ ali_path[name] $}</td>
               </tr>
               </tbody>
             </table>

diff --git a/seed/static/seed/scss/style.scss b/seed/static/seed/scss/style.scss
@@ -3886,6 +3886,11 @@ $pairedCellWidth: 60px;
   margin-top: 20px;
 }
 
+.access-level-info-section {
+  margin-top: 10px;
+  padding-right: 5px;
+}
+
 .pad-bottom-10 {
   padding-bottom: 10px;
 }