2023-01-24 10:08:55 +01:00
|
|
|
<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>
|
|
|
|
|
2023-01-24 10:45:59 +01:00
|
|
|
<table mat-table [dataSource]="historyDatasource" matSort class="mat-elevation-z8">
|
2023-01-24 10:08:55 +01:00
|
|
|
|
|
|
|
<ng-container matColumnDef="processId">
|
2023-01-24 10:38:39 +01:00
|
|
|
<th mat-header-cell *matHeaderCellDef style="width: 15%;" mat-sort-header sortActionDescription="Sort by Process ID"> Process Id </th>
|
2023-01-24 10:08:55 +01:00
|
|
|
<td mat-cell *matCellDef="let element">
|
|
|
|
<a (click)="openWfDialog(element)">{{element.processId}}</a>
|
|
|
|
</td>
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
<ng-container matColumnDef="name">
|
2023-01-24 10:38:39 +01:00
|
|
|
<th mat-header-cell *matHeaderCellDef style="width: 15%;" mat-sort-header sortActionDescription="Sort by WF Name"> Workflow Name </th>
|
2023-01-24 10:08:55 +01:00
|
|
|
<td mat-cell *matCellDef="let element"> {{element.name}} </td>
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
<ng-container matColumnDef="family">
|
2023-01-24 10:38:39 +01:00
|
|
|
<th mat-header-cell *matHeaderCellDef style="width: 10%;" mat-sort-header sortActionDescription="Sort by WF Family"> Workflow Family </th>
|
2023-01-24 10:08:55 +01:00
|
|
|
<td mat-cell *matCellDef="let element"> {{element.family}} </td>
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
<ng-container matColumnDef="dsName">
|
2023-01-24 10:38:39 +01:00
|
|
|
<th mat-header-cell *matHeaderCellDef style="width: 20%;" mat-sort-header sortActionDescription="Sort by Datasource"> Datasource </th>
|
2023-01-24 10:08:55 +01:00
|
|
|
<td mat-cell *matCellDef="let element"> {{element.dsName}} </td>
|
|
|
|
</ng-container>
|
|
|
|
|
2023-01-24 10:38:39 +01:00
|
|
|
<ng-container matColumnDef="status">
|
|
|
|
<th mat-header-cell *matHeaderCellDef style="width: 10%;" mat-sort-header sortActionDescription="Sort by Status"> Status </th>
|
2023-01-24 11:11:25 +01:00
|
|
|
<td mat-cell *matCellDef="let element"><span class="badge-label" [ngClass]="{'badge-success' : element.status === 'success', 'badge-failure' : element.status === 'failure'}">{{element.status}}</span> </td>
|
2023-01-24 10:08:55 +01:00
|
|
|
</ng-container>
|
|
|
|
|
2023-01-24 10:38:39 +01:00
|
|
|
<ng-container matColumnDef="startDate">
|
|
|
|
<th mat-header-cell *matHeaderCellDef style="width: 15%;" mat-sort-header sortActionDescription="Sort by Start Date"> Start Date </th>
|
2023-01-24 10:08:55 +01:00
|
|
|
<td mat-cell *matCellDef="let element"> {{element.startDate}} </td>
|
|
|
|
</ng-container>
|
|
|
|
|
2023-01-24 10:38:39 +01:00
|
|
|
<ng-container matColumnDef="endDate">
|
|
|
|
<th mat-header-cell *matHeaderCellDef style="width: 15%;" mat-sort-header sortActionDescription="Sort by End Date"> End Date </th>
|
2023-01-24 10:08:55 +01:00
|
|
|
<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>
|