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

   1 <nz-spin [nzSpinning]="isSpinning">
   2 <nz-list class="taskmodel_list"  nzBordered [nzHeader]="'Carry Slicing Businress List ：'" [nzFooter]="null">
   3   <nz-table
   4           #businessTable
   5           [nzData]="businessList"
   6           [nzShowPagination]="false"
   7           nzHideOnSinglePage
   8                 class="model-table-padding"
   9   >
  10     <thead>
  11     <tr>
  12       <th>Service Instance Id</th>
  13       <th>Service Instance Name</th>
  14       <th>Service Type</th>
  15                 <th>S-NSSAI</th>
  16       <th>Status</th>
  17       <th width="100px">Detail</th>
  18     </tr>
  19     </thead>
  20     <tbody>
  21     <ng-template ngFor let-data [ngForOf]="businessTable.data" let-i="index">
  22       <tr>
  23         <td>{{ data.service_instance_id }}</td>
  24         <td>{{ data.service_instance_name }}</td>
  25         <td>{{ data.service_type }}</td>
  26         <td>{{ data.service_snssai }}</td>
  27         <td>{{ data.orchestration_status }}</td>
  28         <td>
  29           <a (click)="showBusinessDetail(data)">detail</a>
  30         </td>
  31       </tr>
  32     </ng-template>
  33     </tbody>
  34   </nz-table>
  35 </nz-list>
  36 <nz-list class="taskmodel_list"  nzBordered [nzHeader]="'Include Slicing NSSI List ：'" [nzFooter]="null">
  37   <nz-table
  38           #nssiTable
  39           [nzData]="nssiList"
  40           [nzShowPagination]="false"
  41           nzHideOnSinglePage
  42                 class="model-table-padding"
  43   >
  44     <thead>
  45     <tr>
  46       <th>Service Instance Id</th>
  47       <th>Service Instance Name</th>
  48       <th>Service Type</th>
  49                 <th>Environment Context</th>
  50       <th>Status</th>
  51       <th width="100px">Detail</th>
  52     </tr>
  53     </thead>
  54     <tbody>
  55     <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index">
  56       <tr>
  57         <td>{{ data.service_instance_id }}</td>
  58         <td>{{ data.service_instance_name }}</td>
  59         <td>{{ data.service_type }}</td>
  60         <td>{{ data.environment_context }}</td>
  61         <td>{{ data.orchestration_status }}</td>
  62         <td>
  63           <a (click)="showNssiDetail(data)">detail</a>
  64         </td>
  65       </tr>
  66     </ng-template>
  67     </tbody>
  68   </nz-table>
  69 </nz-list>
  70 </nz-spin>