7b629cd5d2e828f01204537287e52da9ecd7dc59
[usecase-ui.git] /
1 <nz-spin [nzSpinning]="isSpinning">
2     <app-basic-info [businessRequirement]="businessRequirement" [NSTinfo]="NSTinfo" [taskModel]="taskModel">
3     </app-basic-info>
4     <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Slicing NSI :'" [nzFooter]="null">
5     <nz-table
6             #basicTable
7             [nzData]="nsiInfo"
8             [nzShowPagination]="false"
9             nzHideOnSinglePage
10                 class="model-table-padding"
11     >
12             <thead>
13                 <tr>
14                     <th>Service Instance Id</th>
15                     <th>Service Instance Name</th>
16                     <th>Service Type</th>
17                     <th width="110px">Status</th>
18                     <th width="110px">Detail</th>
19                 </tr>
20             </thead>
21             <tbody>
22                 <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
23                     <tr>
24                         <td>{{ data.nsi_id }}</td>
25                         <td>{{ data.nsi_name }}</td>
26                         <td>{{ data.nsi_type }}</td>
27                         <td>{{ data.nsi_orchestration_status }}</td>
28                         <td>
29                             <a (click)="showdetail(data)">View Detail</a>
30                         </td>
31                     </tr>
32                 </ng-template>
33             </tbody>
34         </nz-table>
35     </nz-list>
36 </nz-spin>