blob: 74069f6982bbe19c896c935862011db0db90488e (
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
|
<nz-modal [(nzVisible)]="showModel" nzTitle="Create Communication Service" (nzOnCancel)="handleCancel()" nzWidth="80%"
[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]="16">
<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)]="slicing_order_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,slicing_order_info[item.key],i,rulesText,validateRulesShow) : this.Util.validator()" />
<div *ngIf="item.coverflag" class="detail-wrap">
<p>
{{ masktext }}
</p>
<img src="assets/images/coverageAreaMap.png" class="detail-img" />
</div>
<img src="assets/images/ask-img.png" alt="" class="detail-icon"
*ngIf="item.key === 'coverageAreaNumber'" (mouseover)="detailFn(item.coverflag)"
(mouseleave)="detailFn(item.coverflag)" />
</nz-tooltip>
<nz-radio-group [name]="item.key" [(ngModel)]="slicing_order_info[item.key]"
*ngIf="item.type === 'radio'">
<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.type === 'select'">
<nz-option [nzValue]="option.key" [nzLabel]="option.title" *ngFor="let option of item.options">
</nz-option>
</nz-select>
<nz-form-explain *ngIf="item.type === 'input' && validateRulesShow[i]" class="validateRules">
{{ rulesText[i] }}
</nz-form-explain>
</nz-form-control>
<div *ngIf="item.type === 'city-select'">
<app-city-select [areaList]="areaList" [level]="areaLevel"></app-city-select>
</div>
</nz-form-item>
</form>
</div>
<ng-template #modalFooter>
<button nz-button nzType="default" (click)="handleCancel()">Cancel</button>
<button nz-button nzType="primary" (click)="handleOk()" [nzLoading]="loading">OK</button>
</ng-template>
</nz-modal>
|
