sort
This commit is contained in:
parent
d11c51879e
commit
f1183df749
|
@ -5,7 +5,6 @@
|
||||||
<input matInput (keyup)="applyFilter($event)" placeholder="Filter..." #input />
|
<input matInput (keyup)="applyFilter($event)" placeholder="Filter..." #input />
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
<span *ngIf="from < 0 && to < 0"><b>Recent workflows</b> (max {{total}})</span>
|
<span *ngIf="from < 0 && to < 0"><b>Recent workflows</b> (max {{total}})</span>
|
||||||
<span *ngIf="from >= 0 && to >= 0"><b>Workflows from </b>{{from | date:"yyyy-MM-dd HH:mm:ss"}} <b>to</b> {{to |
|
<span *ngIf="from >= 0 && to >= 0"><b>Workflows from </b>{{from | date:"yyyy-MM-dd HH:mm:ss"}} <b>to</b> {{to |
|
||||||
|
@ -18,7 +17,7 @@
|
||||||
<span><b>Count :</b> {{historyDatasource.filteredData.length}}</span>
|
<span><b>Count :</b> {{historyDatasource.filteredData.length}}</span>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<table mat-table [dataSource]="historyDatasource" matSort (matSortChange)="updateSort($event)" class="mat-elevation-z8">
|
<table mat-table [dataSource]="historyDatasource" matSort class="mat-elevation-z8">
|
||||||
|
|
||||||
<ng-container matColumnDef="processId">
|
<ng-container matColumnDef="processId">
|
||||||
<th mat-header-cell *matHeaderCellDef style="width: 15%;" mat-sort-header sortActionDescription="Sort by Process ID"> Process Id </th>
|
<th mat-header-cell *matHeaderCellDef style="width: 15%;" mat-sort-header sortActionDescription="Sort by Process ID"> Process Id </th>
|
||||||
|
|
|
@ -8,7 +8,6 @@ import { Observable } from 'rxjs';
|
||||||
import { map } from 'rxjs/operators';
|
import { map } from 'rxjs/operators';
|
||||||
import { MatDialog, MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
|
import { MatDialog, MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
|
||||||
import { KeyValue } from '../model/controller.model';
|
import { KeyValue } from '../model/controller.model';
|
||||||
import {LiveAnnouncer} from '@angular/cdk/a11y';
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-wf-history',
|
selector: 'app-wf-history',
|
||||||
|
@ -25,7 +24,7 @@ export class WfHistoryComponent implements AfterViewInit {
|
||||||
from: number = -1
|
from: number = -1
|
||||||
to: number = -1
|
to: number = -1
|
||||||
|
|
||||||
constructor(public service: ISService, public route: ActivatedRoute, public dialog: MatDialog, private _liveAnnouncer: LiveAnnouncer) {
|
constructor(public service: ISService, public route: ActivatedRoute, public dialog: MatDialog) {
|
||||||
|
|
||||||
let totalP = route.snapshot.paramMap.get('total');
|
let totalP = route.snapshot.paramMap.get('total');
|
||||||
let fromP = route.snapshot.queryParamMap.get('from');
|
let fromP = route.snapshot.queryParamMap.get('from');
|
||||||
|
@ -60,13 +59,6 @@ export class WfHistoryComponent implements AfterViewInit {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
updateSort(sortState: Sort) {
|
|
||||||
if (sortState.direction) {
|
|
||||||
this._liveAnnouncer.announce(`Sorted ${sortState.direction}ending`);
|
|
||||||
} else {
|
|
||||||
this._liveAnnouncer.announce('Sorting cleared');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
|
|
Loading…
Reference in New Issue