41 lines
1.4 KiB
HTML
41 lines
1.4 KiB
HTML
<h1 mat-dialog-title>Details</h1>
|
|
|
|
<div mat-dialog-content>
|
|
<p style="font-size: 0.8em;">
|
|
<b>Started at: </b>{{startDate}}<br />
|
|
<b>Finished at: </b>{{endDate}}<br />
|
|
<b>Duration: </b>{{duration}}<br />
|
|
</p>
|
|
|
|
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
|
|
<mat-label>Filter</mat-label>
|
|
<input matInput (keyup)="applyFilter($event)" placeholder="Filter..." #filterParams />
|
|
</mat-form-field>
|
|
|
|
<table mat-table [dataSource]="wfDatasource" class="mat-elevation-z8">
|
|
|
|
<ng-container matColumnDef="k">
|
|
<th mat-header-cell *matHeaderCellDef>k</th>
|
|
<td mat-cell *matCellDef="let element" style="width: 30%;">{{element.k}}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="v">
|
|
<th mat-header-cell *matHeaderCellDef>v</th>
|
|
<td mat-cell *matCellDef="let element" style="width: 70%;"> {{element.v}} </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="2" style="padding: 0 16px;">No data matching the filter "{{filterParams.value}}"</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<div mat-dialog-actions>
|
|
<button mat-stroked-button color="primary" mat-dialog-close>Close</button>
|
|
</div>
|