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

   1 <div>
   2         <div nz-row>
   3                 <div nz-col nzSpan="12" class="task_status">
   4                         <span>Status : </span>
   5                         <nz-select
   6                                 nzShowSearch
   7                                 [(ngModel)]="selectedValue"
   8                                 nzPlaceHolder="Select a processing status"
   9                                 (ngModelChange)="processingStatusChange()"
  10                         >
  11                                 <nz-option
  12                                         *ngFor="let item of statusOptions"
  13                                         [nzLabel]="item.title"
  14                                         [nzValue]="item.value"
  15                                 ></nz-option>
  16                         </nz-select>
  17                 </div>
  18         </div>
  19         <div>
  20                 <nz-table
  21                         #basicTable
  22                         nzShowPagination
  23                         nzPageSizeOptions
  24                         nzShowSizeChanger
  25                         [nzTotal]="total"
  26                         [nzLoading]="loading"
  27                         [nzData]="listOfData"
  28                         [nzPageIndex]="pageNum"
  29                         [nzPageSize]="pageSize"
  30                         [nzFrontPagination]="false"
  31                         (nzPageSizeChange)="pageSizeChange($event)"
  32                         (nzPageIndexChange)="pageNumChange($event)"
  33                 >
  34                         <thead>
  35                                 <tr>
  36                                         <th>Task ID</th>
  37                                         <th>Task Name</th>
  38                                         <th>S-NSSAI</th>
  39                                         <th>Service Type</th>
  40                                         <th>Created time</th>
  41                                         <th>Status</th>
  42                                         <th>Action</th>
  43                                 </tr>
  44                         </thead>
  45                         <tbody>
  46                                 <tr *ngFor="let data of basicTable.data">
  47                                         <td>{{ data.task_id }}</td>
  48                                         <td>{{ data.task_name }}</td>
  49                                         <td>{{ data.service_snssai }}</td>
  50                                         <td>{{ data.service_type }}</td>
  51                                         <td>{{ data.create_time | date: "yyyy-MM-dd HH:mm:ss"}}</td>
  52                                         <td>{{ data.processing_status }}</td>
  53                                         <td>
  54                                                 <span
  55                                                         *ngIf="data.processing_status === 'Planning'"
  56                                                         class="task_operation_disabled"
  57                                                         >{{ data.operation }}</span
  58                                                 >
  59                                                 <a
  60                                                         (click)="showdetail(data)"
  61                                                         *ngIf="data.processing_status !== 'Planning'"
  62                                                         >{{ data.operation }}</a
  63                                                 >
  64                                         </td>
  65                                 </tr>
  66                         </tbody>
  67                 </nz-table>
  68         </div>
  69         <app-slicing-task-model
  70                 [moduleTitle]="moduleTitle"
  71                 [showDetail]="showDetail"
  72                 [taskId]="taskId"
  73                 (cancel)="handelCancel($event)"
  74         >
  75         </app-slicing-task-model>
  76         <app-check-process-model
  77                 [moduleTitle]="moduleTitle"
  78                 [showProcess]="showProcess"
  79                 [taskId]="taskId"
  80                 (cancel)="showProcess = $event"
  81         >
  82         </app-check-process-model>
  83 </div>