system message

Author: odeimaiz

services/static-webserver/client/source/class/osparc/conversation/MessageUI.js

@@ -40,6 +40,9 @@ qx.Class.define("osparc.conversation.MessageUI", {
 
   statics: {
     isMyMessage: function(message) {
+      if (message["userGroupId"] === "system") {
+        return false;
+      }
       return message && osparc.auth.Data.getInstance().getGroupId() === message["userGroupId"];
     }
   },
@@ -163,15 +166,19 @@ qx.Class.define("osparc.conversation.MessageUI", {
       const messageContent = this.getChildControl("message-content");
       messageContent.setValue(message["content"]);
 
-      osparc.store.Users.getInstance().getUser(message["userGroupId"])
-        .then(user => {
-          thumbnail.setUser(user);
-          userName.setValue(user ? user.getLabel() : "Unknown user");
-        })
-        .catch(() => {
+      if (message["userGroupId"] === "system") {
+        userName.setValue("Support");
+      } else {
+        osparc.store.Users.getInstance().getUser(message["userGroupId"])
+          .then(user => {
+            thumbnail.setUser(user);
+            userName.setValue(user ? user.getLabel() : "Unknown user");
+          })
+          .catch(() => {
             thumbnail.setSource(osparc.utils.Avatar.emailToThumbnail());
             userName.setValue("Unknown user");
-        });
+          });
+      }
 
       this.getChildControl("spacer");
 

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

@@ -251,6 +251,20 @@ qx.Class.define("osparc.support.Conversation", {
         .finally(() => loadMoreMessages.setFetching(false));
     },
 
+    addSystemMessage: function(message) {
+      const now = new Date();
+      const systemMessage = {
+        "content": message,
+        "conversationId": null,
+        "created": now.toISOString(),
+        "messageId": `system-${now.getTime()}`,
+        "modified": now.toISOString(),
+        "type": "MESSAGE",
+        "userGroupId": "system",
+      };
+      this.addMessage(systemMessage);
+    },
+
     addMessage: function(message) {
       // ignore it if it was already there
       const messageIndex = this.__messages.findIndex(msg => msg["messageId"] === message["messageId"]);

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

@@ -145,12 +145,32 @@ qx.Class.define("osparc.support.ConversationPage", {
       return control || this.base(arguments, id);
     },
 
+    // type can be "askAQuestion", "bookACall" or "reportOEC"
+    proposeConversation: function(type) {
+      type = type || "askAQuestion";
+      this.setConversation(null);
+
+      const title = this.getChildControl("conversation-title");
+      switch(type) {
+        case "askAQuestion":
+          title.setValue(this.tr("Ask a Question"));
+          break;
+        case "bookACall":
+          title.setValue(this.tr("Book a Call"));
+          break;
+        case "reportOEC":
+          title.setValue(this.tr("Report an Error"));
+          break;
+      }
+
+      const conversationContent = this.getChildControl("conversation-content");
+      conversationContent.addSystemMessage("Hello world");
+    },
+
     __applyConversation: function(conversation) {
       const title = this.getChildControl("conversation-title");
       if (conversation) {
         conversation.bind("nameAlias", title, "value");
-      } else {
-        title.setValue(this.tr("Ask a Question"));
       }
 
       const extraContextLayout = this.getChildControl("conversation-extra-layout");

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

@@ -196,14 +196,13 @@ qx.Class.define("osparc.support.SupportCenter", {
       }
     },
 
-    // type can be "askAQuestion", "bookACall" or "reportOEC"
     createConversation: function(type) {
-      type = type || "askAQuestion";
       const conversationPage = this.getChildControl("conversation-page");
-      conversationPage.setConversation(null);
+      conversationPage.proposeConversation(type);
       this.__showConversation();
     },
 
+    // OM remove this
     createConversationBookCall: function() {
       const conversationPage = this.getChildControl("conversation-page");
       conversationPage.setConversation(null);