diff options
Diffstat (limited to 'usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model')
2 files changed, 44 insertions, 4 deletions
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html index 552523c0..50b6e5ad 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html @@ -19,13 +19,13 @@ </form> <form nz-form *ngIf="title === 'An' || title === 'Cn'"> <nz-form-item *ngFor="let item of coreFormItems"> - <nz-form-label [nzSpan]="(item.key === 'an_coverage_area_ta_list' && title === 'An')?7:13" nzRequired> + <nz-form-label [nzSpan]="(item.key === 'an_coverage_area_ta_list' || item.title === 'Endpoint')?7:13" nzRequired *ngIf=" item.title !== 'Endpoint' || EndpointEnable "> {{ item.title }} </nz-form-label> - <nz-form-control [nzSpan]="8" *ngIf="item.key !== 'an_coverage_area_ta_list'"> + <nz-form-control [nzSpan]="item.title === 'Endpoint'?14:8" *ngIf="item.key !== 'an_coverage_area_ta_list'"> <input nz-input [id]="item.key" [name]="item.key" [(ngModel)]="detailData[item.key]" [readOnly]="item.title === 'S-NSSAI'" [disabled]="item.title === 'S-NSSAI'" - *ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' " /> + *ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' && item.title !== 'Endpoint' " /> <nz-radio-group [name]="item.key" [(ngModel)]="detailData[item.key]" *ngIf="item.title === 'Resource Sharing Level'"> <label nz-radio [nzValue]="option.key" *ngFor="let option of item.options"> @@ -36,6 +36,31 @@ <nz-option [nzValue]="option.key" [nzLabel]="option.title" *ngFor="let option of item.options"> </nz-option> </nz-select> + <!-- 2020.08.17 Add 3 parameters for Endpoint--> + <!-- Comment: The following code--> + <nz-input-group *ngIf="item.title === 'Endpoint' && EndpointEnable"> + <div *ngFor="let option of item.options;let i=index"> + <input nz-input + *ngIf="option.title !== 'nexthop_info'" + [id]="option.key" + [name]="option.key" + [title]="EndpointInputs[i][option.key]" + [(ngModel)]="EndpointInputs[i][option.key]" + style="width:32%;margin-right:1%" /> + <nz-select + *ngIf="option.title === 'nexthop_info'" + [name]="option.key" + [title]="EndpointInputs[i][option.key]" + [(ngModel)]="EndpointInputs[i][option.key]" style="width:34%;"> + <nz-option + *ngFor="let infoOption of NexthopInfoOptions" + [nzValue]="infoOption.key" + [nzLabel]="infoOption.title" + ></nz-option> + </nz-select> + </div> + </nz-input-group> + <!-- Comment: Above code--> </nz-form-control> <div *ngIf="title === 'An' && item.key === 'an_coverage_area_ta_list'"> <div *ngFor="let area of areaList; let i = index"> diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.ts index d279d037..280d2193 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.ts +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; -import { TRANSFRER_FORM_ITEMS, CORE_FORM_ITEMS, ADDRESS } from '@src/constants/constants' +import { TRANSFRER_FORM_ITEMS, CORE_FORM_ITEMS, ADDRESS , NexthopInfo_Options } from '@src/constants/constants' @Component({ selector: 'app-subnet-params-model', @@ -17,6 +17,11 @@ export class SubnetParamsModelComponent implements OnInit { transferFormItems = TRANSFRER_FORM_ITEMS; coreFormItems :object ={}; areaList: any[] = []; + // 2020.08.17 Add 3 parameters for Endpoint, Comment: The following code + NexthopInfoOptions = NexthopInfo_Options; + EndpointInputs: any[] = []; + EndpointEnable: boolean = false; // Whether to enable the three parameters of Endpoint + // Comment: Above code constructor() { } @@ -24,6 +29,16 @@ export class SubnetParamsModelComponent implements OnInit { ngOnChanges() { this.coreFormItems = this.title === 'An'?CORE_FORM_ITEMS.An:CORE_FORM_ITEMS.Cn; + + // -------> 2020.08.17 Add 3 parameters for Endpoint, Comment: The following code + if(this.EndpointEnable){ + this.EndpointInputs = this.title === 'An' + ?this.detailData["an_Endpoint"] + :this.title === 'Cn' + ?this.detailData["cn_Endpoint"] + :[]; + } + //-------> Comment: Above code if (this.title === 'An') { this.AreaFormatting(); } |