Restore column heading links for sorting
authorStephanie Leary <stephanie.leary@equinoxoli.org>
Wed, 15 Mar 2023 18:30:41 +0000 (18:30 +0000)
committerStephanie Leary <stephanie.leary@equinoxoli.org>
Wed, 15 Mar 2023 18:30:41 +0000 (18:30 +0000)
Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org>
Open-ILS/src/eg2/src/app/share/grid/grid-header.component.html

index a5f8c3b..7734ee3 100644 (file)
     (dragleave)="onColumnDragLeave($event, col)"
     [ngClass]="{'dragover' : col.isDragTarget}"
     class="eg-grid-cell eg-grid-header-cell eg-grid-col-{{col.name}} eg-grid-type-{{col.datatype}} eg-grid-class-{{context.idlClass}} {{context.cellClassCallback(row, col)}}">
-    <span>{{col.headerLabel}}</span>
-    <div class="header-actions">
-      <wbr>
-    <button class="sortable label-with-material-icon" *ngIf="col.isSortable"
+    <a class="sortable label-with-material-icon" *ngIf="col.isSortable"
       (click)="sortOneColumn(col)">
-      <span class="material-icons eg-grid-header-cell-sort-arrow" title="Sort ascending" i18n-title>sort</span>
+      <span class="eg-grid-header-cell-sort-label">{{col.headerLabel}}</span>
       <span class="material-icons eg-grid-header-cell-sort-arrow"
-        *ngIf="isColumnSorting(col, 'ASC')" title="Sorted ascending" i18n-title>arrow_upwards</span>
+        *ngIf="isColumnSorting(col, 'ASC')">arrow_upwards</span>
       <span class="material-icons eg-grid-header-cell-sort-arrow"
-        *ngIf="isColumnSorting(col, 'DESC')"  title="Sorted descending" i18n-title>arrow_downwards</span>
-    </button>
-    </div>
+        *ngIf="isColumnSorting(col, 'DESC')">arrow_downwards</span>
+    </a>
+    <span *ngIf="!col.isSortable">{{col.headerLabel}}</span>
   </th>
 </tr>
 <tr *ngIf="context.isFilterable"