getGuidedToursButton

Author: odeimaiz

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

@@ -87,17 +87,21 @@ qx.Class.define("osparc.store.Support", {
       return null;
     },
 
-    addGuidedToursToMenu: function(menu) {
-      const guidedToursButton = new qx.ui.menu.Button(qx.locale.Manager.tr("Guided Tours"), "@FontAwesome5Solid/graduation-cap/14");
-      guidedToursButton.exclude();
-      menu.add(guidedToursButton);
+    __getGuidedToursInfo: function() {
+      return {
+        label: qx.locale.Manager.tr("Guided Tours"),
+        icon: "@FontAwesome5Solid/graduation-cap/14",
+      }
+    },
+
+    populateGuidedToursButton: function(button) {
       const fetchTours = osparc.product.tours.Tours.getTours();
       if (fetchTours) {
         fetchTours
           .then(tours => {
             if (tours) {
-              guidedToursButton.show();
-              guidedToursButton.addListener("execute", () => {
+              button.show();
+              button.addListener("execute", () => {
                 const toursManager = new osparc.tours.Manager();
                 toursManager.setTours(tours);
                 toursManager.start();
@@ -107,6 +111,22 @@ qx.Class.define("osparc.store.Support", {
       }
     },
 
+    addGuidedToursToMenu: function(menu) {
+      const guidedToursInfo = this.__getGuidedToursInfo();
+      const guidedToursButton = new qx.ui.menu.Button(guidedToursInfo.label, guidedToursInfo.icon);
+      guidedToursButton.exclude();
+      menu.add(guidedToursButton);
+      this.populateGuidedToursButton(guidedToursButton);
+    },
+
+    getGuidedToursButton: function() {
+      const guidedToursInfo = this.__getGuidedToursInfo();
+      const guidedToursButton = new qx.ui.form.Button(guidedToursInfo.label, guidedToursInfo.icon);
+      guidedToursButton.exclude();
+      this.populateGuidedToursButton(guidedToursButton);
+      return guidedToursButton;
+    },
+
     addManualsToMenu: function(menu) {
       const manuals = osparc.store.Support.getManuals();
       const addManuals = mn => {

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

@@ -56,6 +56,9 @@ qx.Class.define("osparc.support.HomePage", {
       if (quickStartButton) {
         this._add(quickStartButton);
       }
+
+      const guidedToursButton = osparc.store.Support.getGuidedToursButton();
+      this._add(guidedToursButton);
     },
   }
 });