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

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