blob: e4a5ef199c9c2895e4d489a908153d398ce92a19 (
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
|
<nz-spin nzTip='Loading...' [nzSpinning]="isSpinning">
<nz-modal [(nzVisible)]="showModel" nzTitle="Create Slicing Business Order" (nzOnCancel)="handleCancel()"
(nzOnOk)="handleOk()"
nzWidth="900px">
<div class="subnet_params_container">
<form nz-form>
<nz-form-item *ngFor="let item of comunicationFormItems; let i = index">
<nz-form-label [nzSpan]="6" nzRequired [nzFor]="item.key">
{{ item.title }}
</nz-form-label>
<nz-form-control [nzSpan]="15">
<input nz-input nz-tooltip
[id]="item.key"
[name]="item.key"
[(ngModel)]="slicing_order_info[item.key]"
[ngClass]="{'error-input-border':validateRules[i] === true}"
*ngIf=" item.title === 'Slicing Business Name' "
(blur)="validator(item.key,slicing_order_info[item.key],i)"
/>
<nz-tooltip
[nzTitle]="tooltipText"
[nzPlacement]="'right'"
[nzTrigger]="'focus'"
>
<input nz-input nz-tooltip
[id]="item.key"
[name]="item.key"
[(ngModel)]="slicing_order_info[item.key]"
[ngClass]="{'error-input-border':validateRules[i] === true}"
*ngIf=" item.title !== 'Slicing Business Name' && item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' && item.title !== 'Area' "
(blur)="validator(item.key,slicing_order_info[item.key],i)"
(focus)="changeTooltipText(item.title)"
/>
</nz-tooltip>
<nz-radio-group [name]="item.key" [(ngModel)]="slicing_order_info[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)]="slicing_order_info[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-explain
*ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' && item.title !== 'Area' && validateRules[i]"
class="validateRules">{{rulesText[i]}}
</nz-form-explain>
</nz-form-control>
<div *ngIf="item.key === 'coverageArea'">
<div *ngFor="let area of areaList; let i = index">
<nz-form-control [nzSpan]="!ind ? 3 : 4" [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>
</div>
</nz-modal>
</nz-spin>
|