Rocket Preview button on window

Author: odeimaiz

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

@@ -98,6 +98,11 @@ qx.Class.define("osparc.navigation.UserMenu", {
           control.addListener("execute", () => osparc.vipMarket.MarketWindow.openWindow());
           this.add(control);
           break;
+        case "rocket-preview":
+          control = new qx.ui.menu.Button(this.tr("Rocket Preview"));
+          control.addListener("execute", () => osparc.wrapper.RocketPreview.openWindow());
+          this.add(control);
+          break;
         case "about":
           control = new qx.ui.menu.Button(this.tr("About oSPARC"));
           osparc.utils.Utils.setIdToWidget(control, "userMenuAboutBtn");
@@ -177,6 +182,10 @@ qx.Class.define("osparc.navigation.UserMenu", {
         this.getChildControl("market");
       }
 
+      if (osparc.utils.Utils.isDevelopmentPlatform()) {
+        this.getChildControl("rocket-preview");
+      }
+
       this.getChildControl("about");
       if (osparc.product.Utils.showAboutProduct()) {
         this.getChildControl("about-product");

services/static-webserver/client/source/class/osparc/wrapper/RocketPreview.js

@@ -41,6 +41,31 @@ qx.Class.define("osparc.wrapper.RocketPreview", {
     window.addEventListener("message", this.__onMessage.bind(this));
   },
 
+  statics: {
+    openWindow: function() {
+      const win = new osparc.ui.window.Window();
+      win.set({
+        caption: "Rocket Preview",
+        width: 800,
+        height: 600,
+        minWidth: 400,
+        minHeight: 300,
+        showMinimize: false,
+        showMaximize: false,
+        modal: true,
+        allowClose: true,
+        contentPadding: 0,
+        layout: new qx.ui.layout.Grow()
+      });
+
+      const rocketPreview = new osparc.wrapper.RocketPreview();
+      win.add(rocketPreview);
+      win.center();
+      win.open();
+      return win;
+    }
+  },
+
   properties: {
     /**
      * True once the iframe signals it's ready (osparc:ready).