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

   1 <nz-spin nzTip='Loading...' [nzSpinning]="isSpinning">
   2 <nz-modal [(nzVisible)]="showModel" nzTitle="Create Slicing Business Order" (nzOnCancel)="handleCancel()"
   3           (nzOnOk)="handleOk()"
   4           nzWidth="900px">
   5     <div class="subnet_params_container">
   6         <form nz-form >
   7             <nz-form-item *ngFor="let item of comunicationFormItems; let i = index">
   8                 <nz-form-label [nzSpan]="6" nzRequired [nzFor]="item.key">
   9                     {{ item.title }}
  10                 </nz-form-label>
  11                 <nz-form-control [nzSpan]="15">
  12                     <input nz-input [id]="item.key" [name]="item.key" [(ngModel)]="slicing_order_info[item.key]" [ngClass]="{'error-input-border':validateRules[i] === true}"
  13                            *ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' && item.title !== 'Area' " (blur)="validator(item.key,slicing_order_info[item.key],i)"/>
  14                     <nz-radio-group [name]="item.key" [(ngModel)]="slicing_order_info[item.key]"
  15                                     *ngIf="item.title === 'Resource Sharing Level'">
  16                         <label nz-radio [nzValue]="option.key" *ngFor="let option of item.options">
  17                             {{ option.title }}
  18                         </label>
  19                     </nz-radio-group>
  20                     <nz-select [name]="item.key" [(ngModel)]="slicing_order_info[item.key]"
  21                                *ngIf="item.title === 'Mobility'">
  22                         <nz-option [nzValue]="option.key" [nzLabel]="option.title" *ngFor="let option of item.options">
  23                         </nz-option>
  24                     </nz-select>
  25                     <nz-form-explain *ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' && item.title !== 'Area' && validateRules[i]" class="validateRules">{{rulesText[i]}}</nz-form-explain>
  26                 </nz-form-control>
  27                 <div *ngIf="item.key === 'coverageArea'">
  28                     <div *ngFor="let area of areaList; let i = index">
  29                         <nz-form-control [nzSpan]="!ind ? 3 : 4" [nzOffset]="i && !ind ? 6 : 0"
  30                                          class="subnet_params_area"
  31                                          *ngFor="let item of area; let ind = index">
  32                             <nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"
  33                                        (nzOpenChange)="handleChange(area, item)"
  34                                        (ngModelChange)=" handleChangeSelected(area, item) ">
  35                                 <nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">
  36                                 </nz-option>
  37                             </nz-select>
  38                         </nz-form-control>
  39                         <nz-form-control [nzSpan]="1" [nzOffset]="1">
  40                             <button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="!i"
  41                                     (click)="creatAreaList()">
  42                                 <i nz-icon class="anticon anticon-plus subnet_params_icon"></i>
  43                             </button>
  44                             <button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"
  45                                     (click)="deleteAreaList(i)">
  46                                 <i nz-icon class="anticon anticon-minus subnet_params_icon"></i>
  47                             </button>
  48                         </nz-form-control>
  49                     </div>
  50                 </div>
  51             </nz-form-item>
  52         </form>
  53     </div>
  54 </nz-modal>
  55 </nz-spin>