addSupportConversationsToMenu

Author: odeimaiz

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

@@ -183,7 +183,9 @@ qx.Class.define("osparc.dashboard.Dashboard", {
       let preResourcesLoaded = false;
       const preResourcePromises = [];
       const groupsStore = osparc.store.Groups.getInstance();
-      preResourcePromises.push(groupsStore.fetchGroupsAndMembers());
+      groupsStore.fetchGroupMembers();
+      // OM review this
+      // preResourcePromises.push(groupsStore.fetchGroupsAndMembers());
       preResourcePromises.push(osparc.store.Services.getServicesLatest(false));
       Promise.all(preResourcePromises)
         .then(() => {

services/static-webserver/client/source/class/osparc/desktop/MainPage.js

@@ -72,6 +72,7 @@ qx.Class.define("osparc.desktop.MainPage", {
     preloadPromises.push(osparc.store.Jobs.getInstance().fetchJobsLatest());
     preloadPromises.push(osparc.data.Permissions.getInstance().fetchPermissions());
     preloadPromises.push(osparc.data.Permissions.getInstance().fetchFunctionPermissions());
+    preloadPromises.push(osparc.store.Groups.getInstance().fetchGroups());
     Promise.all(preloadPromises)
       .then(() => {
         const mainStack = this.__createMainStack();

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

@@ -369,12 +369,15 @@ qx.Class.define("osparc.navigation.NavigationBar", {
         position: "top-right",
         appearance: "menu-wider",
       });
-      const menuButton = new qx.ui.form.MenuButton(null, "@FontAwesome5Regular/question-circle/22", menu).set({
+      const menuButton = new qx.ui.form.MenuButton(null, "@FontAwesome5Regular/question-circle/24", menu).set({
         backgroundColor: "transparent"
       });
 
       osparc.utils.Utils.setIdToWidget(menu, "helpNavigationMenu");
 
+      // add support conversations
+      osparc.store.Support.addSupportConversationsToMenu(menu);
+
       // quick starts and manuals
       osparc.store.Support.addQuickStartToMenu(menu);
       osparc.store.Support.addGuidedToursToMenu(menu);

services/static-webserver/client/source/class/osparc/product/Utils.js

@@ -418,8 +418,8 @@ qx.Class.define("osparc.product.Utils", {
       return Boolean(osparc.store.Products.getInstance().getGroupedServicesUiConfig());
     },
 
-    isSupportCenterEnabled: function() {
-      return Boolean(osparc.store.Products.getInstance().getSupportCenterGroupId());
+    isSupportEnabled: function() {
+      return Boolean(osparc.store.Products.getInstance().getSupportGroupId());
     },
   }
 });

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

@@ -66,7 +66,7 @@ qx.Class.define("osparc.store.Groups", {
   members: {
     groupsCached: null,
 
-    __fetchGroups: function() {
+    fetchGroups: function() {
       if (osparc.auth.Data.getInstance().isGuest()) {
         return new Promise(resolve => {
           resolve([]);
@@ -116,9 +116,20 @@ qx.Class.define("osparc.store.Groups", {
         });
     },
 
+    fetchGroupMembers: function() {
+      // reset Users
+      const usersStore = osparc.store.Users.getInstance();
+      usersStore.resetUsers();
+      const orgs = this.getOrganizations();
+      const promises = Object.keys(orgs).map(orgId => this.__fetchGroupMembers(orgId));
+      Promise.all(promises)
+        .then(() => resolve())
+        .catch(err => console.error(err));
+    },
+
     fetchGroupsAndMembers: function() {
       return new Promise(resolve => {
-        this.__fetchGroups()
+        this.fetchGroups()
           .then(orgs => {
             // reset Users
             const usersStore = osparc.store.Users.getInstance();

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

@@ -126,8 +126,15 @@ qx.Class.define("osparc.store.Products", {
       return this.__uiConfig["groupedServices"];
     },
 
-    getSupportCenterGroupId: function() {
+    getSupportGroupId: function() {
       return 23;
     },
+
+    amIASupportUser: function() {
+      const supportGroupId = this.getSupportGroupId();
+      const groupsStore = osparc.store.Groups.getInstance();
+      const myGroupIds = groupsStore.getOrganizationIds();
+      return (supportGroupId && myGroupIds.includes(supportGroupId));
+    },
   }
 });

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

@@ -19,6 +19,21 @@ qx.Class.define("osparc.store.Support", {
       return osparc.store.VendorInfo.getInstance().getManuals();
     },
 
+    addSupportConversationsToMenu: function(menu) {
+      if (osparc.product.Utils.isSupportEnabled()) {
+        const supportCenterButton = new qx.ui.menu.Button().set({
+          label: qx.locale.Manager.tr("Ask a Question"),
+          icon: "@FontAwesome5Regular/question-circle/16",
+        });
+        if (osparc.store.Products.getInstance().amIASupportUser()) {
+          supportCenterButton.set({
+            label: qx.locale.Manager.tr("Support Center"),
+          });
+        }
+        menu.add(supportCenterButton);
+      }
+    },
+
     addQuickStartToMenu: function(menu) {
       const quickStart = osparc.product.quickStart.Utils.getQuickStart();
       if (quickStart) {