summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html
blob: 990e5638babd815132b8957e09c3073730e12bbe (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
90
91
92
93
94
95
96
97
98
99
<nz-modal [(nzVisible)]="showModel" [nzTitle]="title + 'Parameter'" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
	nzWidth="700px">
	<div class="subnet_params_container">
		<!--<form nz-form *ngIf="title === 'An'">-->
			<!--<nz-form-item *ngFor="let item of wirelessFormItems">-->
				<!--<nz-form-label [nzSpan]="6" nzRequired [nzFor]="item.key">-->
					<!--{{ item.title }}-->
				<!--</nz-form-label>-->
				<!--<nz-form-control [nzSpan]="10" *ngIf="item.key !== 'an_coverage_area_ta_list'">-->
					<!--<input nz-input [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key" />-->
				<!--</nz-form-control>-->
				<!--<div *ngIf="item.key === 'an_coverage_area_ta_list'">-->
					<!--<div *ngFor="let area of areaList; let i = index">-->
						<!--<nz-form-control [nzSpan]="!ind ? 4 : 5" [nzOffset]="i && !ind ? 6 : 0" class="subnet_params_area"-->
							<!--*ngFor="let item of area; let ind = index">-->
							<!--<nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"-->
								<!--(nzOpenChange)="handleChange(area, item)"-->
								<!--(ngModelChange)=" handleChangeSelected(area, item) ">-->
								<!--<nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">-->
								<!--</nz-option>-->
							<!--</nz-select>-->
						<!--</nz-form-control>-->
						<!--<nz-form-control [nzSpan]="1" [nzOffset]="1">-->
							<!--<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="!i"-->
								<!--(click)="creatAreaList()">-->
								<!--<i nz-icon class="anticon anticon-plus subnet_params_icon"></i>-->
							<!--</button>-->
							<!--<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"-->
								<!--(click)="deleteAreaList(i)">-->
								<!--<i nz-icon class="anticon anticon-minus subnet_params_icon"></i>-->
							<!--</button>-->
						<!--</nz-form-control>-->
					<!--</div>-->
				<!--</div>-->
			<!--</nz-form-item>-->
		<!--</form>-->
		<form nz-form *ngIf="title === 'Tn'">
			<nz-form-item *ngFor="let item of transferFormItems">
				<nz-form-label [nzSpan]="7" nzRequired [nzFor]="item.key">
					{{ item.title }}
				</nz-form-label>
				<nz-form-control [nzSpan]="12">
					<input nz-input
						   [(ngModel)]="detailData[item.key]"
						   [name]="item.key"
						   [id]="item.key"
						   [readOnly]="item.title === 'S-NSSAI'"
						   [disabled]="item.title === 'S-NSSAI'"
					/>
				</nz-form-control>
			</nz-form-item>
		</form>
		<form nz-form *ngIf="title === 'An' || title === 'Cn'">
			<nz-form-item *ngFor="let item of coreFormItems">
				<nz-form-label [nzSpan]="(item.key === 'an_coverage_area_ta_list' && title === 'An')?7:13" nzRequired *ngIf="!(item.key === 'an_coverage_area_ta_list' && title === 'Cn')">
					{{ item.title }}
				</nz-form-label>
				<nz-form-control [nzSpan]="8" *ngIf="item.key !== 'an_coverage_area_ta_list'">
					<input nz-input [id]="item.key" [name]="item.key" [(ngModel)]="detailData[item.key]"
						[readOnly]="item.title === 'S-NSSAI'" [disabled]="item.title === 'S-NSSAI'"
						*ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' " />
					<nz-radio-group [name]="item.key" [(ngModel)]="detailData[item.key]"
						*ngIf="item.title === 'Resource Sharing Level'">
						<label nz-radio [nzValue]="option.key" *ngFor="let option of item.options">
							{{ option.title }}
						</label>
					</nz-radio-group>
					<nz-select [name]="item.key" [(ngModel)]="detailData[item.key]" *ngIf="item.title === 'Mobility'">
						<nz-option [nzValue]="option.key" [nzLabel]="option.title" *ngFor="let option of item.options">
						</nz-option>
					</nz-select>
				</nz-form-control>
				<div *ngIf="title === 'An' && item.key === 'an_coverage_area_ta_list'">
					<div *ngFor="let area of areaList; let i = index">
						<nz-form-control [nzSpan]="!ind ? 4 : 5" [nzOffset]="i && !ind ? 7 : 0" class="subnet_params_area"
										 *ngFor="let item of area; let ind = index">
							<nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"
									   (nzOpenChange)="handleChange(area, item)"
									   (ngModelChange)=" handleChangeSelected(area, item) ">
								<nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">
								</nz-option>
							</nz-select>
						</nz-form-control>
						<nz-form-control [nzSpan]="1" [nzOffset]="1">
							<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="!i"
									(click)="creatAreaList()">
								<i nz-icon class="anticon anticon-plus subnet_params_icon"></i>
							</button>
							<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"
									(click)="deleteAreaList(i)">
								<i nz-icon class="anticon anticon-minus subnet_params_icon"></i>
							</button>
						</nz-form-control>
					</div>
				</div>
			</nz-form-item>
		</form>
	</div>
</nz-modal>