X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=skyquake%2Fplugins%2Fcomposer%2Fsrc%2Fsrc%2Fstores%2FComposerAppStore.js;h=75276d22aa858532900d33a85f846b4d400e4d58;hb=b79d9d1e00fcfbace2af4a470de81f32e1f42924;hp=156fe76b7fe3e25e5e536c252006e48f6b875996;hpb=fc697677f2fa0cc0cd1edef9dad0458007cf9fa1;p=osm%2FUI.git

diff --git a/skyquake/plugins/composer/src/src/stores/ComposerAppStore.js b/skyquake/plugins/composer/src/src/stores/ComposerAppStore.js
index 156fe76b7..75276d22a 100644
--- a/skyquake/plugins/composer/src/src/stores/ComposerAppStore.js
+++ b/skyquake/plugins/composer/src/src/stores/ComposerAppStore.js
@@ -125,7 +125,7 @@ class ComposerAppStore {
 		this.files = false;
 		this.filesState = {};
 		this.downloadJobs = {};
-		this.displayedPanel = 'forwarding' //or parameter
+		this.containers = [];
 		//End File  manager values
 		this.bindListeners({
 			onResize: PanelResizeAction.RESIZE,
@@ -202,8 +202,17 @@ class ComposerAppStore {
 	}
 
 	updateItem(item) {
+		const self = this;
+		let containers = [];
+		let cpNumber = 0;
 		if(!document.body.classList.contains('resizing')) {
-			this.setState({item: _.cloneDeep(item)});
+			containers = [item].reduce(DescriptorModelFactory.buildCatalogItemFactory(CatalogDataStore.getState().catalogs), []);
+
+			containers.filter(d => DescriptorModelFactory.isConnectionPoint(d)).forEach(d => {
+				d.cpNumber = ++cpNumber;
+				containers.filter(d => DescriptorModelFactory.isVnfdConnectionPointRef(d)).filter(ref => ref.key === d.key).forEach(ref => ref.cpNumber = d.cpNumber);
+			});
+			this.setState({containers: containers, item: _.cloneDeep(item)});
 		}
 		SelectionManager.refreshOutline();
 	}
@@ -342,23 +351,13 @@ class ComposerAppStore {
 		this.setState({showJSONViewer: false});
 	}
 
-	toggleCanvasPanelTray(event) {
+	toggleCanvasPanelTray() {
 		const layout = this.layout;
-		const attrMap = event.target.attributes;
-		let panelEvent = null;
-		for(let k in attrMap) {
-			if(attrMap[k].name == 'data-event') {
-				panelEvent = attrMap[k].nodeValue;
-			}
-		}
-		if ((layout.bottom > 25) && ((panelEvent == this.displayedPanel) || panelEvent == 'arrow')) {
+		if (layout.bottom > 25) {
 			this.closeCanvasPanelTray();
 		} else {
 			this.openCanvasPanelTray();
 		}
-		if(panelEvent != 'arrow'){
-			this.setState({displayedPanel: panelEvent})
-		}
 	}
 
 	openCanvasPanelTray() {