blob: bd4ae434898b205e23eedf04676263c6cf3210da (
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
104
105
106
107
108
|
<div class="cloud_leased_class">
<div nz-row>
<button
nz-button
nzType="primary"
class="buy-button"
(click)="cloudLeasedLineShow()"
>
Create
</button>
<button
nz-button
nzType="primary"
class="buy-button"
(click)="smartCloudLeasedLineShow()"
>
Smart Create
</button>
</div>
<div class="slicing-resource-table-list">
<nz-table
#basicTable [nzData]="listOfData"
[nzFrontPagination]="false"
nzShowSizeChanger
[nzPageSizeOptions]="[5,10,15,20]"
[nzTotal]='total'
[(nzPageSize)]="pageSize"
[(nzPageIndex)]='pageIndex'
[nzLoading]="loading"
(nzPageIndexChange)="searchData()"
(nzPageSizeChange)="searchData()"
>
<thead>
<tr>
<th nzWidth="6%">No</th>
<th nzWidth="15%">Communication Service Name</th>
<th nzWidth="10%">Intent Instance ID</th>
<th nzWidth="6%">Status</th>
<th nzWidth="20%">{{"i18nTextDefine_Operationbutton" | translate}}</th>
</tr>
</thead>
<tbody>
<ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
<tr>
<td>{{i+1}}</td>
<td>{{ data.name }}</td>
<td>{{ data.instanceId }}</td>
<td>{{ statusObj[data.status] }}</td>
<td>
<button
nz-button
nzType="primary"
class="buy-button"
(click)="goMonitorService(data)"
>
Intent Monitor
</button>
<button
*ngIf="data.status === '3'"
nz-button
nzType="primary"
class="buy-button"
(click)="activeCloudLeasedLine(data)"
>
Active
</button>
<button
*ngIf="data.status === '1'"
nz-button
nzType="primary"
class="buy-button"
(click)="inactiveCloudLeasedLine(data)"
>
Inactive
</button>
<button
*ngIf="data.status === '1'"
nz-button
nzType="primary"
class="buy-button"
(click)="modifyCloudLeasedLine(data)"
>
Modify
</button>
<button
nz-button
nzType="primary"
class="buy-button"
(click)="deleteCloudLeasedLine(data)"
>
Delete
</button>
</td>
</tr>
</ng-template>
</tbody>
</nz-table>
</div>
<app-smart-cloud-leased-modal
[samrtCloudLeasedLineShowFlag]="smartCloudLeasedLineShowFlag"
(resolveEmitter)="smartCloudLeasedLineClose($event)"
></app-smart-cloud-leased-modal>
<app-cloud-leased-line-modal
[modelParams]="resolveResult"
[cloudLeasedLineShowFlag]="cloudLeasedLineShowFlag"
(cancelEmitter)="cloudLeasedLineClose()"
></app-cloud-leased-line-modal>
</div>
|
