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

				
			</ng-template>
		</nz-list>	
	</nz-spin>
</nz-modal>
<ng-template #modalFooter>
	<button nz-button nzType="primary" (click)="handleCancel()">OK</button>
  </ng-template>