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="Task Detail:" [nzFooter]="null" [nzRenderItem]="defaultItem" >
  16                         <ng-template #defaultItem let-item>
  17                                 <nz-list-item  nz-row nzType="flex" nzJustify="center" >
  18                                         <nz-steps
  19                                                 nzType="navigation"
  20                                                 [nzCurrent]="item.currentProgress"
  21                                                 nz-col
  22                                                 nzSpan="20"
  23                                                 nzSize="small"
  24                                                 *ngFor="let item of data[0]; let i = index" class="task_progress"
  25                                                 [ngStyle]="{paddingBottom: i === data[0].length -1 ? '30px': '0px'}"
  26                                         >
  27                                                 <nz-step [nzTitle]="item.title"></nz-step>
  28                                                 <nz-step
  29                                                         [nzTitle]="item.currentProgress > 1 ? null : 'in progress'"
  30                                                         [nzStatus]="item.status" nzIcon="anticon anticon-spin anticon-loading"
  31                                                 >
  32                                                 </nz-step>
  33                                                 <nz-step
  34                                                         [nzTitle]="item.status === 'finish' ? 'success' : null"
  35                                                         [nzStatus]="item.status === 'finish' ? 'finish' : 'wait'"
  36                                                         nzIcon='loading'
  37                                                 >
  38                                                 </nz-step>
  39                                         </nz-steps>
  40
  41                                 </nz-list-item>
  42                         </ng-template>
  43                 </nz-list>
  44         </nz-spin>
  45 </nz-modal>
  46 <ng-template #modalFooter>
  47         <button nz-button nzType="primary" (click)="handleOk()">OK</button>
  48   </ng-template>