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 nz-tooltip
  13                                [id]="item.key"
  14                                [name]="item.key"
  15                                [(ngModel)]="slicing_order_info[item.key]"
  16                                [ngClass]="{'error-input-border':validateRules[i] === true}"
  17                                *ngIf=" item.title === 'Slicing Business Name' "
  18                                (blur)="validator(item.key,slicing_order_info[item.key],i)"
  19                         />
  20                         <nz-tooltip
  21                                 [nzTitle]="tooltipText"
  22                                 [nzPlacement]="'right'"
  23                                 [nzTrigger]="'focus'"
  24                         >
  25                             <input nz-input nz-tooltip
  26                                    [id]="item.key"
  27                                    [name]="item.key"
  28                                    [(ngModel)]="slicing_order_info[item.key]"
  29                                    [ngClass]="{'error-input-border':validateRules[i] === true}"
  30                                    *ngIf=" item.title !== 'Slicing Business Name' && item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' && item.title !== 'Area' "
  31                                    (blur)="validator(item.key,slicing_order_info[item.key],i)"
  32                                    (focus)="changeTooltipText(item.title)"
  33                             />
  34                         </nz-tooltip>
  35                         <nz-radio-group [name]="item.key" [(ngModel)]="slicing_order_info[item.key]"
  36                                         *ngIf="item.title === 'Resource Sharing Level'">
  37                             <label nz-radio [nzValue]="option.key" *ngFor="let option of item.options">
  38                                 {{ option.title }}
  39                             </label>
  40                         </nz-radio-group>
  41                         <nz-select [name]="item.key" [(ngModel)]="slicing_order_info[item.key]"
  42                                    *ngIf="item.title === 'Mobility'">
  43                             <nz-option [nzValue]="option.key" [nzLabel]="option.title"
  44                                        *ngFor="let option of item.options">
  45                             </nz-option>
  46                         </nz-select>
  47                         <nz-form-explain
  48                                 *ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' && item.title !== 'Area' && validateRules[i]"
  49                                 class="validateRules">{{rulesText[i]}}
  50                         </nz-form-explain>
  51                     </nz-form-control>
  52                     <div *ngIf="item.key === 'coverageArea'">
  53                         <div *ngFor="let area of areaList; let i = index">
  54                             <nz-form-control [nzSpan]="!ind ? 3 : 4" [nzOffset]="i && !ind ? 6 : 0"
  55                                              class="subnet_params_area"
  56                                              *ngFor="let item of area; let ind = index">
  57                                 <nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"
  58                                            (nzOpenChange)="handleChange(area, item)"
  59                                            (ngModelChange)=" handleChangeSelected(area, item) ">
  60                                     <nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">
  61                                     </nz-option>
  62                                 </nz-select>
  63                             </nz-form-control>
  64                             <nz-form-control [nzSpan]="1" [nzOffset]="1">
  65                                 <button nz-button nzType="primary" nzSize="small" class="subnet_params_button"
  66                                         *ngIf="!i"
  67                                         (click)="creatAreaList()">
  68                                     <i nz-icon class="anticon anticon-plus subnet_params_icon"></i>
  69                                 </button>
  70                                 <button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"
  71                                         (click)="deleteAreaList(i)">
  72                                     <i nz-icon class="anticon anticon-minus subnet_params_icon"></i>
  73                                 </button>
  74                             </nz-form-control>
  75                         </div>
  76                     </div>
  77                 </nz-form-item>
  78             </form>
  79         </div>
  80     </nz-modal>
  81 </nz-spin>