start sim4life from menu

Author: odeimaiz

services/static-webserver/client/source/class/osparc/dashboard/NewPlusMenu.js

@@ -36,6 +36,7 @@ qx.Class.define("osparc.dashboard.NewPlusMenu", {
   events: {
     "createFolder": "qx.event.type.Data",
     "newStudyFromTemplateClicked": "qx.event.type.Data",
+    "newStudyFromServiceClicked": "qx.event.type.Data",
     "changeTab": "qx.event.type.Data",
   },
 
@@ -227,6 +228,34 @@ qx.Class.define("osparc.dashboard.NewPlusMenu", {
 
     __addFromServiceButton: function(serviceData) {
       const menuButton = this.__createFromResourceButton(serviceData);
+      // disable it until found in services store
+      menuButton.setEnabled(false);
+
+      const key = serviceData.expectedKey;
+      // Include deprecated versions, they should all be updatable to a non deprecated version
+      const versions = osparc.service.Utils.getVersions(key, false);
+      if (versions.length && serviceData) {
+        // scale to latest compatible
+        const latestVersion = versions[0];
+        const latestCompatible = osparc.service.Utils.getLatestCompatible(key, latestVersion);
+        osparc.store.Services.getService(latestCompatible["key"], latestCompatible["version"])
+          .then(latestMetadata => {
+            // make sure this one is not deprecated
+            if (osparc.service.Utils.isDeprecated(latestMetadata)) {
+              return;
+            }
+            menuButton.setEnabled(true);
+            if (menuButton.getIcon() === null && latestMetadata["thumbnail"]) {
+              menuButton.setIcon(latestMetadata["thumbnail"]);
+            }
+            menuButton.addListener("tap", () => {
+              this.fireDataEvent("newStudyFromServiceClicked", {
+                serviceMetadata: latestMetadata,
+                newStudyLabel: serviceData.newStudyLabel,
+              });
+            });
+          })
+      }
 
       this.__addFromResourceButton(menuButton, serviceData);
     },

services/static-webserver/client/source/class/osparc/dashboard/StudyBrowser.js

@@ -906,6 +906,16 @@ qx.Class.define("osparc.dashboard.StudyBrowser", {
         }
       }, this);
 
+      newPlusButtonMenu.addListener("newStudyFromServiceClicked", e => {
+        const {
+          serviceMetadata,
+          newStudyLabel,
+        } = e.getData();
+        if (serviceMetadata) {
+          this.__newStudyFromServiceBtnClicked(serviceMetadata["key"], serviceMetadata["version"], newStudyLabel);
+        }
+      }, this);
+
       newPlusButtonMenu.addListener("changeTab", e => this.fireDataEvent("changeTab", e.getData()));
     },
 
@@ -1019,7 +1029,7 @@ qx.Class.define("osparc.dashboard.StudyBrowser", {
             const newStudyFromServiceButton = (mode === "grid") ? new osparc.dashboard.GridButtonNew(title, desc) : new osparc.dashboard.ListButtonNew(title, desc);
             newStudyFromServiceButton.setCardKey("new-"+key);
             osparc.utils.Utils.setIdToWidget(newStudyFromServiceButton, newButtonInfo.idToWidget);
-            newStudyFromServiceButton.addListener("tap", () => this.__newStudyFromServiceBtnClicked(newStudyFromServiceButton, latestMetadata["key"], latestMetadata["version"], newButtonInfo.newStudyLabel));
+            newStudyFromServiceButton.addListener("tap", () => this.__newStudyFromServiceBtnClicked(latestMetadata["key"], latestMetadata["version"], newButtonInfo.newStudyLabel));
             this._resourcesContainer.addNonResourceCard(newStudyFromServiceButton);
           })
       }
@@ -1536,7 +1546,7 @@ qx.Class.define("osparc.dashboard.StudyBrowser", {
         });
     },
 
-    __newStudyFromServiceBtnClicked: function(button, key, version, newStudyLabel) {
+    __newStudyFromServiceBtnClicked: function(key, version, newStudyLabel) {
       this._showLoadingPage(this.tr("Creating ") + osparc.product.Utils.getStudyAlias());
       const contextProps = {
         workspaceId: this.getCurrentWorkspaceId(),

services/static-webserver/client/source/class/osparc/store/Products.js

@@ -37,7 +37,6 @@ qx.Class.define("osparc.store.Products", {
 
     getNewStudyConfig: function() {
       return new Promise(resolve => {
-        console.log("newStudyConfig", this.__newStudyConfig);
         if (this.__newStudyConfig) {
           resolve(this.__newStudyConfig);
         } else {