X-Git-Url: https://osm.etsi.org/gitweb/?p=osm%2FUI.git;a=blobdiff_plain;f=skyquake%2Fplugins%2Fcomposer%2Fsrc%2Fsrc%2Fstores%2FComposerAppStore.js;fp=skyquake%2Fplugins%2Fcomposer%2Fsrc%2Fsrc%2Fstores%2FComposerAppStore.js;h=89b3f72c28a282c6104021c9485a9a370277790a;hp=ff24cbb926f748e4c882771380c15a43b47f7e74;hb=e2e3b0f6d7ae6cac6a156391f84e8b341cbc3a1f;hpb=6620bca06b9874e68e8bc11ce28b7a6eeda5cc03

diff --git a/skyquake/plugins/composer/src/src/stores/ComposerAppStore.js b/skyquake/plugins/composer/src/src/stores/ComposerAppStore.js
index ff24cbb92..89b3f72c2 100644
--- a/skyquake/plugins/composer/src/src/stores/ComposerAppStore.js
+++ b/skyquake/plugins/composer/src/src/stores/ComposerAppStore.js
@@ -130,6 +130,7 @@ class ComposerAppStore {
 		this.downloadJobs = {};
 		this.containers = [];
 		this.newPathName = '';
+		this.displayedPanel = 'forwarding' //or parameter
 		//End File  manager values
 		this.bindListeners({
 			onResize: PanelResizeAction.RESIZE,
@@ -208,17 +209,8 @@ class ComposerAppStore {
 	}
 
 	updateItem(item) {
-		const self = this;
-		let containers = [];
-		let cpNumber = 0;
 		if(!document.body.classList.contains('resizing')) {
-			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)});
+			this.setState({item: _.cloneDeep(item)});
 		}
 		SelectionManager.refreshOutline();
 	}
@@ -357,13 +349,23 @@ class ComposerAppStore {
 		this.setState({showJSONViewer: false});
 	}
 
-	toggleCanvasPanelTray() {
+	toggleCanvasPanelTray(event) {
 		const layout = this.layout;
-		if (layout.bottom > 25) {
+		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')) {
 			this.closeCanvasPanelTray();
 		} else {
 			this.openCanvasPanelTray();
 		}
+		if(panelEvent != 'arrow'){
+			this.setState({displayedPanel: panelEvent})
+		}
 	}
 
 	openCanvasPanelTray() {