71 lines
2.8 KiB
HTML
71 lines
2.8 KiB
HTML
<h2>Workflow History</h2>
|
|
|
|
<mat-form-field style="width: 100%;">
|
|
<mat-label>Filter</mat-label>
|
|
<input matInput (keyup)="applyFilter($event)" placeholder="Filter..." #input />
|
|
</mat-form-field>
|
|
|
|
|
|
<p>
|
|
<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 | date:"yyyy-MM-dd HH:mm:ss"}}</span>
|
|
<span *ngIf="from >= 0 && to < 0"><b>Workflows from </b>{{from | date:"yyyy-MM-dd HH:mm:ss"}} <b>to</b> <i>undefined</i></span>
|
|
<span *ngIf="from < 0 && to >= 0"><b>Workflows from </b><i>undefined</i> <b>to</b> {{to | date:"yyyy-MM-dd HH:mm:ss"}}</span>
|
|
<br />
|
|
<span><b>Count :</b> {{historyDatasource.filteredData.length}}</span>
|
|
</p>
|
|
|
|
|
|
|
|
<table mat-table [dataSource]="historyDatasource" class="mat-elevation-z8">
|
|
|
|
<ng-container matColumnDef="processId">
|
|
<th mat-header-cell *matHeaderCellDef> Process Id </th>
|
|
<td mat-cell *matCellDef="let element">
|
|
<a (click)="openWfDialog(element)">{{element.processId}}</a>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="name">
|
|
<th mat-header-cell *matHeaderCellDef> Workflow Name </th>
|
|
<td mat-cell *matCellDef="let element"> {{element.name}} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="family">
|
|
<th mat-header-cell *matHeaderCellDef> Workflow Family </th>
|
|
<td mat-cell *matCellDef="let element"> {{element.family}} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="dsName">
|
|
<th mat-header-cell *matHeaderCellDef> Datasource </th>
|
|
<td mat-cell *matCellDef="let element"> {{element.dsName}} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="status">
|
|
<th mat-header-cell *matHeaderCellDef> Status </th>
|
|
<td mat-cell *matCellDef="let element"> {{element.status}} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="startDate">
|
|
<th mat-header-cell *matHeaderCellDef> Start Date </th>
|
|
<td mat-cell *matCellDef="let element"> {{element.startDate}} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="endDate">
|
|
<th mat-header-cell *matHeaderCellDef> End Date </th>
|
|
<td mat-cell *matCellDef="let element"> {{element.endDate}} </td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="colums"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: colums;"></tr>
|
|
|
|
<!-- Row shown when there is no matching data. -->
|
|
<tr class="mat-row" *matNoDataRow>
|
|
<td class="mat-cell" colspan="4">No data matching the filter "{{input.value}}"</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
|