Help & Support: 1 click

Author: odeimaiz

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

@@ -307,7 +307,7 @@ qx.Class.define("osparc.navigation.NavigationBar", {
           break;
         }
         case "help":
-          control = this.__createHelpMenuBtn().set({
+          control = this.__createHelpBtn().set({
             ...this.self().RIGHT_BUTTON_OPTS
           });
           osparc.utils.Utils.setIdToWidget(control, "helpNavigationBtn");
@@ -361,22 +361,12 @@ qx.Class.define("osparc.navigation.NavigationBar", {
       }, this);
     },
 
-    __createHelpMenuBtn: function() {
-      const menu = new qx.ui.menu.Menu().set({
-        position: "top-right",
-        appearance: "menu-wider",
-      });
-      const menuButton = new qx.ui.form.MenuButton(null, "@FontAwesome5Regular/question-circle/24", menu).set({
+    __createHelpBtn: function() {
+      const helpButton = new qx.ui.form.Button(null, "@FontAwesome5Regular/question-circle/24").set({
         backgroundColor: "transparent"
       });
-
-      osparc.utils.Utils.setIdToWidget(menu, "helpNavigationMenu");
-
-      // add support conversations
-      osparc.store.Support.addSupportConversationsToMenu(menu);
-
-
-      return menuButton;
+      helpButton.addListener("execute", () => osparc.support.SupportCenter.openWindow());
+      return helpButton;
     },
 
     __createLoginBtn: function() {

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

@@ -85,6 +85,14 @@ qx.Class.define("osparc.navigation.UserMenu", {
           control.addListener("execute", () => osparc.desktop.organizations.OrganizationsWindow.openWindow(), this);
           this.add(control);
           break;
+        case "help-button":
+          control = new qx.ui.menu.Button().set({
+            label: qx.locale.Manager.tr("Help & Support"),
+            icon: "@FontAwesome5Solid/question-circle/16",
+          });
+          control.addListener("execute", () => osparc.support.SupportCenter.openWindow());
+          this.add(control);
+          break;
         case "market":
           control = new qx.ui.menu.Button(this.tr("The Shop"));
           control.addListener("execute", () => osparc.vipMarket.MarketWindow.openWindow());
@@ -213,7 +221,7 @@ qx.Class.define("osparc.navigation.UserMenu", {
       this.addSeparator();
 
       // quick starts and manuals
-      osparc.store.Support.addSupportConversationsToMenu(this);
+      this.getChildControl("help-button");
       this.addSeparator();
 
       this.getChildControl("theme-switcher");

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

@@ -19,33 +19,6 @@ qx.Class.define("osparc.store.Support", {
       return osparc.store.VendorInfo.getManuals();
     },
 
-    addSupportConversationsToMenu: function(menu) {
-      const supportCenterButton = new qx.ui.menu.Button().set({
-        label: qx.locale.Manager.tr("Help & Support"),
-        icon: "@FontAwesome5Solid/question-circle/16",
-      });
-      supportCenterButton.addListener("execute", () => osparc.support.SupportCenter.openWindow());
-      menu.add(supportCenterButton);
-
-      const askAQuestionButton = new qx.ui.menu.Button().set({
-        label: qx.locale.Manager.tr("Ask a Question"),
-        icon: "@FontAwesome5Solid/comments/16",
-        visibility: "excluded",
-      });
-      askAQuestionButton.addListener("execute", () => osparc.support.SupportCenter.openWindow("conversations"));
-      menu.add(askAQuestionButton);
-
-      const updateAskAQuestionButton = () => {
-        const isSupportEnabled = osparc.store.Groups.getInstance().isSupportEnabled();
-        askAQuestionButton.set({
-          visibility: isSupportEnabled ? "visible" : "excluded",
-        });
-      }
-
-      updateAskAQuestionButton();
-      osparc.store.Groups.getInstance().addListener("changeSupportGroup", () => updateAskAQuestionButton());
-    },
-
     __getQuickStartInfo: function() {
       const quickStart = osparc.product.quickStart.Utils.getQuickStart();
       if (quickStart) {