blob: ec11f854703297d0eb564b674ef6ac4e965f05c6 (
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
|
<div class="slicing-resource-table">
<div nz-row>
<div nz-col nzSpan="12" class="task_status">
<span>Status : </span>
<nz-select nzShowSearch nzPlaceHolder="Select a processing status" [(ngModel)]="selectedValue"
(ngModelChange)="getListOfProcessingStatus()">
<nz-option *ngFor="let item of statusOptions" [nzLabel]="item" [nzValue]="item"></nz-option>
</nz-select>
</div>
</div>
<div class="slicing-resource-table-list">
<nz-table #nssiTable [nzData]="listOfData" [nzFrontPagination]="false" nzShowSizeChanger
[nzPageSizeOptions]="[5,10,15,20]" [nzTotal]='total' [(nzPageSize)]="pageSize" [(nzPageIndex)]='pageIndex'
[nzLoading]="loading" (nzPageIndexChange)="searchData()" (nzPageSizeChange)="searchData(true)">
<thead>
<tr>
<th width=280>Service Instance Id</th>
<th width=280>Service Instance Name</th>
<th width=160>Service Type</th>
<th width=140>Status</th>
<th width=140>Detail</th>
</tr>
</thead>
<tbody>
<ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index">
<tr>
<td>{{ data.service_instance_id }}</td>
<td>{{ data.service_instance_name }}</td>
<td>{{ data.service_type?data.service_type:'--' }}</td>
<td>{{data.orchestration_status}}</td>
<td>
<a (click)="showdetail(data)">View Detail</a>
</td>
</tr>
</ng-template>
</tbody>
</nz-table>
</div>
</div>
|