working

Author: odeimaiz

services/static-webserver/client/source/class/osparc/study/StudyPreview.js

@@ -38,19 +38,39 @@ qx.Class.define("osparc.study.StudyPreview", {
         osparc.FlashMessenger.logError("Function Data not available");
         return;
       }
+
       const study = new osparc.data.model.Study(studyData);
-      const preview = new osparc.study.StudyPreview(study);
-      const title = this.tr("Function Preview");
-      const width = osparc.dashboard.ResourceDetails.WIDTH;
-      const height = osparc.dashboard.ResourceDetails.HEIGHT;
-      osparc.ui.window.Window.popUpInWindow(preview, title, width, height);
+      // make sure it will be shown
+      study.getUi().setMode("pipeline");
+
+      const studyReady = () => {
+        const preview = new osparc.study.StudyPreview(study);
+        const title = qx.locale.Manager.tr("Function Preview");
+        const width = osparc.dashboard.ResourceDetails.WIDTH;
+        const height = osparc.dashboard.ResourceDetails.HEIGHT;
+        osparc.ui.window.Window.popUpInWindow(preview, title, width, height).set({
+          clickAwayClose: false,
+          resizable: true,
+          showClose: true,
+        });
+      }
+
+      if (study.getWorkbench().isDeserialized()) {
+        studyReady();
+      } else {
+        study.getWorkbench().addListener("changeDeserialized", e => {
+          if (e.getData()) {
+            studyReady();
+          }
+        }, this);
+      }
     },
 
     popUpPreview: function(studyData) {
       if ("services" in studyData) {
         this.__popUpPreview(studyData);
       } else {
-        osparc.store.Services.getStudyServices(studyData)
+        osparc.store.Services.getStudyServices(studyData["uuid"])
           .then(resp => {
             const services = resp["services"];
             studyData["services"] = services;