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

   1 <nz-modal
   2         [nzVisible]="showProcess"
   3         nzWidth="85%"
   4         [nzTitle]="moduleTitle"
   5         [nzFooter]="modalFooter"
   6         (nzOnCancel)="handleCancel()"
   7 >
   8         <nz-spin [nzSpinning]="isSpinning">
   9                 <app-basic-info
  10                         [checkDetail]="checkDetail"
  11                         [businessRequirement]="businessRequirement"
  12                         [NSTinfo]="NSTinfo"
  13                 >
  14                 </app-basic-info>
  15                 <nz-list [nzDataSource]="data" nzBordered [nzHeader]="processHeader" [nzFooter]="null" [nzRenderItem]="defaultItem" >
  16                         <ng-template #processHeader>
  17                                 <p class="list-title">Task Detail:</p>
  18                         </ng-template>
  19                         <ng-template #defaultItem let-item>
  20                                 <nz-list-item  nz-row nzType="flex" nzJustify="center">
  21                                         <nz-steps
  22                                                 nzType="navigation"
  23                                                 [nzCurrent]="item.currentProgress"
  24                                                 nz-col
  25                                                 nzSpan="20"
  26                                                 nzSize="small"
  27                                                 *ngFor="let item of data[0]; let i = index" class="task_progress"
  28                                                 [ngStyle]="{paddingBottom: i === data[0].length -1 ? '30px': '0px'}"
  29                                         >
  30                                                 <nz-step [nzTitle]="item.title"></nz-step>
  31                                                 <nz-step
  32                                                         [nzTitle]="item.currentProgress > 1 ? null : 'in progress'"
  33                                                         [nzStatus]="item.status" [nzIcon]="item.status === 'process'? 'anticon anticon-spin anticon-loading' : null"
  34                                                 >
  35                                                 </nz-step>
  36                                                 <nz-step [nzStatus]="item.status === 'finish' ? 'finish' : 'wait'" [nzIcon]="item.status === 'process'?'loading': null"> </nz-step>
  37                                         </nz-steps>
  38                                         <p *ngIf="!data[0].length" [ngStyle]="{marginBottom: 0}">No data</p>
  39                                 </nz-list-item>
  40
  41
  42                         </ng-template>
  43                 </nz-list>
  44         </nz-spin>
  45 </nz-modal>
  46 <ng-template #modalFooter>
  47         <button nz-button nzType="primary" (click)="handleCancel()">OK</button>
  48   </ng-template>