3rd button

Author: odeimaiz

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

@@ -58,6 +58,7 @@ qx.Class.define("osparc.support.Conversation", {
     SYSTEM_MESSAGE_TYPE: {
       ASK_A_QUESTION: "askAQuestion",
       BOOK_A_CALL: "bookACall",
+      BOOK_A_CALL_3RD: "bookACall3rd",
       ESCALATE_TO_SUPPORT: "escalateToSupport",
       REPORT_OEC: "reportOEC",
       FOLLOW_UP: "followUp",
@@ -317,8 +318,8 @@ qx.Class.define("osparc.support.Conversation", {
       if (msg) {
         systemMessage["content"] = msg;
         systemMessage["systemMessageType"] = type;
+        this.addMessage(systemMessage);
       }
-      this.addMessage(systemMessage);
     },
 
     addMessage: function(message) {

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

@@ -185,9 +185,13 @@ qx.Class.define("osparc.support.ConversationPage", {
           break;
         case osparc.support.Conversation.SYSTEM_MESSAGE_TYPE.BOOK_A_CALL:
           title.setValue(this.tr("Book a Call"));
+          break;
+        case osparc.support.Conversation.SYSTEM_MESSAGE_TYPE.BOOK_A_CALL_3RD: {
+          title.setValue(this.tr("Book a Call 3rd"));
           const bookACallIframe = this.getChildControl("book-a-call-iframe");
           this.getChildControl("main-stack").setSelection([bookACallIframe]);
           break;
+        }
         case osparc.support.Conversation.SYSTEM_MESSAGE_TYPE.ESCALATE_TO_SUPPORT:
           title.setValue(this.tr("Ask a Question"));
           break;

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

@@ -27,6 +27,9 @@ qx.Class.define("osparc.support.ConversationsPage", {
     this.getChildControl("conversations-list");
     this.getChildControl("ask-a-question-button");
     this.getChildControl("book-a-call-button");
+    if (osparc.utils.Utils.isDevelopmentPlatform()) {
+      this.getChildControl("book-a-call-button-3rd");
+    }
   },
 
   events: {
@@ -63,7 +66,7 @@ qx.Class.define("osparc.support.ConversationsPage", {
             allowGrowX: false,
             center: true,
           });
-          control.addListener("execute", () => this.fireDataEvent("createConversation", "askAQuestion"), this);
+          control.addListener("execute", () => this.fireDataEvent("createConversation", osparc.support.Conversation.SYSTEM_MESSAGE_TYPE.ASK_A_QUESTION), this);
           this.getChildControl("buttons-layout").add(control);
           break;
         case "book-a-call-button":
@@ -72,7 +75,16 @@ qx.Class.define("osparc.support.ConversationsPage", {
             allowGrowX: false,
             center: true,
           });
-          control.addListener("execute", () => this.fireDataEvent("createConversation", "bookACall"), this);
+          control.addListener("execute", () => this.fireDataEvent("createConversation", osparc.support.Conversation.SYSTEM_MESSAGE_TYPE.BOOK_A_CALL), this);
+          this.getChildControl("buttons-layout").add(control);
+          break;
+        case "book-a-call-button-3rd":
+          control = new qx.ui.form.Button(this.tr("Book a Call 3rd"), "@FontAwesome5Solid/phone/14").set({
+            appearance: "strong-button",
+            allowGrowX: false,
+            center: true,
+          });
+          control.addListener("execute", () => this.fireDataEvent("createConversation", osparc.support.Conversation.SYSTEM_MESSAGE_TYPE.BOOK_A_CALL_3RD), this);
           this.getChildControl("buttons-layout").add(control);
           break;
       }

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

@@ -31,6 +31,9 @@ qx.Class.define("osparc.support.HomePage", {
     if (osparc.store.Groups.getInstance().isSupportEnabled()) {
       this.getChildControl("ask-a-question-button");
       this.getChildControl("book-a-call-button");
+      if (osparc.utils.Utils.isDevelopmentPlatform()) {
+        this.getChildControl("book-a-call-button-3rd");
+      }
     }
     this.__populateButtons();
   },
@@ -82,7 +85,7 @@ qx.Class.define("osparc.support.HomePage", {
             center: true,
             width: 183,
           });
-          control.addListener("execute", () => this.fireDataEvent("createConversation", "askAQuestion"));
+          control.addListener("execute", () => this.fireDataEvent("createConversation", osparc.support.Conversation.SYSTEM_MESSAGE_TYPE.ASK_A_QUESTION));
           this.getChildControl("conversation-buttons-layout").add(control, { flex: 1 });
           break;
         case "book-a-call-button":
@@ -92,7 +95,17 @@ qx.Class.define("osparc.support.HomePage", {
             center: true,
             width: 183,
           });
-          control.addListener("execute", () => this.fireDataEvent("createConversation", "bookACall"));
+          control.addListener("execute", () => this.fireDataEvent("createConversation", osparc.support.Conversation.SYSTEM_MESSAGE_TYPE.BOOK_A_CALL));
+          this.getChildControl("conversation-buttons-layout").add(control, { flex: 1 });
+          break;
+        case "book-a-call-button-3rd":
+          control = new qx.ui.form.Button(this.tr("Book a Call 3rd"), "@FontAwesome5Solid/phone/16").set({
+            gap: 8,
+            appearance: "strong-button",
+            center: true,
+            width: 183,
+          });
+          control.addListener("execute", () => this.fireDataEvent("createConversation", osparc.support.Conversation.SYSTEM_MESSAGE_TYPE.BOOK_A_CALL_3RD));
           this.getChildControl("conversation-buttons-layout").add(control, { flex: 1 });
           break;
         case "learning-box":