Open-ILS/src/eg2/src/app/share/grid/grid-header.component.html

   1
   2 <div role="row" class="eg-grid-row eg-grid-header-row">
   3   <ng-container *ngIf="!context.disableSelect">
   4     <div role="columnheader"
   5       class="eg-grid-cell eg-grid-header-cell eg-grid-checkbox-cell eg-grid-cell-skinny">
   6       <input type='checkbox' (click)="handleBatchSelect($event)"
   7         i18n-aria-label aria-label="All rows"
   8         [(ngModel)]="batchRowCheckbox">
   9     </div>
  10   </ng-container>
  11   <div role="columnheader"
  12     class="eg-grid-cell eg-grid-header-cell eg-grid-number-cell eg-grid-cell-skinny">
  13     <span i18n="number|Row Number Header">#</span>
  14   </div>
  15   <div *ngIf="context.rowFlairIsEnabled"
  16     role="columnheader"
  17     class="eg-grid-cell eg-grid-header-cell eg-grid-flair-cell">
  18     <span class="material-icons" aria-hidden="true" title="Notifications" i18n-title>notifications</span>
  19     <span class="visually-hidden" i18n>Notifications</span>
  20   </div>
  21   <div role="columnheader"
  22     *ngFor="let col of context.columnSet.displayColumns()"
  23     draggable="true"
  24     (dragstart)="dragColumn = col"
  25     (drop)="onColumnDrop(col)"
  26     (dragover)="onColumnDragEnter($event, col)"
  27     (dragleave)="onColumnDragLeave($event, col)"
  28     [ngClass]="{'dragover' : col.isDragTarget}"
  29     class="eg-grid-cell eg-grid-header-cell" [ngStyle]="{flex:col.flex}">
  30     <button type="button" class="btn btn-link sortable label-with-material-icon" *ngIf="col.isSortable"
  31       (click)="sortOneColumn(col)">
  32       <span class="eg-grid-header-cell-sort-label">{{col.headerLabel}}</span>
  33       <span class="material-icons eg-grid-header-cell-sort-arrow"
  34         *ngIf="isColumnSorting(col, 'ASC')">arrow_upwards</span>
  35       <span class="material-icons eg-grid-header-cell-sort-arrow"
  36         *ngIf="isColumnSorting(col, 'DESC')">arrow_downwards</span>
  37     </button>
  38     <span *ngIf="!col.isSortable">{{col.headerLabel}}</span>
  39   </div>
  40 </div>
  41 <div *ngIf="context.isFilterable"
  42   class="eg-grid-row eg-grid-filter-controls-row">
  43   <ng-container *ngIf="!context.disableSelect">
  44     <div class="eg-grid-cell eg-grid-header-cell eg-grid-cell-skinny"></div>
  45   </ng-container>
  46   <div class="eg-grid-cell eg-grid-header-cell eg-grid-cell-skinny"></div>
  47   <div *ngIf="context.rowFlairIsEnabled"
  48     class="eg-grid-cell eg-grid-header-cell"></div>
  49
  50   <div *ngFor="let col of context.columnSet.displayColumns()"
  51     class="eg-grid-cell eg-grid-filter-control-cell" [ngStyle]="{flex:col.flex}">
  52     <eg-grid-filter-control [context]="context" [col]="col"></eg-grid-filter-control>
  53   </div>
  54 </div>