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         <app-basic-info
   9                 [checkDetail]="checkDetail"
  10                 [businessRequirement]="businessRequirement"
  11                 [NSTinfo]="NSTinfo"
  12         >
  13         </app-basic-info>
  14         <nz-list [nzDataSource]="data" nzBordered nzHeader="任务详情:" [nzFooter]="null" [nzRenderItem]="defaultItem" >
  15                 <ng-template #defaultItem let-item>
  16                         <nz-list-item  nz-row nzType="flex" nzJustify="center" >
  17                                 <nz-steps
  18                                         nzType="navigation"
  19                                         [nzCurrent]="item.currentProgress"
  20                                         nz-col
  21                                         nzSpan="20"
  22                                         nzSize="small"
  23                                         *ngFor="let item of data[0]; let i = index" class="task_progress"
  24                                         [ngStyle]="{paddingBottom: i === data[0].length -1 ? '30px': '0px'}"
  25                                 >
  26                                         <nz-step [nzTitle]="item.title"></nz-step>
  27                                         <nz-step
  28                                                 [nzTitle]="item.currentProgress > 1 ? null : 'in progress'"
  29                                                 [nzStatus]="item.status" nzIcon="anticon anticon-spin anticon-loading"
  30                                         > </nz-step>
  31                                         <nz-step
  32                                                 [nzTitle]="item.status === 'finish' ? 'success' : null"
  33                                                 [nzStatus]="item.status === 'finish' ? 'finish' : 'wait'"
  34                                                 nzIcon='loading'
  35                                         ></nz-step>
  36                                 </nz-steps>
  37
  38                         </nz-list-item>
  39                 </ng-template>
  40         </nz-list>
  41
  42
  43 </nz-modal>