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

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