summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/shared/components/city-select/city-select/city-select.component.html
blob: 1da7a71b721980ce711a9a138d4020ff049390c3 (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
<div class="city-select">
  <div *ngFor="let area of areaList; let i = index">
    <nz-form-control [nzSpan]="computeSpan(ind)" [nzOffset]="computeOffset(ind, i)" 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]="2">
      <div class="validation_alert_area">{{checkArea(area)}}</div>
    </nz-form-control>
    <nz-form-control [nzSpan]="1">
      <button nz-button nzType="primary" type="button" 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" type="button" 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>