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 nzShowSearch nzAllowClear [(ngModel)]="selectedValue" nzPlaceHolder="Select a processing status"
   6                                 (ngModelChange)="processingStatusChange()">
   7                                 <nz-option *ngFor="let item of statusOptions" [nzLabel]="item.title" [nzValue]="item.value"></nz-option>
   8                         </nz-select>
   9                 </div>
  10         </div>
  11         <div>
  12                 <nz-table #basicTable nzShowPagination nzPageSizeOptions nzShowSizeChanger [nzTotal]="total"
  13                         [nzLoading]="loading" [nzData]="listOfData" [nzPageIndex]="pageNum" [nzPageSize]="pageSize"
  14                         [nzFrontPagination]="false" (nzPageSizeChange)="pageSizeChange($event)"
  15                         (nzPageIndexChange)="pageNumChange($event)">
  16                         <thead>
  17                                 <tr>
  18                                         <th>Task ID</th>
  19                                         <th>Task Name</th>
  20                                         <th>S-NSSAI</th>
  21                                         <th>Service Type</th>
  22                                         <th>Created time</th>
  23                                         <th>Status</th>
  24                                         <th>Action</th>
  25                                 </tr>
  26                         </thead>
  27                         <tbody>
  28                                 <tr *ngFor="let data of basicTable.data">
  29                                         <td>{{ data.task_id }}</td>
  30                                         <td>{{ data.task_name }}</td>
  31                                         <td>{{ data.service_snssai }}</td>
  32                                         <td>{{ data.service_type }}</td>
  33                                         <td>{{ data.create_time | date: "yyyy-MM-dd HH:mm:ss"}}</td>
  34                                         <td>{{ data.processing_status }}</td>
  35                                         <td>
  36                                                 <span *ngIf="data.processing_status === 'Planning'"
  37                                                         class="task_operation_disabled">{{ data.operation }}</span>
  38                                                 <a (click)="showdetail(data)"
  39                                                         *ngIf="data.processing_status !== 'Planning'">{{ data.operation }}</a>
  40                                         </td>
  41                                 </tr>
  42                         </tbody>
  43                 </nz-table>
  44         </div>
  45         <app-slicing-task-model [moduleTitle]="moduleTitle" [showDetail]="showDetail" [taskId]="taskId"
  46                 (cancel)="showDetail = $event">
  47         </app-slicing-task-model>
  48         <app-check-process-model [moduleTitle]="moduleTitle" [showProcess]="showProcess" [taskId]="taskId"
  49                 (cancel)="showProcess = $event">
  50         </app-check-process-model>
  51 </div>