blob: 64924b9f434a2a3fc6c20791c68286de48e62479 (
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
|
<nz-modal
[(nzVisible)]="cloudLeasedLineShowFlag"
nzTitle="Create Cloud Leased Line"
(nzOnCancel)="cancel()"
nzWidth="70%"
[nzFooter]="modalFooter"
>
<div class="subnet_params_container">
<form nz-form>
<nz-form-item *ngFor="let item of comunicationFormItems; let i = index">
<nz-form-label
[nzSpan]="7"
[nzRequired]="item.required"
[nzFor]=" item.key"
>
{{ item.title }}
</nz-form-label>
<nz-form-control [nzSpan]="10">
<div *ngIf="item.type === 'text'">{{cloud_leased_line_info[item.key]}}</div>
<nz-tooltip
[nzTitle]="item.scoped && item.scopedText ? item.scopedText : ''"
[nzPlacement]="'right'"
[nzTrigger]="'focus'"
>
<input
nz-input
nz-tooltip
[id]="item.key"
[name]="item.key"
*ngIf="item.type === 'input'"
[(ngModel)]="cloud_leased_line_info[item.key]"
[ngClass]="{'error-input-border' : validateRulesShow[i] === true}"
[placeholder]="item.placeholder ? item.placeholder : ''"
(blur)="item.required ? this.Util.validator(item.title,item.key,cloud_leased_line_info[item.key],i,rulesText,validateRulesShow) : this.Util.validator()"
/>
</nz-tooltip>
<nz-select
[name]="item.key"
[(ngModel)]="cloud_leased_line_info[item.key]"
*ngIf="item.type === 'select'"
>
<nz-option
[nzValue]="option"
[nzLabel]="option"
*ngFor="let option of cloudPointOptions"
>
</nz-option>
</nz-select>
<div *ngIf="item.type === 'node_select_one'">
<div>
<span>{{item.rateName}}:</span>
<input
nz-input
nz-tooltip
[id]="item.key"
[name]="item.key"
[(ngModel)]="cloud_leased_line_info[item.key].bandwidth"
[ngClass]="{'error-input-border' : validateRulesShow[i] === true}"
[placeholder]="item.placeholder ? item.placeholder : ''"
(blur)="item.required ? this.Util.validator(item.title,item.key,cloud_leased_line_info[item.key],i,rulesText,validateRulesShow) : this.Util.validator()"
/>
</div>
<div>
<span>{{item.nodeName}}:</span>
<nz-select
[name]="item.key"
[(ngModel)]="cloud_leased_line_info[item.key].name"
>
<nz-option
[nzValue]="option"
[nzLabel]="option"
*ngFor="let option of nodeLists"
>
</nz-option>
</nz-select>
</div>
</div>
</nz-form-control>
</nz-form-item>
</form>
</div>
<ng-template #modalFooter>
<button nz-button nzType="default" (click)="cancel()">Cancel</button>
<button nz-button nzType="primary" (click)="submit()" [nzLoading]="loading">OK</button>
</ng-template>
</nz-modal>
|