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

   1 <nz-modal
   2         [nzVisible]="showProcess"
   3         nzWidth="85%"
   4         [nzTitle]="moduleTitle"
   5         (nzOnCancel)="handleCancel()"
   6         (nzOnOk)="handleOk()"
   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="任务详情:" [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                                                 > </nz-step>
  32                                                 <nz-step
  33                                                         [nzTitle]="item.status === 'finish' ? 'success' : null"
  34                                                         [nzStatus]="item.status === 'finish' ? 'finish' : 'wait'"
  35                                                         nzIcon='loading'
  36                                                 ></nz-step>
  37                                         </nz-steps>
  38
  39                                 </nz-list-item>
  40                         </ng-template>
  41                 </nz-list>
  42         </nz-spin>
  43 </nz-modal>