-
Notifications
You must be signed in to change notification settings - Fork 440
/
trials-table.component.html
64 lines (59 loc) · 1.72 KB
/
trials-table.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<table [dataSource]="data" class="wide" mat-table>
<!--- Note that these columns can be defined in any order.
The actual rendered columns are set as a property on the row definition" -->
<!-- Position Column -->
<ng-container
*ngFor="let column of displayedColumns; let i = index"
[matColumnDef]="column"
>
<th mat-header-cell *matHeaderCellDef>
{{ column === 'Kfp run' ? '' : column }}
</th>
<td
*matCellDef="let element"
[ngClass]="{ cell: column === 'Trial name' }"
mat-cell
>
<span
*ngIf="
column !== 'Trial name' && column !== 'Status' && column !== 'Kfp run'
"
>{{ element[i] }}
</span>
<span
(click)="openTrialModal(element[i])"
*ngIf="column === 'Trial name'"
class="name"
>{{ element[i] }}
</span>
<div *ngIf="column === 'Kfp run'" class="svg-color">
<mat-icon
(click)="goToKfpRun(element[i])"
[matTooltipDisabled]="!!element[i]"
[ngClass]="{ 'icon-disable': !element[i] }"
class="icon"
matTooltip="No KFP run"
svgIcon="pipeline-centered"
></mat-icon>
</div>
<span
*ngIf="column === 'Status'"
[ngClass]="{
green: element[i] === 'Succeeded',
red: element[i] === 'Failed'
}"
>{{ element[i] }}</span
>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr
(mouseleave)="handleMouseLeave()"
(mouseover)="handleMouseOver(row)"
*matRowDef="let row; let i = index; columns: displayedColumns"
[ngClass]="{ 'best-trail-row': bestTrialIndex === i }"
mat-row
>
>
</tr>
</table>