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 #nsiTable [nzData]="listOfData" [nzFrontPagination]="false" nzShowSizeChanger
  13       [nzPageSizeOptions]="[5,10,15,20]" [nzTotal]='total' [(nzPageSize)]="pageSize" [(nzPageIndex)]='pageIndex'
  14       [nzLoading]="loading" (nzPageIndexChange)="searchData()" (nzPageSizeChange)="searchData(true)">
  15       <thead>
  16         <tr>
  17           <th>Service Instance Id</th>
  18           <th>Service Instance Name</th>
  19           <th>Service Type</th>
  20           <th>Environment Context</th>
  21           <th>Status</th>
  22           <th width="140px">Detail</th>
  23         </tr>
  24       </thead>
  25       <tbody>
  26         <ng-template ngFor let-data [ngForOf]="nsiTable.data" let-i="index">
  27           <tr>
  28             <td>{{ data.service_instance_id }}</td>
  29             <td>{{ data.service_instance_name }}</td>
  30             <td>{{ data.service_type }}</td>
  31             <td>{{data.environment_context}}</td>
  32             <td>{{data.orchestration_status}}</td>
  33             <td>
  34               <a (click)="showdetail(data)">View Detail</a>
  35             </td>
  36           </tr>
  37         </ng-template>
  38       </tbody>
  39     </nz-table>
  40   </div>
  41 </div>