blob: dcc32a5e42b6cd7a20e4bfa2c00197938577597d (
plain)
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
<div class="row">
<div class="instantiation-status-header">
<div>
<div class="row" style="margin-left: 0;">
<div>
<span class="title" [attr.data-tests-id]="'instantiation-status-title'">Instantiation Status</span>
<span class="icon-info"
triggers="mouseenter:mouseleave"
popover="This table presents all the instantiation requests you made that are waiting, during or finished instantiating. You may see others requests by removing the Show only my requests checkmark."
placement="bottom"></span>
</div>
<div class="lastUpdate">
<div style="float: left;margin-top: 3px;"><span>Last update: {{lastUpdatedDate | date:'MMM. dd, yyyy | HH:mm'}}</span></div>
<div id="refresh-btn" class="refresh-btn" [ngClass]="{'spin' : !dataIsReady}" (click)="deactivateInterval(); refreshData(); activateInterval();">
<span class="icon-refresh"></span>
</div>
</div>
<div class="instantiationStatusFilter" *ngIf=isInstantiationStatusFilterFlagOn()>
<input
[attr.data-tests-id]="'instantiation-status-filter'"
class="form-control input-text"
[placeholder]="'filter'"
[(ngModel)]="filterText">
</div>
</div>
</div>
</div>
<div class="instantiation-status-data table-responsive">
<table id="instantiation-status" class="table table-bordered">
<thead class="thead-dark">
<tr>
<th scope="col" class="smallTd">User ID</th>
<th scope="col" class="smallTd">Action</th>
<th scope="col" class="normal">Model Name</th>
<th scope="col" class="normal">Instance Name</th>
<th scope="col" class="smallTd">Model version</th>
<th scope="col" class="normal">Subscriber</th>
<th scope="col" class="mediumTd">Service Type</th>
<th scope="col" class="normal">Region</th>
<th scope="col" class="mediumTd">Tenant</th>
<th scope="col" class="mediumTd">AIC Zone</th>
<th scope="col" class="mediumTd">Project</th>
<th scope="col" class="mediumTd">Owning entity</th>
<th scope="col" class="smallTd">Pause</th>
<th scope="col" class="mediumTd">Date</th>
<th scope="col" class="last">Status</th>
</tr>
</thead>
<tbody >
<tr *ngFor="let data of serviceInfoData | searchFilter: filterText ; trackBy: trackByFn; let i = index" [ngClass]="{'odd' : data.serviceIndex%2 == 1}" [id]="data.jobId">
<td class="smallTd" id="userId"><custom-ellipsis [id]="data.userId" [value]="data.userId"></custom-ellipsis></td>
<td class="smallTd" id="action"><custom-ellipsis [id]="data.action" [value]="data.action | capitalizeAndFormat"></custom-ellipsis></td>
<td class="normal" id="serviceModelName"><custom-ellipsis [id]="data.serviceModelName" [value]="data.serviceModelName"></custom-ellipsis></td>
<td class="normal" id="serviceInstanceName"><custom-ellipsis [id]="data.serviceInstanceName" [value]="data.serviceInstanceName"></custom-ellipsis></td>
<td class="smallTd" id="serviceModelVersion"><custom-ellipsis [id]="data.serviceModelVersion" [value]="data.serviceModelVersion"></custom-ellipsis></td>
<td class="normal" id="subscriberName"><custom-ellipsis [id]="data.subscriberName" [value]="data.subscriberName"></custom-ellipsis></td>
<td class="mediumTd" id="serviceType"><custom-ellipsis [id]="data.serviceType" [value]="data.serviceType"></custom-ellipsis></td>
<td class="normal" id="regionId"><custom-ellipsis [id]="data.regionId" [value]="data.regionId"></custom-ellipsis></td>
<td class="mediumTd" id="tenantName"><custom-ellipsis [id]="data.tenantName" [value]="data.tenantName"></custom-ellipsis></td>
<td class="mediumTd" id="aicZoneName"><custom-ellipsis [id]="data.aicZoneName" [value]="data.aicZoneName"></custom-ellipsis></td>
<td class="mediumTd" id="project"><custom-ellipsis [id]="data.project" [value]="data.project"></custom-ellipsis></td>
<td class="mediumTd" id="owningEntityName"><custom-ellipsis [id]="data.owningEntityName" [value]="data.owningEntityName"></custom-ellipsis></td>
<td class="smallTd" id="pause"><custom-ellipsis [id]="data.pause" [value]="data.pause"></custom-ellipsis></td>
<td class="mediumTd" id="created"><custom-ellipsis [id]="data.created" [value]="data.created | date:'MMM. dd, yyyy HH:mm'"></custom-ellipsis></td>
<td class="last" id="jobStatus" [ngClass]="data.jobStatus">
<custom-popover [value]="data.serviceStatus.tooltip" [popoverType]="data?.serviceStatus?.color" style="float: left;">
<custom-icon
id="jobStatusIcon-{{i}}"
(click)="auditInfo(data)"
[mode]="data.serviceStatus.color"
[size]="'large'"
[name]="data.serviceStatus.iconClassName">
</custom-icon>
</custom-popover>
<div class="menu-div" (click)="onContextMenu($event, data)" [attr.data-tests-id]="'menu-'+data.jobId">
<span class="icon-menu"></span>
<context-menu>
<ng-template *ngFor="let action of contextMenuActions" contextMenuItem let-item
[visible]="action.visible"
[enabled]="action.enabled"
(execute)="action.click($event.item)">
<div [attr.data-tests-id]="action.dataTestId"
[tooltip]="action?.tooltip"
[tooltipDisabled]="!action.tooltip">
<span class="context-menu-icon">
<i class="fa {{action.className}}" aria-hidden="true"></i>
</span>
{{action.name}}
</div>
</ng-template>
</context-menu>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
|
