1 <nz-modal [(nzVisible)]="showModel" [nzTitle]="title + 'Parameter'" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
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">
9 <nz-form-control [nzSpan]="12">
11 [(ngModel)]="detailData[item.key]"
14 [readOnly]="item.title === 'S-NSSAI'"
15 [disabled]="item.title === 'S-NSSAI'"
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 ">
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">
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">
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">
44 *ngIf="option.title !== 'nexthop_info'"
47 [title]="EndpointInputs[i][option.key]"
48 [(ngModel)]="EndpointInputs[i][option.key]"
49 style="width:32%;margin-right:1%" />
51 *ngIf="option.title === 'nexthop_info'"
53 [title]="EndpointInputs[i][option.key]"
54 [(ngModel)]="EndpointInputs[i][option.key]" style="width:34%;">
56 *ngFor="let infoOption of NexthopInfoOptions"
57 [nzValue]="infoOption.key"
58 [nzLabel]="infoOption.title"
63 <!-- Comment: Above code-->
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">
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>
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>