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

   1
   2 <div class="eg-grid-row eg-grid-header-row">
   3   <div class="eg-grid-cell eg-grid-header-cell eg-grid-checkbox-cell eg-grid-cell-skinny">
   4     <input type='checkbox' (click)="handleBatchSelect($event)">
   5   </div>
   6   <div class="eg-grid-cell eg-grid-header-cell eg-grid-number-cell eg-grid-cell-skinny">
   7     <span i18n="number|Row Number Header">#</span>
   8   </div>
   9   <div *ngIf="context.rowFlairIsEnabled"
  10     class="eg-grid-cell eg-grid-header-cell eg-grid-flair-cell">
  11     <span class="material-icons">notifications</span>
  12   </div>
  13   <div *ngFor="let col of context.columnSet.displayColumns()"
  14     draggable="true"
  15     (dragstart)="dragColumn = col"
  16     (drop)="onColumnDrop(col)"
  17     (dragover)="onColumnDragEnter($event, col)"
  18     (dragleave)="onColumnDragLeave($event, col)"
  19     [ngClass]="{'dragover' : col.isDragTarget}"
  20     class="eg-grid-cell eg-grid-header-cell" [ngStyle]="{flex:col.flex}">
  21     <a class="sortable label-with-material-icon" *ngIf="col.isSortable"
  22       (click)="sortOneColumn(col)">
  23       <span class="eg-grid-header-cell-sort-label">{{col.label}}</span>
  24       <span class="material-icons eg-grid-header-cell-sort-arrow"
  25         *ngIf="isColumnSorting(col, 'ASC')">arrow_downwards</span>
  26       <span class="material-icons eg-grid-header-cell-sort-arrow"
  27         *ngIf="isColumnSorting(col, 'DESC')">arrow_upwards</span>
  28     </a>
  29     <span *ngIf="!col.isSortable">{{col.label}}</span>
  30   </div>
  31 </div>
  32