0662f54b0b35e7d7b4dd14d0a3656613143a8f7a
[working/Evergreen.git] / 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