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

   1
   2 <div row="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">notifications</span>
  19   </div>
  20   <div role="columnheader"
  21     *ngFor="let col of context.columnSet.displayColumns()"
  22     draggable="true"
  23     (dragstart)="dragColumn = col"
  24     (drop)="onColumnDrop(col)"
  25     (dragover)="onColumnDragEnter($event, col)"
  26     (dragleave)="onColumnDragLeave($event, col)"
  27     [ngClass]="{'dragover' : col.isDragTarget}"
  28     class="eg-grid-cell eg-grid-header-cell" [ngStyle]="{flex:col.flex}">
  29     <a class="sortable label-with-material-icon" *ngIf="col.isSortable"
  30       (click)="sortOneColumn(col)">
  31       <span class="eg-grid-header-cell-sort-label">{{col.label}}</span>
  32       <span class="material-icons eg-grid-header-cell-sort-arrow"
  33         *ngIf="isColumnSorting(col, 'ASC')">arrow_upwards</span>
  34       <span class="material-icons eg-grid-header-cell-sort-arrow"
  35         *ngIf="isColumnSorting(col, 'DESC')">arrow_downwards</span>
  36     </a>
  37     <span *ngIf="!col.isSortable">{{col.label}}</span>
  38   </div>
  39 </div>
  40 <div *ngIf="context.isFilterable"
  41   class="eg-grid-row eg-grid-filter-controls-row">
  42   <ng-container *ngIf="!context.disableSelect">
  43     <div class="eg-grid-cell eg-grid-header-cell eg-grid-cell-skinny"></div>
  44   </ng-container>
  45   <div class="eg-grid-cell eg-grid-header-cell eg-grid-cell-skinny"></div>
  46   <div *ngIf="context.rowFlairIsEnabled"
  47     class="eg-grid-cell eg-grid-header-cell"></div>
  48
  49   <div *ngFor="let col of context.columnSet.displayColumns()"
  50     class="eg-grid-cell eg-grid-filter-control-cell" [ngStyle]="{flex:col.flex}">
  51     <eg-grid-filter-control [context]="context" [col]="col"></eg-grid-filter-control>
  52   </div>
  53 </div>