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                 (ngModelChange)="getListOfProcessingStatus()">
   7                 <nz-option *ngFor="let item of statusOptions" [nzLabel]="item" [nzValue]="item"></nz-option>
   8             </nz-select>
   9         </div>
  10     </div>
  11     <div class="slicing-resource-table-list">
  12         <nz-table
  13                 #nssiTable
  14                 [nzData]="listOfData"
  15                 [nzFrontPagination]="false"
  16                 nzShowSizeChanger
  17                 [nzPageSizeOptions]="[5,10,15,20]"
  18                 [nzTotal]='total'
  19                 [(nzPageSize)]="pageSize"
  20                 [(nzPageIndex)]='pageIndex'
  21                 [nzLoading]="loading"
  22                 (nzPageIndexChange)="searchData()"
  23                 (nzPageSizeChange)="searchData(true)"
  24         >
  25             <thead>
  26                 <tr>
  27                     <th>Service Instance Id</th>
  28                     <th>Service Instance Name</th>
  29                     <th>Service Type</th>
  30                     <th width="110px">Status</th>
  31                     <th width="140px">Detail</th>
  32                 </tr>
  33             </thead>
  34             <tbody>
  35                 <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index">
  36                     <tr>
  37                         <td>{{ data.service_instance_id }}</td>
  38                         <td>{{ data.service_instance_name }}</td>
  39                         <td>{{ data.service_type }}</td>
  40                         <td>{{data.orchestration_status}}</td>
  41                         <td>
  42                             <a (click)="showdetail(data)">View Detail</a>
  43                         </td>
  44                     </tr>
  45                 </ng-template>
  46             </tbody>
  47         </nz-table>
  48     </div>
  49 </div>