50b6e5ad5f8f82fce972f8d9139103488e7eaa5f
[usecase-ui.git] /
1 <nz-modal [(nzVisible)]="showModel" [nzTitle]="title + 'Parameter'" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
2         nzWidth="700px">
3         <div class="subnet_params_container">
4                 <form nz-form *ngIf="title === 'Tn'">
5                         <nz-form-item *ngFor="let item of transferFormItems">
6                                 <nz-form-label [nzSpan]="7" nzRequired [nzFor]="item.key">
7                                         {{ item.title }}
8                                 </nz-form-label>
9                                 <nz-form-control [nzSpan]="12">
10                                         <input nz-input
11                                                    [(ngModel)]="detailData[item.key]"
12                                                    [name]="item.key"
13                                                    [id]="item.key"
14                                                    [readOnly]="item.title === 'S-NSSAI'"
15                                                    [disabled]="item.title === 'S-NSSAI'"
16                                         />
17                                 </nz-form-control>
18                         </nz-form-item>
19                 </form>
20                 <form nz-form *ngIf="title === 'An' || title === 'Cn'">
21                         <nz-form-item *ngFor="let item of coreFormItems">
22                                 <nz-form-label [nzSpan]="(item.key === 'an_coverage_area_ta_list' || item.title === 'Endpoint')?7:13" nzRequired *ngIf=" item.title !== 'Endpoint' || EndpointEnable ">
23                                         {{ item.title }}
24                                 </nz-form-label>
25                                 <nz-form-control [nzSpan]="item.title === 'Endpoint'?14:8" *ngIf="item.key !== 'an_coverage_area_ta_list'">
26                                         <input nz-input [id]="item.key" [name]="item.key" [(ngModel)]="detailData[item.key]"
27                                                 [readOnly]="item.title === 'S-NSSAI'" [disabled]="item.title === 'S-NSSAI'"
28                                                 *ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' && item.title !== 'Endpoint' " />
29                                         <nz-radio-group [name]="item.key" [(ngModel)]="detailData[item.key]"
30                                                 *ngIf="item.title === 'Resource Sharing Level'">
31                                                 <label nz-radio [nzValue]="option.key" *ngFor="let option of item.options">
32                                                         {{ option.title }}
33                                                 </label>
34                                         </nz-radio-group>
35                                         <nz-select [name]="item.key" [(ngModel)]="detailData[item.key]" *ngIf="item.title === 'Mobility'">
36                                                 <nz-option [nzValue]="option.key" [nzLabel]="option.title" *ngFor="let option of item.options">
37                                                 </nz-option>
38                                         </nz-select>
39                                         <!-- 2020.08.17  Add 3 parameters for Endpoint-->
40                                         <!-- Comment: The following code-->
41                                         <nz-input-group *ngIf="item.title === 'Endpoint' && EndpointEnable">
42                                                 <div *ngFor="let option of item.options;let i=index">
43                                                         <input nz-input
44                                                                    *ngIf="option.title !== 'nexthop_info'"
45                                                                    [id]="option.key"
46                                                                    [name]="option.key"
47                                                                    [title]="EndpointInputs[i][option.key]"
48                                                                    [(ngModel)]="EndpointInputs[i][option.key]"
49                                                                    style="width:32%;margin-right:1%" />
50                                                         <nz-select
51                                                                         *ngIf="option.title === 'nexthop_info'"
52                                                                         [name]="option.key"
53                                                                         [title]="EndpointInputs[i][option.key]"
54                                                                         [(ngModel)]="EndpointInputs[i][option.key]" style="width:34%;">
55                                                                 <nz-option
56                                                                                 *ngFor="let infoOption of NexthopInfoOptions"
57                                                                                 [nzValue]="infoOption.key"
58                                                                                 [nzLabel]="infoOption.title"
59                                                                 ></nz-option>
60                                                         </nz-select>
61                                                 </div>
62                                         </nz-input-group>
63                                         <!-- Comment: Above code-->
64                                 </nz-form-control>
65                                 <div *ngIf="title === 'An' && item.key === 'an_coverage_area_ta_list'">
66                                         <div *ngFor="let area of areaList; let i = index">
67                                                 <nz-form-control [nzSpan]="!ind ? 4 : 5" [nzOffset]="i && !ind ? 7 : 0" class="subnet_params_area"
68                                                                                  *ngFor="let item of area; let ind = index">
69                                                         <nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"
70                                                                            (nzOpenChange)="handleChange(area, item)"
71                                                                            (ngModelChange)=" handleChangeSelected(area, item) ">
72                                                                 <nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">
73                                                                 </nz-option>
74                                                         </nz-select>
75                                                 </nz-form-control>
76                                                 <nz-form-control [nzSpan]="1" [nzOffset]="1">
77                                                         <button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="!i"
78                                                                         (click)="creatAreaList()">
79                                                                 <i nz-icon class="anticon anticon-plus subnet_params_icon"></i>
80                                                         </button>
81                                                         <button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"
82                                                                         (click)="deleteAreaList(i)">
83                                                                 <i nz-icon class="anticon anticon-minus subnet_params_icon"></i>
84                                                         </button>
85                                                 </nz-form-control>
86                                         </div>
87                                 </div>
88                         </nz-form-item>
89                 </form>
90         </div>
91 </nz-modal>