Ready to implement conversation message writing notifier

assets/js/components/conversations/chatWindows.js

@@ -130,6 +130,8 @@ const ConvChatWindow = {
 			class: "create-message-form"
 		});
 
+		new ConversationWritingNotifier(conversationFormContainer, infosBox.conversationID)
+
 		//Create input group
 		var inputGroup = createElem2({
 			appendTo: conversationFormContainer,

assets/js/components/conversations/writingNotifier.js

@@ -0,0 +1,31 @@
+/**
+ * Notify when a user is writing a new message
+ * in a conversation
+ * 
+ * @author Pierre Hubert
+ */
+
+class ConversationWritingNotifier {
+    constructor(target, convID) {
+        this.messageArea = createElem2({
+            appendTo: target,
+            type: "div",
+            class: "user-writing-message"
+        })
+
+        this.setText("hello world for conv " + convID)
+    }
+
+    /**
+     * Update message. If message is empty, hide the area
+     * 
+     * @param {String} msg 
+     */
+    setText(msg) {
+        if(msg.length == 0)
+            return this.messageArea.style.display = "none";
+        
+        this.messageArea.style.display = "block";
+        this.messageArea.innerHTML = msg;
+    }
+}