gerrit.onap Code Review - usecase-ui.git/blob

   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 #basicTable [nzData]="nsiInfo" [nzShowPagination]="false" nzHideOnSinglePage
   6             class="model-table-padding">
   7             <thead>
   8                 <tr>
   9                     <th>Service Instance Id</th>
  10                     <th>Service Instance Name</th>
  11                     <th>Service Type</th>
  12                     <th width="110px">Status</th>
  13                     <th width="110px">Detail</th>
  14                 </tr>
  15             </thead>
  16             <tbody>
  17                 <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
  18                     <tr>
  19                         <td>{{ data.nsi_id }}</td>
  20                         <td>{{ data.nsi_name }}</td>
  21                         <td>{{ data.nsi_type }}</td>
  22                         <td>{{ data.nsi_orchestration_status }}</td>
  23                         <td>
  24                             <a (click)="showdetail(data)">View Detail</a>
  25                         </td>
  26                     </tr>
  27                 </ng-template>
  28             </tbody>
  29         </nz-table>
  30     </nz-list>
  31     <nz-list class="taskmodel_list" nzBordered [nzHeader]="'End to End Topology:'" [nzFooter]="null">
  32         <div>status:{{status}}</div>
  33         <img style="width: 100%;" src="assets/images/slicing-business-management/example.png" alt="example" />
  34         <!-- <img src="assets/images/slicing-business-management/server.svg" /> -->
  35     </nz-list>
  36 </nz-spin>