LP2015137 Tab order for admin splash link tables

[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / share / link-table / link-table.component.html

diff --git a/Open-ILS/src/eg2/src/app/staff/share/link-table/link-table.component.html b/Open-ILS/src/eg2/src/app/staff/share/link-table/link-table.component.html
index 0d82279..1c573bc 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/share/link-table/link-table.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/share/link-table/link-table.component.html
@@ -1,22 +1,16 @@
-
-<div class="d-flex border-top border-light" 
-    *ngFor="let row of rowBuckets; let rowIdx = index">
-  <div class="flex-1 p-2" *ngFor="let col of colList">
-    <ng-container *ngIf="row[col]">
-      <!-- avoid mixing [href] and [routerLink] in one link, 
-          because routerLink will take precedence, even if it's empty -->
-      <ng-container *ngIf="row[col].url">
-        <a [href]="row[col].url" class="with-material-icon">
-          <span class="material-icons">edit</span>
-          <span>{{row[col].label}}</span>
+<ul [style.--columnCount]="this.columnCount">
+  <li *ngFor="let link of this.links; let linkIdx = index">
+    <ng-container *ngIf="link.url">
+        <a [href]="link.url" class="with-material-icon">
+          <span class="material-icons" aria-hidden="true">edit</span>
+          <span>{{link.label}}</span>
         </a>
       </ng-container>
-      <ng-container *ngIf="row[col].routerLink">
-        <a [routerLink]="row[col].routerLink" class="with-material-icon">
-          <span class="material-icons">edit</span>
-          <span>{{row[col].label}}</span>
+      <ng-container *ngIf="link.routerLink">
+        <a [routerLink]="link.routerLink" class="with-material-icon">
+          <span class="material-icons" aria-hidden="true">edit</span>
+          <span>{{link.label}}</span>
         </a>
       </ng-container>
-    </ng-container>
-  </div>
-</div>
+  </li>
+</ul>
\ No newline at end of file