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

   1 <div class="slicing-resource-table">
   2     <div nz-row>
   3         <div nz-col nzSpan="12" class="task_status">
   4             <span>Status : </span>
   5             <nz-select nzShowSearch nzPlaceHolder="Select a processing status" [(ngModel)]="selectedValue">
   6                 <nz-option *ngFor="let item of statusOptions" [nzLabel]="item" [nzValue]="item"></nz-option>
   7             </nz-select>
   8         </div>
   9     </div>
  10     <div>
  11         <nz-table
  12                 #nsiTable
  13                 [nzData]="listOfData"
  14                 [nzFrontPagination]="false"
  15                 [nzPageSizeOptions]="[5,10,15,20]"
  16                 [nzTotal]='total'
  17                 [(nzPageSize)]="pageSize"
  18                 [(nzPageIndex)]='pageIndex'
  19                 [nzLoading]="loading"
  20         >
  21             <thead>
  22             <tr>
  23                 <th>Service Instance Id</th>
  24                 <th>Service Instance Name</th>
  25                 <th>Service Type</th>
  26                 <th>Status</th>
  27                 <th width="140px">Detail</th>
  28             </tr>
  29             </thead>
  30             <tbody>
  31             <ng-template ngFor let-data [ngForOf]="nsiTable.data" let-i="index">
  32                 <tr>
  33                     <td>{{ data.service_instance_id }}</td>
  34                     <td>{{ data.service_instance_name }}</td>
  35                     <td>{{ data.service_type }}</td>
  36                     <td>{{data.orchestration_status}}</td>
  37                     <td>
  38                         <a (click)="showdetail(data)">detail</a>
  39                     </td>
  40                 </tr>
  41             </ng-template>
  42             </tbody>
  43         </nz-table>
  44     </div>
  45 </div>