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

   1 <div class="intent-resource_tab">
   2   <div class="intent-resource-table-list">
   3     <nz-table
   4       #basicTable [nzData]="listOfData"
   5       [nzFrontPagination]="false"
   6       nzShowSizeChanger
   7       [nzPageSizeOptions]="[5,10,15,20]"
   8       [nzTotal]='total'
   9       [(nzPageSize)]="pageSize"
  10       [(nzPageIndex)]='pageIndex'
  11       [nzLoading]="loading"
  12       (nzPageIndexChange)="searchData()"
  13       (nzPageSizeChange)="searchData()"
  14       [nzScroll]="{ x: '1500px' }"
  15       nzTableLayout="fixed"
  16     >
  17       <thead>
  18         <tr>
  19           <th [nzLeft]="true">No</th>
  20           <th>Intent Name</th>
  21           <th>Intent Source</th>
  22           <th>Customer</th>
  23           <th nzEllipsis>Intent Content</th>
  24           <th>Intent Config</th>
  25           <th>Business Instance</th>
  26           <th [nzRight]="true" [nzWidth]="300"></th>
  27         </tr>
  28       </thead>
  29       <tbody>
  30         <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
  31           <tr>
  32             <td [nzLeft]="true">{{i+1}}</td>
  33             <td>{{ data.intentName }}</td>
  34             <td>{{ data.intentSource }}</td>
  35             <td>{{ data.customer }}</td>
  36             <td [title]="data.intentContent" nzEllipsis>
  37               {{ data.intentContent }}
  38             </td>
  39             <td>{{ data.intentConfig }}</td>
  40             <td>{{ data.businessInstance }}</td>
  41             <td [nzRight]="true">
  42               <button
  43                 nz-button
  44                 nzType="primary"
  45                 class="buy-button"
  46                 (click)="verificationIntentionInstance(data)"
  47               >
  48                 check
  49               </button>
  50               <button
  51                 nz-button
  52                 nzType="primary"
  53                 class="buy-button"
  54                 (click)="deleteIntentionInstance(data)"
  55               >
  56                 Delete
  57               </button>
  58             </td>
  59           </tr>
  60         </ng-template>
  61       </tbody>
  62     </nz-table>
  63   </div>
  64 </div>