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

   1 <div>
   2   <div nz-row>
   3     <button
   4       nz-button
   5       nzType="primary"
   6       class="buy-button"
   7       (click)="cloudLeasedLineShow()"
   8     >
   9       Create
  10     </button>
  11     <button
  12       nz-button
  13       nzType="primary"
  14       class="buy-button"
  15       (click)="smartCloudLeasedLineShow()"
  16     >
  17       Smart Create
  18     </button>
  19   </div>
  20   <div class="slicing-resource-table-list">
  21     <nz-table
  22       #basicTable [nzData]="listOfData"
  23       [nzFrontPagination]="false"
  24       nzShowSizeChanger
  25       [nzPageSizeOptions]="[5,10,15,20]"
  26       [nzTotal]='total'
  27       [(nzPageSize)]="pageSize"
  28       [(nzPageIndex)]='pageIndex'
  29       [nzLoading]="loading"
  30       (nzPageIndexChange)="searchData()"
  31       (nzPageSizeChange)="searchData()"
  32     >
  33       <thead>
  34         <tr>
  35           <th nzWidth="6%">No</th>
  36           <th nzWidth="15%">Communication Service Name</th>
  37           <th nzWidth="10%">Intent Instance ID</th>
  38           <th nzWidth="6%">Status</th>
  39           <th nzWidth="20%">{{"i18nTextDefine_Operationbutton" | translate}}</th>
  40         </tr>
  41       </thead>
  42       <tbody>
  43         <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
  44           <tr>
  45             <td>{{i+1}}</td>
  46             <td>{{ data.name }}</td>
  47             <td>{{ data.instanceId }}</td>
  48             <td>{{ statusObj[data.status] }}</td>
  49             <td>
  50               <button
  51                 nz-button
  52                 nzType="primary"
  53                 class="buy-button"
  54                 (click)="goMonitorService()"
  55               >
  56                 Intent Monitor
  57               </button>
  58               <button
  59                 *ngIf="data.status === '3'"
  60                 nz-button
  61                 nzType="primary"
  62                 class="buy-button"
  63                 (click)="activeCloudLeasedLine(data)"
  64               >
  65                 Active
  66               </button>
  67               <button
  68                 *ngIf="data.status === '1'"
  69                 nz-button
  70                 nzType="primary"
  71                 class="buy-button"
  72                 (click)="inactiveCloudLeasedLine(data)"
  73               >
  74                 Inactive
  75               </button>
  76               <button
  77                 nz-button
  78                 nzType="primary"
  79                 class="buy-button"
  80                 (click)="deleteCloudLeasedLine(data)"
  81               >
  82                 Delete
  83               </button>
  84             </td>
  85           </tr>
  86         </ng-template>
  87       </tbody>
  88     </nz-table>
  89   </div>
  90   <app-smart-cloud-leased-modal
  91     [samrtCloudLeasedLineShowFlag]="smartCloudLeasedLineShowFlag"
  92     (resolveEmitter)="smartCloudLeasedLineClose($event)"
  93   ></app-smart-cloud-leased-modal>
  94   <app-cloud-leased-line-modal
  95     [modelParams]="resolveResult"
  96     [cloudLeasedLineShowFlag]="cloudLeasedLineShowFlag"
  97     (cancelEmitter)="cloudLeasedLineClose()"
  98   ></app-cloud-leased-line-modal>
  99 </div>