diff options
author | 2020-03-12 11:34:55 +0000 | |
---|---|---|
committer | 2020-03-12 11:34:55 +0000 | |
commit | a10a12b421cdbf885eac0394160846aa0af2d2f4 (patch) | |
tree | 5cd2d8d804c45b53bb5cd4c23053264716ae1c3b /usecaseui-portal/src/app/views/services/sotn-management | |
parent | 781f5cf9ec7b76fad50436270ebf1d0226c0f7fb (diff) | |
parent | 5d6c30fdbfa3d4f15b702652c48107b413a73fff (diff) |
Merge "final changes Issue-ID: USECASEUI-411"
Diffstat (limited to 'usecaseui-portal/src/app/views/services/sotn-management')
3 files changed, 94 insertions, 387 deletions
diff --git a/usecaseui-portal/src/app/views/services/sotn-management/manage-service/manage-service.component.ts b/usecaseui-portal/src/app/views/services/sotn-management/manage-service/manage-service.component.ts index 130fbe27..098eedd2 100644 --- a/usecaseui-portal/src/app/views/services/sotn-management/manage-service/manage-service.component.ts +++ b/usecaseui-portal/src/app/views/services/sotn-management/manage-service/manage-service.component.ts @@ -1,6 +1,6 @@ import { Component, OnInit, SimpleChanges } from '@angular/core'; import { HttpClient, HttpHeaders, HttpParams, HttpResponse } from '@angular/common/http'; - +import { baseUrl } from '../../../../datainterface'; @Component({ selector: 'app-manage-service', templateUrl: './manage-service.component.html', @@ -8,21 +8,11 @@ import { HttpClient, HttpHeaders, HttpParams, HttpResponse } from '@angular/comm }) export class ManageServiceComponent implements OnInit { - selectedSubscriptionType:string = "SOTN"; - serviceSubscriptionList:any = [{ - serviceType:"SOTN" - }]; - selectedServiceInstance:string = ""; - serviceInstanceList:any = [ - { - serviceInstance: "SiteService-5011", - serviceInstancename: "SiteService-5011" - }, - { - serviceInstance: "ISAAC-IS0333", - serviceInstancename: "ISAAC-IS0333" - } - ]; + selectedSubscriptionType: string = ""; + serviceSubscriptionList = [] as Array<any>; + selectedServiceInstance: string = "" ; + serviceInstanceList = [] as Array<any>; + expandDataSet = [ { rowIdx: 1, name: 'i18nTextDefine_serviceInformation', expand: true }, { rowIdx: 2, name: 'i18nTextDefine_vpnInformation', expand: true }, @@ -35,7 +25,7 @@ export class ManageServiceComponent implements OnInit { uniInfo = []; mapped: any; myKeys = [] as Array<any>; - baseUrl:string = '/api/usecaseui-server/v1' + baseUrl = baseUrl.baseUrl constructor(private http: HttpClient) { } ngOnInit() { @@ -45,22 +35,11 @@ export class ManageServiceComponent implements OnInit { //Get SubscriptionType getSubscribeTypes() { let url = this.baseUrl + "/uui-lcm/customers/service-subscriptions"; - // this.http.get<any>(url, {}).subscribe((data) => { - // this.serviceSubscriptionList = data.subscriptions; - // this.selectedSubscriptionType = this.serviceSubscriptionList[0].serviceType; - // this.getServiceInstanceList(this.selectedSubscriptionType); - // }, (err) => { - // console.log(err); - // }); - let data = { - "subscriptions": [ - { - "serviceType": "SOTN", - }] - } - this.serviceSubscriptionList = data.subscriptions; - this.selectedSubscriptionType = this.serviceSubscriptionList[0].serviceType; - this.getServiceInstanceList(this.selectedSubscriptionType); + this.http.get<any>(url, {}).subscribe((data) => { + this.serviceSubscriptionList = data.subscriptions; + }, (err) => { + console.log(err); + }); } //Get subscription instanceID by calling With Subscription Type @@ -68,186 +47,58 @@ export class ManageServiceComponent implements OnInit { this.serviceInstanceList = []; this.selectedServiceInstance=""; let url = this.baseUrl + "/uui-lcm/Sotnservices/ServiceInstances/"+subscriptionType; - // this.http.get<any>(url,{}).subscribe((data) => { - // this.serviceInstanceList = data.serviceInstanceList; - // this.selectedServiceInstance = data.serviceInstanceList[0].serviceInstance; - // this.getSubscribedSites(data.serviceInstanceList[0]); - // }, (err) => { - // console.log(err); - // }); - let data = { - "serviceInstanceList": [ - { - "serviceInstance": "ISAAC-IS02", - "serviceInstancename":"SiteService-5011" - }, - { - "serviceInstance": "ISAAC-IS03", - "serviceInstancename":"ISAAC-IS0333" - } - ] - } - this.serviceInstanceList = data.serviceInstanceList; - this.selectedServiceInstance = data.serviceInstanceList[0].serviceInstance; - this.getSubscribedSites(data.serviceInstanceList[0]); - var datas = { - "service":{ - "name":"CCVPNServiceV2-36", - "description":"CCVPNServiceV2", - "serviceInvariantUuid":"57c8a933-1364-4f85-b7a9-666d80ecc5b6", - "serviceUuid":"0734e398-a427-49f2-9abe-de8eb02542ad", - "globalSubscriberId": "{{customer}}", - "serviceType": "{{service-subscription}}", - "parameters":{ - "locationConstraints":[], - "resources":[], - "requestInputs":{ - "sotnUnderlay":[ - { - l2vpn:[ - { - "l2vpn_COS": "123", - "l2vpn_dualLink": "Yes", - "l2vpn_description": "VPN Description", - "l2vpn_name": "VPN2", - "l2vpn_tenantId": "989933", - "l2vpn_vpnType": "SOTN", - "l2vpn_cbs": "123", - "l2vpn_ebs": "23", - "l2vpn_colorAware": "true", - "l2vpn_reroute": "Yes", - "l2vpn_couplingFlag": "true", - "l2vpn_cir": "100", - "l2vpn_startTime": "28-02-2020", - "l2vpn_endTime": "21-02-2020", - "l2vpn_eir": "1000", - "l2vpn_SLS": "1234" - } - ], - "sotnUni":[ - { - "sotnuni_cVLAN": "Huawei", - "sotnuni_tpId": "Huawei-112233" - }, - { - "sotnuni_cVLAN": "Huawei-1", - "sotnuni_tpId": "Huawei1-554433" - } - ] - } - ] - } - } - } - } - this.assignData(datas, false); + this.http.get<any>(url,{}).subscribe((data) => { + this.serviceInstanceList = data.serviceInstanceList; + }, (err) => { + console.log(err); + }); } - getSubscribedSites(selectedServiceInstance) {} - - deleteSelectedService() - { - + deleteSelectedService() { let url = this.baseUrl + "/uui-lcm/Sotnservices/servicesubscription/"+this.selectedSubscriptionType+'/serviceinstance/'+this.selectedServiceInstance; - // this.http.delete<any>(url,{}).subscribe((data) => { - // this.serviceInstanceList = []; - // this.selectedServiceInstance = ""; - // this.getServiceInstanceList(this.selectedSubscriptionType); - // }, (err) => { - // console.log(err); - // }); + this.http.delete<any>(url,{}).subscribe((data) => { + this.serviceInstanceList = []; + this.selectedServiceInstance = ""; + this.getServiceInstanceList(this.selectedSubscriptionType); + }, (err) => { + console.log(err); + }); } - ngOnChanges(changes: SimpleChanges) { + getSubscribedSites() { console.log("on change"); if (this.selectedServiceInstance) { - // let url = this.baseUrl + "/uui-lcm/Sotnservices/servicesubscription/"+this.selectedSubscriptionType+'/serviceinstance/'+this.selectedServiceInstance; - // this.http.get<any>(url, {}).subscribe((data) => { - // this.assignData(data, false); - // }, (err) => { - // console.log(err); - // }); - var datas = { - "service":{ - "name":"CCVPNServiceV2-36", - "description":"CCVPNServiceV2", - "serviceInvariantUuid":"57c8a933-1364-4f85-b7a9-666d80ecc5b6", - "serviceUuid":"0734e398-a427-49f2-9abe-de8eb02542ad", - "globalSubscriberId": "{{customer}}", - "serviceType": "{{service-subscription}}", - "parameters":{ - "locationConstraints":[], - "resources":[], - "requestInputs":{ - "sotnUnderlay":[ - { - l2vpn:[ - { - "l2vpn_COS": "123", - "l2vpn_dualLink": "Yes", - "l2vpn_description": "VPN Description", - "l2vpn_name": "VPN2", - "l2vpn_tenantId": "989933", - "l2vpn_vpnType": "SOTN", - "l2vpn_cbs": "123", - "l2vpn_ebs": "23", - "l2vpn_colorAware": "true", - "l2vpn_reroute": "Yes", - "l2vpn_couplingFlag": "true", - "l2vpn_cir": "100", - "l2vpn_startTime": "28-02-2020", - "l2vpn_endTime": "21-02-2020", - "l2vpn_eir": "1000", - "l2vpn_SLS": "1234" - } - ], - "sotnUni":[ - { - "sotnuni_cVLAN": "Huawei", - "sotnuni_tpId": "Huawei-112233" - }, - { - "sotnuni_cVLAN": "Huawei-1", - "sotnuni_tpId": "Huawei1-554433" - } - ] - } - ] - } - } - } - } - this.assignData(datas, false); + let url = this.baseUrl + "/uui-lcm/Sotnservices/servicesubscription/"+this.selectedSubscriptionType+'/serviceinstance/'+this.selectedServiceInstance; + this.http.get<any>(url, {}).subscribe((data) => { + this.assignData(data, false); + }, (err) => { + console.log(err); + }); } else { - // const httpOptions = { - // headers: new HttpHeaders({ - // 'Content-Type': 'application/json', - // }) - // }; - // let body = JSON.stringify({}); //this.orderServiceData - // let url = this.baseUrl + "/uui-lcm/Sotnservices/cost"; - // return this.http.post<any>(url,body,httpOptions).subscribe((data) => { - // this.assignData(data, true); - // }, (err) => { - // console.log(err); - // }); + const httpOptions = { + headers: new HttpHeaders({ + 'Content-Type': 'application/json', + }) + }; + let body = JSON.stringify({}); //this.orderServiceData + + let url = this.baseUrl + "/uui-lcm/Sotnservices/cost"; + return this.http.post<any>(url,body,httpOptions).subscribe((data) => { + this.assignData(data, true); + }, (err) => { + console.log(err); + }); } } assignData(data,isCost) { this.summaryInfo = data.service; this.mapped = JSON.parse(JSON.stringify(this.summaryInfo)); - // delete this.mapped.vpninformations; - // delete this.mapped.vpnInformations; - // if(isCost) - // { - // delete this.mapped.cost; - // this.expandDataSet[0].cost = this.summaryInfo["cost"]["serviceCost"]; - // this.expandDataSet[1].cost = this.summaryInfo["cost"]["vpnCost"]; - // } + delete this.mapped.vpninformations; + delete this.mapped.vpnInformations; this.myKeys = Object.keys(this.mapped); this.vpnInfo = this.summaryInfo["parameters"]["requestInputs"]["sotnUnderlay"][0].l2vpn[0]; this.uniInfo = this.summaryInfo["parameters"]["requestInputs"]["sotnUnderlay"][0].sotnUni; diff --git a/usecaseui-portal/src/app/views/services/sotn-management/monitor-service/monitor-service.component.ts b/usecaseui-portal/src/app/views/services/sotn-management/monitor-service/monitor-service.component.ts index c4f2760f..48c90b63 100644 --- a/usecaseui-portal/src/app/views/services/sotn-management/monitor-service/monitor-service.component.ts +++ b/usecaseui-portal/src/app/views/services/sotn-management/monitor-service/monitor-service.component.ts @@ -1,6 +1,8 @@ import { Component, OnInit } from '@angular/core'; import { Network, Node, Edge } from 'vis'; - +import { HttpClient } from '@angular/common/http'; +import { Observable } from 'rxjs/Observable'; +import { baseUrl } from '../../../../datainterface'; @Component({ selector: 'app-monitor-service', templateUrl: './monitor-service.component.html', @@ -8,30 +10,21 @@ import { Network, Node, Edge } from 'vis'; }) export class MonitorServiceComponent implements OnInit { - selectedSubscriptionType:string = "SOTN"; - serviceSubscriptionList:any = [{ - serviceType:"SOTN" - }]; - selectedServiceInstance:string = "SiteService-5011"; - serviceInstanceList:any = [ - { - serviceInstance: "SiteService-5011", - serviceInstancename: "SiteService-5011" - }, - { - serviceInstance: "ISAAC-IS0333", - serviceInstancename: "ISAAC-IS0333" - } - ]; - selectedTopology:string = 'i18nTextDefine_networkTopology'; + selectedSubscriptionType: string = ""; + serviceSubscriptionList = [] as Array<any>; + selectedServiceInstance: string = "" ; + serviceInstanceList = [] as Array<any>; + + selectedTopology:string = 'i18nTextDefine_serviceTopology'; serviceTopologyList:any = [ { - topologyType:"i18nTextDefine_networkTopology", + topologyType:"i18nTextDefine_serviceTopology", }, { topologyType:"i18nTextDefine_resourceTopology", } ]; + baseUrl = baseUrl.baseUrl title = 'Network'; public nodes: Node; @@ -71,166 +64,33 @@ export class MonitorServiceComponent implements OnInit { }, }; - node1:any = { - "nodes": [ - { - "id": "1", - "shape": "circularImage", - "image": "./assets/images/edge.png", - "label": "Node", - "color": "Green", - "dataNode": { - "ethtSvcName": "sotn-021-VS-monitored", - "colorAware": "true", - "cbs": "100", - "couplingFlag": "true", - "ebs": "evpl", - "cir": "200000", - "eir": "0" - } - }, - { - "id": "2", - "shape": "circularImage", - "image": "./assets/images/logicallink.png", - "label": "Logical Link", - "color": "Green", - "dataNode": { - "ethtSvcName": "sotn-021-VS-monitored", - "colorAware": "true", - "cbs": "100", - "couplingFlag": "true", - "ebs": "evpl", - "cir": "200000", - "eir": "0" - } - }, - { - "id": "3", - "shape": "circularImage", - "image": "./assets/images/edge.png", - "label": "Node", - "color": "Green", - "dataNode": { - "zipcode": "100095", - "siteName": "hubtravel", - "description": "desc", - "location": "laptop-5", - "cvlan": "100" - } - } - ], - "edges": [ - { - "from": "1", - "to": "2" - }, - { - "from": "2", - "to": "3" - } - ] - } - - node2:any = { - "nodes": [ - { - "id": "1", - "shape": "circularImage", - "image": "./assets/images/tpoint.png", - "label": "Termination Point", - "color": "Green", - "dataNode": {} - }, - { - "id": "2", - "shape": "circularImage", - "image": "./assets/images/edge.png", - "label": "Node", - "color": "Green", - "dataNode": { - "ethtSvcName": "sotn-021-VS-monitored", - "colorAware": "true", - "cbs": "100", - "couplingFlag": "true", - "ebs": "evpl", - "cir": "200000", - "eir": "0" - } - }, - { - "id": "3", - "shape": "circularImage", - "image": "./assets/images/logicallink.png", - "label": "Logical Link", - "color": "Green", - "dataNode": { - "ethtSvcName": "sotn-021-VS-monitored", - "colorAware": "true", - "cbs": "100", - "couplingFlag": "true", - "ebs": "evpl", - "cir": "200000", - "eir": "0" - } - }, - { - "id": "4", - "shape": "circularImage", - "image": "./assets/images/edge.png", - "label": "Node", - "color": "Green", - "dataNode": { - "zipcode": "100095", - "siteName": "hubtravel", - "description": "desc", - "location": "laptop-5", - "cvlan": "100" - } - }, - { - "id": "5", - "shape": "circularImage", - "image": "./assets/images/tpoint.png", - "label": "Termination Point", - "color": "Green", - "dataNode": { - "accessltpid": "155", - "siteName": "hubtravel", - "description": "desc", - "accessnodeid": "10.10.10.10", - "cvlan": "100" - } - } - ], - "edges": [ - { - "from": "1", - "to": "2" - }, - { - "from": "2", - "to": "3" - }, - { - "from": "3", - "to": "4" - }, - { - "from": "4", - "to": "5" - } - ] - } - - constructor() { } + constructor(private http: HttpClient) { } intervalData: any; returnResponse: boolean = true; - //Get SubscriptionType - getSubscribeTypes() { - this.getTopologyInfo('i18nTextDefine_networkTopology'); + + + //Get SubscriptionType + getSubscribeTypes() { + let url = this.baseUrl + "/uui-lcm/customers/service-subscriptions"; + this.http.get<any>(url, {}).subscribe((data) => { + this.serviceSubscriptionList = data.subscriptions; + }, (err) => { + console.log(err); + }); + } + + //Get subscription instanceID by calling With Subscription Type + getServiceInstanceList(subscriptionType) { + this.serviceInstanceList = []; + this.selectedServiceInstance=""; + let url = this.baseUrl + "/uui-lcm/Sotnservices/ServiceInstances/" + subscriptionType; + this.http.get<any>(url,{}).subscribe((data) => { + this.serviceInstanceList = data.serviceInstanceList; + }, (err) => { + console.log(err); + }); } getTopologyInfo (topo) { @@ -238,26 +98,18 @@ export class MonitorServiceComponent implements OnInit { this.getData(); this.refreshData(); } - //Get subscription instanceID by calling With Subscription Type - getServiceInstanceList(subscriptionType) { - this.getSelectedsubscriptionInfo(subscriptionType); - } ngOnInit() { this.container = document.getElementById('mynetwork'); this.getSubscribeTypes(); } refreshData() { - var data1 = { nodes: this.serviceList.nodes, edges: this.serviceList.edges }; - var network = new Network(this.container, data1, this.networkOptions); - - network.on('select', function (selection) { this.selectedNodeIds = selection.nodes[0]; // array of selected node's ids var filteredNode = data1.nodes.filter(item => ( @@ -295,13 +147,14 @@ export class MonitorServiceComponent implements OnInit { }); } - getData () - { - if (this.selectedTopology == 'i18nTextDefine_networkTopology') { - this.serviceList = this.node1; - } else { - this.serviceList = this.node2; - } + getData (){ + var comp = this; + this.http.get<any>(this.baseUrl+'/uui-lcm/Sotnservices/resourceTopology/service/service-subscriptions/service-subscription/'+this.selectedSubscriptionType.toLowerCase()+'/service-instances/service-instance/'+this.selectedServiceInstance, {}).subscribe((data) => { + this.serviceList = data; + comp.refreshData(); + }, (err) => { + console.log(err); + }); } // Getting sitedata Based On Type and ID getSelectedsubscriptionInfo() { diff --git a/usecaseui-portal/src/app/views/services/sotn-management/order-service/order-service.component.ts b/usecaseui-portal/src/app/views/services/sotn-management/order-service/order-service.component.ts index a945b93e..d770eb06 100644 --- a/usecaseui-portal/src/app/views/services/sotn-management/order-service/order-service.component.ts +++ b/usecaseui-portal/src/app/views/services/sotn-management/order-service/order-service.component.ts @@ -6,6 +6,7 @@ import { } from '@angular/forms'; import { HttpClient, HttpHeaders } from '@angular/common/http'; import { NzMessageService } from 'ng-zorro-antd'; +import { baseUrl } from '../../../../datainterface'; @Component({ selector: 'app-order-service', @@ -19,7 +20,8 @@ export class OrderServiceComponent implements OnInit { siteData:object = {}; buttonDisabled:boolean = false; intervalData:any; - baseUrl:string = '/api/usecaseui-server/v1'; + // baseUrl:string = '/api/usecaseui-server/v1'; + baseUrl = baseUrl.baseUrl expandDataSet = [ { rowIdx: 1, name: 'i18nTextDefine_serviceInformation', expand: true }, { rowIdx: 2, name: 'i18nTextDefine_vpnInformation', expand: true }, @@ -27,6 +29,7 @@ export class OrderServiceComponent implements OnInit { ]; uni = {}; sotnUni = []; + @Output() childEvent = new EventEmitter<string>(); constructor(private fb: FormBuilder, private http: HttpClient, private message: NzMessageService) { } @@ -132,7 +135,7 @@ export class OrderServiceComponent implements OnInit { 'Content-Type': 'application/json', }) }; - let url1 = this.baseUrl + '/uui-lcm/Sotnservices'; + let url1 = this.baseUrl + '/uui-lcm/Sotnservices_unni'; this.http.post<any>(url1, body, httpOptions).subscribe((data) => { let comp = this; this.message.info('Instantiation In Progress'); |