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

   1 <nz-modal [(nzVisible)]="showModel" [nzTitle]="title + 'Parameter'" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
   2         nzWidth="700px">
   3         <div class="subnet_params_container">
   4                 <form nz-form *ngIf="title === '无线域'">
   5                         <nz-form-item *ngFor="let item of wirelessFormItems">
   6                                 <nz-form-label [nzSpan]="6" nzRequired [nzFor]="item.key">
   7                                         {{ item.title }}
   8                                 </nz-form-label>
   9                                 <nz-form-control [nzSpan]="10" *ngIf="item.key !== 'an_coverage_area_ta_list'">
  10                                         <input nz-input [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key" />
  11                                 </nz-form-control>
  12                                 <div *ngIf="item.key === 'an_coverage_area_ta_list'">
  13                                         <div *ngFor="let area of areaList; let i = index">
  14                                                 <nz-form-control [nzSpan]="4" [nzOffset]="i && !ind ? 6 : 0" class="subnet_params_area"
  15                                                         *ngFor="let item of area; let ind = index">
  16                                                         <nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"
  17                                                                 (nzOpenChange)="handleChange(area, item)"
  18                                                                 (ngModelChange)=" handleChangeSelected(area, item) ">
  19                                                                 <nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">
  20                                                                 </nz-option>
  21                                                         </nz-select>
  22                                                 </nz-form-control>
  23                                                 <nz-form-control [nzSpan]="1" [nzOffset]="1">
  24                                                         <button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="!i"
  25                                                                 (click)="creatAreaList()">
  26                                                                 <i nz-icon class="anticon anticon-plus subnet_params_icon"></i>
  27                                                         </button>
  28                                                         <button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"
  29                                                                 (click)="deleteAreaList(i)">
  30                                                                 <i nz-icon class="anticon anticon-minus subnet_params_icon"></i>
  31                                                         </button>
  32                                                 </nz-form-control>
  33                                         </div>
  34                                 </div>
  35                         </nz-form-item>
  36                 </form>
  37                 <form nz-form *ngIf="title === '传输域'">
  38                         <nz-form-item *ngFor="let item of transferFormItems">
  39                                 <nz-form-label [nzSpan]="7" nzRequired [nzFor]="item.key">
  40                                         {{ item.title }}
  41                                 </nz-form-label>
  42                                 <nz-form-control [nzSpan]="12">
  43                                         <input nz-input [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key" />
  44                                 </nz-form-control>
  45                         </nz-form-item>
  46                 </form>
  47                 <form nz-form *ngIf="title === '核心域'">
  48                         <nz-form-item *ngFor="let item of coreFormItems">
  49                                 <nz-form-label [nzSpan]="10" nzRequired [nzFor]="item.key">
  50                                         {{ item.title }}
  51                                 </nz-form-label>
  52                                 <nz-form-control [nzSpan]="10">
  53                                         <input nz-input [id]="item.key" [name]="item.key" [(ngModel)]="detailData[item.key]"
  54                                                 [readOnly]="item.title === 'S-NSSAI'"
  55                                                 *ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' " />
  56                                         <nz-radio-group [name]="item.key" [(ngModel)]="detailData[item.key]"
  57                                                 *ngIf="item.title === 'Resource Sharing Level'">
  58                                                 <label nz-radio [nzValue]="option.key" *ngFor="let option of item.options">
  59                                                         {{ option.title }}
  60                                                 </label>
  61                                         </nz-radio-group>
  62                                         <nz-select [name]="item.key" [(ngModel)]="detailData[item.key]" *ngIf="item.title === 'Mobility'">
  63                                                 <nz-option [nzValue]="option.key" [nzLabel]="option.title" *ngFor="let option of item.options">
  64                                                 </nz-option>
  65                                         </nz-select>
  66                                 </nz-form-control>
  67                         </nz-form-item>
  68                 </form>
  69         </div>
  70 </nz-modal>