__getQuickStartInfo

Author: odeimaiz

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

@@ -46,22 +46,47 @@ qx.Class.define("osparc.store.Support", {
       osparc.store.Groups.getInstance().addListener("changeSupportGroup", () => updateAskAQuestionButton());
     },
 
-    addQuickStartToMenu: function(menu) {
+    __getQuickStartInfo: function() {
       const quickStart = osparc.product.quickStart.Utils.getQuickStart();
       if (quickStart) {
-        const qsButton = new qx.ui.menu.Button(qx.locale.Manager.tr("Quick Start"), "@FontAwesome5Solid/graduation-cap/14");
+        return {
+          label: qx.locale.Manager.tr("Quick Start"),
+          icon: "@FontAwesome5Solid/graduation-cap/14",
+          callback: () => {
+            const tutorialWindow = quickStart.tutorial();
+            tutorialWindow.center();
+            tutorialWindow.open();
+          }
+        }
+      }
+      return null;
+    },
+
+    addQuickStartToMenu: function(menu) {
+      const quickStartInfo = this.__getQuickStartInfo();
+      if (quickStartInfo) {
+        const qsButton = new qx.ui.menu.Button(quickStartInfo.label, quickStartInfo.icon);
         qsButton.getChildControl("label").set({
           rich: true
         });
-        qsButton.addListener("execute", () => {
-          const tutorialWindow = quickStart.tutorial();
-          tutorialWindow.center();
-          tutorialWindow.open();
-        });
+        qsButton.addListener("execute", () => quickStartInfo.callback());
         menu.add(qsButton);
       }
     },
 
+    getQuickStartButton: function() {
+      const quickStartInfo = this.__getQuickStartInfo();
+      if (quickStartInfo) {
+        const qsButton = new qx.ui.form.Button(quickStartInfo.label, quickStartInfo.icon);
+        qsButton.getChildControl("label").set({
+          rich: true
+        });
+        qsButton.addListener("execute", () => quickStartInfo.callback());
+        return qsButton;
+      }
+      return null;
+    },
+
     addGuidedToursToMenu: function(menu) {
       const guidedToursButton = new qx.ui.menu.Button(qx.locale.Manager.tr("Guided Tours"), "@FontAwesome5Solid/graduation-cap/14");
       guidedToursButton.exclude();

services/static-webserver/client/source/class/osparc/support/HomePage.js

@@ -25,6 +25,8 @@ qx.Class.define("osparc.support.HomePage", {
     this._setLayout(new qx.ui.layout.VBox(15));
 
     this.getChildControl("conversations-intro-text");
+
+    this.__populateButtons();
   },
 
   members: {
@@ -48,5 +50,12 @@ qx.Class.define("osparc.support.HomePage", {
       }
       return control || this.base(arguments, id);
     },
+
+    __populateButtons: function() {
+      const quickStartButton = osparc.store.Support.getQuickStartButton();
+      if (quickStartButton) {
+        this._add(quickStartButton);
+      }
+    },
   }
 });