transition

Author: odeimaiz

services/static-webserver/client/source/class/osparc/desktop/StudyEditor.js

@@ -169,7 +169,9 @@ qx.Class.define("osparc.desktop.StudyEditor", {
             }, this);
           }
 
-          study.getUi().addListener("changeMode", e => this.__uiModeChanged(e.getData()));
+          study.getUi().addListener("changeMode", e => {
+            this.__uiModeChanged(e.getData(), e.getOldData());
+          });
         })
         .catch(err => {
           console.error(err);
@@ -699,7 +701,7 @@ qx.Class.define("osparc.desktop.StudyEditor", {
       return this.__workbenchView.getLogger();
     },
 
-    __uiModeChanged: function(newUIMode) {
+    __uiModeChanged: function(newUIMode, oldUIMode) {
       switch (newUIMode) {
         case "guided":
         case "app":
@@ -714,16 +716,21 @@ qx.Class.define("osparc.desktop.StudyEditor", {
         case "workbench":
         default: {
           this.__viewsStack.setSelection([this.__workbenchView]);
-          const currentNodeId = this.getStudy().getUi().getCurrentNodeId();
-          if (currentNodeId) {
-            const node = this.getStudy().getWorkbench().getNode(currentNodeId);
-            if (node && node.isDynamic()) {
-              this.__workbenchView.fullscreenNode(currentNodeId);
+          if (oldUIMode === "standalone") {
+            // in this transition, show workbenchUI
+            this.__workbenchView.showPipeline();
+          } else {
+            const currentNodeId = this.getStudy().getUi().getCurrentNodeId();
+            if (currentNodeId) {
+              const node = this.getStudy().getWorkbench().getNode(currentNodeId);
+              if (node && node.isDynamic()) {
+                this.__workbenchView.fullscreenNode(currentNodeId);
+              } else {
+                this.__workbenchView.nodeSelected(currentNodeId);
+              }
             } else {
-              this.__workbenchView.nodeSelected(currentNodeId);
+              this.__workbenchView.openFirstNode();
             }
-          } else {
-            this.__workbenchView.openFirstNode();
           }
           break;
         }

services/static-webserver/client/source/class/osparc/desktop/WorkbenchView.js

@@ -499,10 +499,7 @@ qx.Class.define("osparc.desktop.WorkbenchView", {
 
       studyTreeItem.addListener("changeSelectedNode", () => {
         nodesTree.resetSelection();
-        this.__populateSecondaryColumn(this.getStudy());
-        this.__evalIframe();
-        this.__openWorkbenchTab();
-        this.__loggerView.setCurrentNodeId(null);
+        this.showPipeline();
 
         this.getStudy().getUi().setCurrentNodeId(this.getStudy().getUuid());
       });
@@ -1187,6 +1184,15 @@ qx.Class.define("osparc.desktop.WorkbenchView", {
       this.__nodesTree.nodeSelected(this.__currentNodeId);
     },
 
+    showPipeline: function() {
+      this.__populateSecondaryColumn(this.getStudy());
+      this.__evalIframe();
+      this.__openWorkbenchTab();
+      this.__loggerView.setCurrentNodeId(null);
+
+      this.getStudy().getUi().setCurrentNodeId(this.getStudy().getUuid());
+    },
+
     fullscreenNode: function(nodeId) {
       const node = this.getStudy().getWorkbench().getNode(nodeId);
       if (node && node.isDynamic()) {

services/static-webserver/client/source/class/osparc/navigation/StudyTitleWOptions.js

@@ -96,11 +96,6 @@ qx.Class.define("osparc.navigation.StudyTitleWOptions", {
           });
           control.addListener("execute", () => {
             this.getStudy().getUi().setMode("standalone");
-            const validNodes = this.getStudy().getNonFrontendNodes();
-            if (this.getStudy().isOnlyNodeDynamic()) {
-              const dynamicNode = validNodes[0];
-              dynamicNode.getIFrame().maximizeIFrame(true);
-            }
           });
           break;
         case "study-menu-download-logs":