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

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