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

   1 import { Component, OnInit, Input, Output, EventEmitter, ViewChild } from '@angular/core';
   2 import { SlicingTaskServices } from '@src/app/core/services/slicingTaskServices';
   3 import { indexDebugNode } from '@angular/core/src/debug/debug_node';
   4
   5 @Component({
   6   selector: 'app-slicing-task-model',
   7   templateUrl: './slicing-task-model.component.html',
   8   styleUrls: ['./slicing-task-model.component.less']
   9 })
  10 export class SlicingTaskModelComponent implements OnInit {
  11   @Input() showDetail: boolean;
  12   @Input() moduleTitle: string;
  13   @Input() taskId: string;
  14   @Output() cancel = new EventEmitter<object>();
  15   @ViewChild('notification') notification1: any;
  16
  17   constructor(private http: SlicingTaskServices) { }
  18
  19   // 配置审核详情
  20   checkDetail: any[] = [{}];
  21   //业务需求信息
  22   businessRequirement: any[] = [];
  23   //匹配NST信息
  24   NSTinfo: object[] = [{}];
  25   // 共享切片实例
  26   selectedServiceId: string;
  27   selectedServiceName: string;
  28   slicingInstances: any;
  29   //an/tn/cn instances NSSI ID下拉框的开关
  30   enableNSSISelectionList: any[] = []
  31   // 子网实例
  32   slicingSubnet: any[] = [
  33     {
  34       title: 'An',
  35       context: 'an',
  36       slicingId: '',
  37       slicingName: '',
  38       total: 0,
  39       currentPage: '1',
  40       pageSize: '10',
  41       isLoading: false,
  42       flag: false,
  43       instances: []
  44     },
  45     {
  46       title: 'Tn',
  47       context: 'tn',
  48       slicingId: '',
  49       slicingName: '',
  50       total: 0,
  51       currentPage: '1',
  52       pageSize: '10',
  53       isLoading: false,
  54       flag: false,
  55       instances: []
  56     },
  57     {
  58       title: 'Cn',
  59       context: 'cn',
  60       slicingId: '',
  61       slicingName: '',
  62       total: 0,
  63       currentPage: '1',
  64       pageSize: '10',
  65       isLoading: false,
  66       flag: false,
  67       instances: []
  68     }
  69   ]
  70   isDisabled: any = [true,true,true]
  71   // 子网参数
  72   isShowParams: boolean;
  73   paramsTitle: string;
  74   params: any;
  75   noPassPara: string[];
  76   // 获取数据loading
  77   isSpinning: boolean = false;
  78   loading: boolean = false;
  79
  80
  81   ngOnInit() { }
  82
  83   ngOnChanges() {
  84     if (this.showDetail) {
  85       this.isSpinning = true;
  86       this.getautidInfo();
  87     } else {
  88       this.isDisabled.map(item=>{
  89         item = true
  90       })
  91     }
  92   }
  93
  94   // used for picking some key-value pairs from a object.
  95   pick(obj, arr): Object {
  96     return arr.reduce((iter, val) => {
  97       if(val in obj) {
  98         iter[val] = obj[val];
  99       }
 100       return iter;
 101     }, {});
 102   }
 103
 104   getautidInfo(): void {
 105     let getAuditInfoFailedCallback  = () => {
 106       this.isSpinning = false;
 107     }
 108     this.http.getAuditInfo(this.taskId, getAuditInfoFailedCallback).then( res => {
 109       this.isSpinning = false;
 110       const {
 111         business_demand_info,
 112         nst_info,
 113         nsi_nssi_info,
 114         ...checkInfo
 115       } = res.result_body;
 116       // 处理配置审核详情数据
 117       this.checkDetail = [{...checkInfo, 'service_snssai': business_demand_info.service_snssai}];
 118       // 业务需求信息数据
 119       if(business_demand_info.coverage_area_ta_list !== null){
 120         business_demand_info.area = business_demand_info.coverage_area_ta_list.map(item => {
 121           item = item.split(';').join(' - ')
 122           return item
 123         })
 124       }else{
 125         business_demand_info.area = []
 126       }
 127       // 前端模拟数据
 128       let areaList = ["Haidian District;Beijing;Beijing", "Xicheng District;Beijing;Beijing", "Changping District;Beijing;Beijing"].map(item => {
 129         item = item.split(';').join(' - ')
 130         return item
 131       })
 132       this.businessRequirement = [{ ...business_demand_info, area: areaList }];
 133       // 匹配NST信息
 134       this.NSTinfo = [nst_info];
 135       // 共享切片实例
 136       this.selectedServiceId = nsi_nssi_info.suggest_nsi_id;
 137       this.selectedServiceName = nsi_nssi_info.suggest_nsi_name;
 138       // an/tn/cn 3 select box switches parameters of Matching Shared NSSI
 139       this.enableNSSISelectionList = [nsi_nssi_info.an_enableNSSISelection,nsi_nssi_info.tn_bh_enableNSSISelection,nsi_nssi_info.cn_enableNSSISelection];
 140       if (!this.selectedServiceId || !this.selectedServiceName) {
 141         this.isDisabled.map((item,index)=>{
 142           this.isDisabled[index] = false
 143         })
 144       }
 145       this.isDisabled.map((item,index)=>{
 146         if(this.enableNSSISelectionList[index]){
 147           this.isDisabled[index] = false
 148         }
 149       })
 150       this.slicingInstances = {
 151         currentPage: '1',
 152         pageSize: '10',
 153         isLoading: false,
 154         total: 0,
 155         flag: false,
 156         list: [{
 157           service_instance_id: this.selectedServiceId,
 158           service_instance_name: this.selectedServiceName
 159         }]
 160       }
 161       // 子网实例
 162       let subnetData = this.pick(nsi_nssi_info, ['an_suggest_nssi_id', 'an_suggest_nssi_name', 'tn_bh_suggest_nssi_id', 'tn_bh_suggest_nssi_name', 'cn_suggest_nssi_id', 'cn_suggest_nssi_name']);
 163       this.subnetDataFormatting(subnetData, 0);
 164       // 前端模拟数据
 165       let area = ["Beijing;Beijing;Haidian District", "Beijing;Beijing;Xicheng District", "Beijing;Beijing;Changping District"];
 166       this.slicingSubnet[0].params = {...this.pick(nsi_nssi_info, [
 167               'sliceProfile_AN_sNSSAI',
 168               'sliceProfile_AN_resourceSharingLevel',
 169               'sliceProfile_AN_uEMobilityLevel',
 170               'an_latency',
 171               'sliceProfile_AN_maxNumberofUEs',
 172               'sliceProfile_AN_activityFactor',
 173               'sliceProfile_AN_expDataRateDL',
 174               'sliceProfile_AN_expDataRateUL',
 175               'sliceProfile_AN_areaTrafficCapDL',
 176               'sliceProfile_AN_areaTrafficCapUL',
 177               'an_script_name',
 178               'sliceProfile_AN_overallUserDensity',
 179               'an_enableNSSISelection',
 180               'sliceProfile_AN_maxNumberofPDUSession',
 181               'sliceProfile_AN_ipAddress',
 182               'sliceProfile_AN_logicInterfaceId',
 183               'sliceProfile_AN_nextHopInfo'
 184           ]), an_coverage_area_ta_list: area};
 185       this.slicingSubnet[1].params = this.pick(nsi_nssi_info, [
 186         'tn_bh_latency',
 187         'tn_bh_bandwidth',
 188         'tn_bh_script_name',
 189         'sliceProfile_TN_BH_jitte',
 190         'sliceProfile_TN_BH_sNSSAI',
 191         'tn_bh_enableNSSISelection',
 192         'sliceProfile_TN_resourceSharingLevel',
 193         'sliceProfile_CN_logicInterfaceId',
 194         'sliceProfile_CN_ipAddress',
 195         'sliceProfile_CN_nextHopInfo',
 196         'sliceProfile_AN_ipAddress',
 197         'sliceProfile_AN_logicInterfaceId',
 198         'sliceProfile_AN_nextHopInfo',
 199         'tn_connection_links',
 200         'tn_connection_links_option']);
 201       this.slicingSubnet[2].params = {...this.pick(nsi_nssi_info, [
 202         'cn_service_snssai',
 203         'cn_resource_sharing_level',
 204         'cn_ue_mobility_level',
 205         'cn_latency',
 206         'cn_max_number_of_ues',
 207         'cn_activity_factor',
 208         'cn_exp_data_rate_dl',
 209         'cn_exp_data_rate_ul',
 210         'cn_area_traffic_cap_dl',
 211         'cn_area_traffic_cap_ul',
 212         'cn_script_name',
 213         'sliceProfile_CN_overallUserDensity',
 214         'cn_enableNSSISelection',
 215         'sliceProfile_CN_maxNumberofPDUSession',
 216         'sliceProfile_CN_logicInterfaceId',
 217         'sliceProfile_CN_ipAddress',
 218         'sliceProfile_CN_nextHopInfo'
 219       ])};
 220     })
 221   }
 222
 223   openSlicingInstance(bool: boolean): void {
 224     const { total, currentPage, pageSize } = this.slicingInstances;
 225     if (bool && !total) {
 226       this.slicingInstances.list = [];
 227       this.getSlicingInstances(currentPage, pageSize)
 228     }
 229   }
 230
 231   getNextPageData(): void {
 232     const { total, currentPage, pageSize } = this.slicingInstances;
 233     if (total - (+currentPage * +pageSize) > 0) {
 234       if (this.slicingInstances.flag) return;
 235       this.slicingInstances.flag = true
 236       this.getSlicingInstances(currentPage, pageSize)
 237       this.slicingInstances.currentPage = (+this.slicingInstances.currentPage + 1).toString();
 238     }
 239   }
 240
 241   getSlicingInstances(pageNo: string, pageSize: string): void {
 242     this.slicingInstances.isLoading = true;
 243     let getSlicingInstanceFailedCallback  = () => {
 244       this.slicingInstances.isLoading = false;
 245       this.slicingInstances.flag = false;
 246     }
 247     this.http.getSlicingInstance(pageNo, pageSize, getSlicingInstanceFailedCallback).then(res => {
 248       const { result_body } = res;
 249       setTimeout(() => {
 250         const { nsi_service_instances, record_number } = result_body;
 251         this.slicingInstances.total = record_number;
 252         this.slicingInstances.list.push(...nsi_service_instances);
 253         this.slicingInstances.isLoading = false;
 254         this.slicingInstances.flag = false;
 255       }, 2000)
 256     })
 257   }
 258
 259
 260   slicingInstanceChange(): void { // choose the target nssi
 261     this.isDisabled.map((item,index)=>{
 262       if (!this.enableNSSISelectionList[index]) {
 263         this.isDisabled[index] = true
 264       }
 265     })
 266     this.selectedServiceName = '';
 267     // 获取切片子网实例数据
 268
 269     let getSlicingSubnetInstanceFailedCallback = () => {
 270       this.subnetDataFormatting({}, 1);
 271     };
 272     this.http.getSlicingSubnetInstance(this.selectedServiceId, getSlicingSubnetInstanceFailedCallback).then(res => {
 273       const { result_body, record_number} = res;
 274       this.subnetDataFormatting(result_body, record_number)
 275     })
 276     this.slicingInstances.list.forEach(item => {
 277       if (item.service_instance_id === this.selectedServiceId) {
 278         this.selectedServiceName = item.service_instance_name;
 279       }
 280     })
 281   }
 282
 283   subnetDataFormatting ( subnetData?: any, total?: number): void{
 284     const { an_suggest_nssi_id, an_suggest_nssi_name, tn_bh_suggest_nssi_id, tn_bh_suggest_nssi_name, cn_suggest_nssi_id, cn_suggest_nssi_name } = subnetData;
 285     this.slicingSubnet[0].slicingId = an_suggest_nssi_id;
 286     this.slicingSubnet[0].slicingName = an_suggest_nssi_name;
 287     this.slicingSubnet[0].total = total;
 288     this.slicingSubnet[0].currentPage = '1';
 289     this.slicingSubnet[0].instances = [{
 290       service_instance_id: an_suggest_nssi_id,
 291       service_instance_name: an_suggest_nssi_name
 292     }];
 293
 294     this.slicingSubnet[1].slicingId = tn_bh_suggest_nssi_id;
 295     this.slicingSubnet[1].slicingName = tn_bh_suggest_nssi_name;
 296     this.slicingSubnet[1].total = total;
 297     this.slicingSubnet[1].currentPage = '1';
 298     this.slicingSubnet[1].instances = [{
 299       service_instance_id: tn_bh_suggest_nssi_id,
 300       service_instance_name: tn_bh_suggest_nssi_name
 301     }];
 302
 303     this.slicingSubnet[2].slicingId = cn_suggest_nssi_id;
 304     this.slicingSubnet[2].slicingName = cn_suggest_nssi_name;
 305     this.slicingSubnet[2].total = total;
 306     this.slicingSubnet[2].currentPage = '1';
 307     this.slicingSubnet[2].instances = [{
 308       service_instance_id: cn_suggest_nssi_id,
 309       service_instance_name: cn_suggest_nssi_name
 310     }];
 311   }
 312
 313   resetSlicingInstance(): void {
 314     this.selectedServiceId = '';
 315     this.selectedServiceName = '';
 316     this.slicingSubnet.map(item => {
 317       item.slicingId = '';
 318       item.slicingName = '';
 319     })
 320     this.isDisabled.map((item,index)=>{
 321       this.isDisabled[index] = false
 322     })
 323   }
 324
 325   openSubnetInstances(bool: boolean, instance: any): void {
 326     if (bool && !instance.total) {
 327       instance.instances = []
 328       this.getSubnetInstances(instance)
 329     }
 330   }
 331
 332   getNextPageSubnet(instance: any): void {
 333     const { total, currentPage, pageSize } = instance;
 334     if (total - (+currentPage * +pageSize) > 0) {
 335       if (instance.flag) return;
 336       instance.flag = true;
 337       this.getSubnetInstances(instance);
 338       let count = +instance.currentPage;
 339       instance.currentPage = (++count).toString();
 340     }
 341   }
 342
 343   getSubnetInstances(instance: any): void {
 344     instance.isLoading = true;
 345     const { context, currentPage, pageSize } = instance;
 346     let getSubnetInContextFailedCallback = () => {
 347       instance.isLoading = false;
 348       instance.flag = false;
 349     };
 350     this.http.getSubnetInContext(context, currentPage, pageSize,getSubnetInContextFailedCallback).then(res => {
 351       const { result_body } = res;
 352       const { nssi_service_instances, record_number } = result_body;
 353       this.slicingSubnet.map(item => {
 354         if (item.context === context) {
 355           item.total = record_number;
 356           item.instances.push(...nssi_service_instances);
 357         }
 358       })
 359       instance.isLoading = false;
 360       instance.flag = false;
 361     })
 362   }
 363
 364   slicingSubnetChange(instance: any): void {
 365     instance.slicingName = ''
 366     instance.instances.forEach(item => {
 367       if (instance.slicingId === item.service_instance_id) {
 368         instance.slicingName = item.service_instance_name;
 369       }
 370     })
 371   }
 372
 373   restSubnetInstance(instance: any): void {
 374     instance.slicingId = '';
 375     instance.slicingName = '';
 376   }
 377
 378   showParamsModel(item: any): void {
 379     this.isShowParams = true;
 380     this.paramsTitle = item.title;
 381     this.params = item.params
 382   }
 383
 384   changeParams(params: any): void {
 385     const index = this.paramsTitle === 'An' ? 0 : (this.paramsTitle === 'Tn' ? 1 : 2);
 386     this.slicingSubnet[index].params = params
 387   }
 388   noPassParaChange (noPassPara: string[]): void {
 389     this.noPassPara = noPassPara
 390   }
 391   handleCancel(bool: boolean = false) {
 392     this.showDetail = false;
 393     this.cancel.emit({ showDetail: this.showDetail, bool });
 394   }
 395   handleOk() {
 396     this.loading = true;
 397     const { selectedServiceId, selectedServiceName, slicingSubnet, checkDetail, businessRequirement, NSTinfo } = this;
 398     // slicingSubnet[1] is about Tn,
 399     // Delete parameters that do not need to be passed
 400                 this.noPassPara.forEach((item) => {
 401                         for (let val in slicingSubnet[1].params) {
 402                                 if (val === item) {
 403                                         delete slicingSubnet[1].params[val]
 404                                 }
 405                         }
 406     })
 407     const nsi_nssi_info: object = {
 408       suggest_nsi_id: selectedServiceId,
 409       suggest_nsi_name: selectedServiceName,
 410       an_suggest_nssi_id: slicingSubnet[0].slicingId,
 411       an_suggest_nssi_name: slicingSubnet[0].slicingName,
 412       ...slicingSubnet[0].params,
 413       tn_bh_suggest_nssi_id: slicingSubnet[1].slicingId,
 414       tn_bh_suggest_nssi_name: slicingSubnet[1].slicingName,
 415       ...slicingSubnet[1].params,
 416       cn_suggest_nssi_id: slicingSubnet[2].slicingId,
 417       cn_suggest_nssi_name: slicingSubnet[2].slicingName,
 418       ...slicingSubnet[2].params,
 419     }
 420     delete businessRequirement[0].area
 421     let reqBody = { ...checkDetail[0], business_demand_info: businessRequirement[0], nst_info: NSTinfo[0], nsi_nssi_info };
 422     delete reqBody.service_snssai;
 423     let submitSlicingFailedCallback =  () => {
 424       this.loading = false;
 425       this.notification1.notificationFailed('Task', 'Sumbit', this.taskId)
 426     }
 427     this.http.submitSlicing(reqBody,submitSlicingFailedCallback).then(res => {
 428       this.notification1.notificationSuccess('Task', 'Sumbit', this.taskId)
 429       this.loading = false;
 430       this.handleCancel(true);
 431     })
 432   }
 433 }