aboutsummaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html
blob: 9d31a3366c92377ad78c8f8b510af2441e7f9837 (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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<nz-list
	class="taskmodel_list"
	[nzDataSource]="checkDetail"
	nzBordered
	[nzHeader]="'Configuration Audit Detail:'"
	[nzFooter]="null"
	*ngIf="taskModel !== false"
	[nzRenderItem]="checkItem"
>
	<ng-template #checkItem let-check>
		<nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
			<div nz-col nzSpan="10">
				<span>Task ID: {{ check.task_id }}</span>
			</div>
			<div nz-col nzSpan="8">
				<span>Task Name: {{ check.task_name }}</span>
			</div>
			<div nz-col nzSpan="6">
				<span>S-NSSAI:{{ check.service_snssai }}</span>
			</div>
		</nz-list-item>
		<nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
			<div nz-col nzSpan="10">
				<span>
					Arrived Time:
					{{ check.create_time | date: "yyyy-MM-dd HH:mm:ss" }}
				</span >
			</div>
			<div nz-col nzSpan="8">
				<span>Status: {{ check.processing_status }}</span>
			</div>
		</nz-list-item>
	</ng-template>
</nz-list>

<nz-list
	class="taskmodel_list"
	[nzDataSource]="businessRequirement"
	nzBordered
	[nzHeader]="'Business Requirement Information:'"
	[nzFooter]="null"
	[nzRenderItem]="businessItem"
>
	<ng-template #businessItem let-item>
		<nz-list-item
			nz-row
			nzType="flex"
			nzJustify="start"
			[nzGutter]="8"
			*ngFor="let list of businessList"
		>
			<div
				nz-col
				[nzSpan]="list.length === 1 ? '24' : '8'"
				*ngFor="let ite of list"
			>
				<span class="ant-typography" *ngIf="ite.title !== 'Area'">
					{{ ite.title }} : &nbsp;{{ item[ite.key] }}
				</span>
				<span class="ant-typography" *ngIf="ite.title === 'Area'">
					{{ ite.title }} : &nbsp;
					<nz-tag *ngFor="let value of item[ite.key]">
						{{value}}
					</nz-tag>
				</span> 
			</div>
		</nz-list-item>
	</ng-template>
</nz-list>

<nz-list
	class="taskmodel_list"
	[nzDataSource]="NSTinfo"
	nzBordered
	[nzHeader]="'Matching NST Information:'"
	[nzFooter]="null"
	[nzRenderItem]="taskItem"
>
	<ng-template #taskItem let-item>
		<nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
			<div nz-col nzSpan="12">
				<span>NST ID: {{ item.nst_id }}</span>
			</div>
			<div nz-col nzSpan="12">
				<span>NST Name: {{ item.nst_name }}</span>
			</div>
		</nz-list-item>
	</ng-template>
</nz-list>