noConversationsLabel

Author: odeimaiz

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

@@ -24,33 +24,22 @@ qx.Class.define("osparc.support.Conversations", {
 
     this._setLayout(new qx.ui.layout.VBox(10));
 
+    this.__noConversationsLabel = new qx.ui.basic.Label("No conversations yet — your messages will appear here.").set({
+      padding: 5,
+    });
     this.__conversationListItems = [];
 
     this.__fetchConversations();
 
     this.__listenToNewConversations();
   },
 
-  statics: {
-    TYPES: {
-      SUPPORT: "SUPPORT",
-    },
-
-    CHANNELS: {
-      CONVERSATION_CREATED: "conversation:created",
-      CONVERSATION_UPDATED: "conversation:updated",
-      CONVERSATION_DELETED: "conversation:deleted",
-      CONVERSATION_MESSAGE_CREATED: "conversation:message:created",
-      CONVERSATION_MESSAGE_UPDATED: "conversation:message:updated",
-      CONVERSATION_MESSAGE_DELETED: "conversation:message:deleted",
-    },
-  },
-
   events: {
     "openConversation": "qx.event.type.Data",
   },
 
   members: {
+    __noConversationsLabel: null,
     __conversationListItems: null,
 
     _createChildControlImpl: function(id) {
@@ -83,6 +72,9 @@ qx.Class.define("osparc.support.Conversations", {
         .then(conversations => {
           if (conversations.length) {
             conversations.forEach(conversation => this.__addConversation(conversation));
+          } else {
+            // No conversations found
+            this.getChildControl("conversations-layout").add(this.__noConversationsLabel);
           }
         })
         .finally(() => {
@@ -99,6 +91,12 @@ qx.Class.define("osparc.support.Conversations", {
     },
 
     __addConversation: function(conversation) {
+      const conversationsLayout = this.getChildControl("conversations-layout");
+      // remove the noConversationsLabel
+      if (conversationsLayout && conversationsLayout.getChildren().indexOf(this.__noConversationsLabel) > -1) {
+        conversationsLayout.remove(this.__noConversationsLabel);
+      }
+
       // ignore it if it was already there
       const conversationId = conversation.getConversationId();
       const conversationItemFound = this.__getConversationItem(conversationId);
@@ -109,10 +107,7 @@ qx.Class.define("osparc.support.Conversations", {
       const conversationListItem = new osparc.support.ConversationListItem();
       conversationListItem.setConversation(conversation);
       conversationListItem.addListener("tap", () => this.fireDataEvent("openConversation", conversationId, this));
-
-      const conversationsLayout = this.getChildControl("conversations-layout");
       conversationsLayout.add(conversationListItem);
-
       this.__conversationListItems.push(conversationListItem);
 
       return conversationListItem;