gerrit.onap Code Review - usecase-ui.git/blob

   1 <nz-modal [(nzVisible)]="showModel" nzTitle="Create Communication Service" (nzOnCancel)="handleCancel()"
   2     (nzOnOk)="handleOk()" nzWidth="80%">
   3     <div class="subnet_params_container">
   4         <form nz-form>
   5             <nz-form-item *ngFor="let item of comunicationFormItems; let i = index">
   6                 <nz-form-label [nzSpan]="6" [nzRequired]="item.required" [nzFor]=" item.key">
   7                     {{ item.title }}
   8                 </nz-form-label>
   9                 <nz-form-control [nzSpan]="15">
  10                     <nz-tooltip [nzTitle]="item.scoped&&item.scopedText?item.scopedText:''" [nzPlacement]="'right'"
  11                         [nzTrigger]="'focus'">
  12                         <input nz-input nz-tooltip [id]="item.key" [name]="item.key" *ngIf="item.type === 'input'"
  13                             [(ngModel)]="slicing_order_info[item.key]"
  14                             [ngClass]="{'error-input-border' : validateRulesShow[i] === true}"
  15                             [placeholder]="item.placeholder ? item.placeholder : ''"
  16                             (blur)="item.required ? this.Util.validator(item.title,item.key,slicing_order_info[item.key],i,rulesText,validateRulesShow) : this.Util.validator()" />
  17                     </nz-tooltip>
  18                     <nz-radio-group [name]="item.key" [(ngModel)]="slicing_order_info[item.key]"
  19                         *ngIf="item.type === 'radio'">
  20                         <label nz-radio [nzValue]="option.key" *ngFor="let option of item.options">
  21                             {{ option.title }}
  22                         </label>
  23                     </nz-radio-group>
  24                     <nz-select [name]="item.key" [(ngModel)]="slicing_order_info[item.key]"
  25                         *ngIf="item.type === 'select'">
  26                         <nz-option [nzValue]="option.key" [nzLabel]="option.title" *ngFor="let option of item.options">
  27                         </nz-option>
  28                     </nz-select>
  29                     <nz-form-explain *ngIf="item.type === 'input' && validateRulesShow[i]" class="validateRules">
  30                         {{rulesText[i]}}
  31                     </nz-form-explain>
  32                 </nz-form-control>
  33
  34                 <div *ngIf="item.type === 'city-select'">
  35                     <div *ngFor="let area of areaList; let i = index">
  36                         <nz-form-control [nzSpan]="!ind ? 3 : 4" [nzOffset]="i && !ind ? 6 : 0"
  37                             class="subnet_params_area" *ngFor="let item of area; let ind = index">
  38                             <nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"
  39                                 (nzOpenChange)="handleChange(area, item)"
  40                                 (ngModelChange)=" handleChangeSelected(area, item) ">
  41                                 <nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">
  42                                 </nz-option>
  43                             </nz-select>
  44                         </nz-form-control>
  45                         <nz-form-control [nzSpan]="1" [nzOffset]="1">
  46                             <button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="!i"
  47                                 (click)="creatAreaList()">
  48                                 <i nz-icon class="anticon anticon-plus subnet_params_icon"></i>
  49                             </button>
  50                             <button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"
  51                                 (click)="deleteAreaList(i)">
  52                                 <i nz-icon class="anticon anticon-minus subnet_params_icon"></i>
  53                             </button>
  54                         </nz-form-control>
  55                     </div>
  56                 </div>
  57             </nz-form-item>
  58         </form>
  59     </div>
  60 </nz-modal>