From cd7079b452eb67c04240bdc7d0f5269f935f1901 Mon Sep 17 00:00:00 2001
From: cyuamber <xuranyjy@chinamobile.com>
Date: Wed, 12 Aug 2020 19:06:06 +0800
Subject: feat: Parameter modification and adding new parameters of 5g slicing
 tast

Change-Id: Idd8552f71a51e32b239642ef4e3d2b9f8ccbeacd
Issue-ID: USECASEUI-368
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
---
 .../subnet-params-model.component.html             | 105 +++++++++++++--------
 .../subnet-params-model.component.ts               |   2 +-
 2 files changed, 68 insertions(+), 39 deletions(-)

(limited to 'usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model')

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 227c182a..990e5638 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
@@ -1,57 +1,63 @@
 <nz-modal [(nzVisible)]="showModel" [nzTitle]="title + 'Parameter'" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
 	nzWidth="700px">
 	<div class="subnet_params_container">
-		<form nz-form *ngIf="title === 'An'">
-			<nz-form-item *ngFor="let item of wirelessFormItems">
-				<nz-form-label [nzSpan]="6" nzRequired [nzFor]="item.key">
-					{{ item.title }}
-				</nz-form-label>
-				<nz-form-control [nzSpan]="10" *ngIf="item.key !== 'an_coverage_area_ta_list'">
-					<input nz-input [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key" />
-				</nz-form-control>
-				<div *ngIf="item.key === 'an_coverage_area_ta_list'">
-					<div *ngFor="let area of areaList; let i = index">
-						<nz-form-control [nzSpan]="!ind ? 4 : 5" [nzOffset]="i && !ind ? 6 : 0" class="subnet_params_area"
-							*ngFor="let item of area; let ind = index">
-							<nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"
-								(nzOpenChange)="handleChange(area, item)"
-								(ngModelChange)=" handleChangeSelected(area, item) ">
-								<nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">
-								</nz-option>
-							</nz-select>
-						</nz-form-control>
-						<nz-form-control [nzSpan]="1" [nzOffset]="1">
-							<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="!i"
-								(click)="creatAreaList()">
-								<i nz-icon class="anticon anticon-plus subnet_params_icon"></i>
-							</button>
-							<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"
-								(click)="deleteAreaList(i)">
-								<i nz-icon class="anticon anticon-minus subnet_params_icon"></i>
-							</button>
-						</nz-form-control>
-					</div>
-				</div>
-			</nz-form-item>
-		</form>
+		<!--<form nz-form *ngIf="title === 'An'">-->
+			<!--<nz-form-item *ngFor="let item of wirelessFormItems">-->
+				<!--<nz-form-label [nzSpan]="6" nzRequired [nzFor]="item.key">-->
+					<!--{{ item.title }}-->
+				<!--</nz-form-label>-->
+				<!--<nz-form-control [nzSpan]="10" *ngIf="item.key !== 'an_coverage_area_ta_list'">-->
+					<!--<input nz-input [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key" />-->
+				<!--</nz-form-control>-->
+				<!--<div *ngIf="item.key === 'an_coverage_area_ta_list'">-->
+					<!--<div *ngFor="let area of areaList; let i = index">-->
+						<!--<nz-form-control [nzSpan]="!ind ? 4 : 5" [nzOffset]="i && !ind ? 6 : 0" class="subnet_params_area"-->
+							<!--*ngFor="let item of area; let ind = index">-->
+							<!--<nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"-->
+								<!--(nzOpenChange)="handleChange(area, item)"-->
+								<!--(ngModelChange)=" handleChangeSelected(area, item) ">-->
+								<!--<nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">-->
+								<!--</nz-option>-->
+							<!--</nz-select>-->
+						<!--</nz-form-control>-->
+						<!--<nz-form-control [nzSpan]="1" [nzOffset]="1">-->
+							<!--<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="!i"-->
+								<!--(click)="creatAreaList()">-->
+								<!--<i nz-icon class="anticon anticon-plus subnet_params_icon"></i>-->
+							<!--</button>-->
+							<!--<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"-->
+								<!--(click)="deleteAreaList(i)">-->
+								<!--<i nz-icon class="anticon anticon-minus subnet_params_icon"></i>-->
+							<!--</button>-->
+						<!--</nz-form-control>-->
+					<!--</div>-->
+				<!--</div>-->
+			<!--</nz-form-item>-->
+		<!--</form>-->
 		<form nz-form *ngIf="title === 'Tn'">
 			<nz-form-item *ngFor="let item of transferFormItems">
 				<nz-form-label [nzSpan]="7" nzRequired [nzFor]="item.key">
 					{{ item.title }}
 				</nz-form-label>
 				<nz-form-control [nzSpan]="12">
-					<input nz-input [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key" />
+					<input nz-input
+						   [(ngModel)]="detailData[item.key]"
+						   [name]="item.key"
+						   [id]="item.key"
+						   [readOnly]="item.title === 'S-NSSAI'"
+						   [disabled]="item.title === 'S-NSSAI'"
+					/>
 				</nz-form-control>
 			</nz-form-item>
 		</form>
-		<form nz-form *ngIf="title === 'Cn'">
+		<form nz-form *ngIf="title === 'An' || title === 'Cn'">
 			<nz-form-item *ngFor="let item of coreFormItems">
-				<nz-form-label [nzSpan]="13" nzRequired [nzFor]="item.key">
+				<nz-form-label [nzSpan]="(item.key === 'an_coverage_area_ta_list' && title === 'An')?7:13" nzRequired *ngIf="!(item.key === 'an_coverage_area_ta_list' && title === 'Cn')">
 					{{ item.title }}
 				</nz-form-label>
-				<nz-form-control [nzSpan]="8">
+				<nz-form-control [nzSpan]="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'"
+						[readOnly]="item.title === 'S-NSSAI'" [disabled]="item.title === 'S-NSSAI'"
 						*ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' " />
 					<nz-radio-group [name]="item.key" [(ngModel)]="detailData[item.key]"
 						*ngIf="item.title === 'Resource Sharing Level'">
@@ -64,6 +70,29 @@
 						</nz-option>
 					</nz-select>
 				</nz-form-control>
+				<div *ngIf="title === 'An' && item.key === 'an_coverage_area_ta_list'">
+					<div *ngFor="let area of areaList; let i = index">
+						<nz-form-control [nzSpan]="!ind ? 4 : 5" [nzOffset]="i && !ind ? 7 : 0" class="subnet_params_area"
+										 *ngFor="let item of area; let ind = index">
+							<nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"
+									   (nzOpenChange)="handleChange(area, item)"
+									   (ngModelChange)=" handleChangeSelected(area, item) ">
+								<nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">
+								</nz-option>
+							</nz-select>
+						</nz-form-control>
+						<nz-form-control [nzSpan]="1" [nzOffset]="1">
+							<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="!i"
+									(click)="creatAreaList()">
+								<i nz-icon class="anticon anticon-plus subnet_params_icon"></i>
+							</button>
+							<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"
+									(click)="deleteAreaList(i)">
+								<i nz-icon class="anticon anticon-minus subnet_params_icon"></i>
+							</button>
+						</nz-form-control>
+					</div>
+				</div>
 			</nz-form-item>
 		</form>
 	</div>
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 f091667a..a0b5df21 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 { WIRELESS_FORM_ITEMS, TRANSFRER_FORM_ITEMS, CORE_FORM_ITEMS, ADDRESS } from '../.../../../../../../../../constants/constants'
+import { WIRELESS_FORM_ITEMS, TRANSFRER_FORM_ITEMS, CORE_FORM_ITEMS, ADDRESS } from '@src/constants/constants'
 
 @Component({
 	selector: 'app-subnet-params-model',
-- 
cgit 1.2.3-korg