From ffb6398fbbbed258203304be07b14d2dd0e6f98b Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Mon, 8 Mar 2021 18:09:56 +0100
Subject: [PATCH] Send notification when user is writing a message

---
 assets/js/common/date.js                      |  6 +++--
 .../components/conversations/chatWindows.js   |  3 +++
 assets/js/components/conversations/utils.js   | 24 +++++++++++++++++++
 assets/js/pages/conversations/conversation.js |  3 +++
 assets/js/typings/ServerConfig.d.ts           |  2 ++
 5 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/assets/js/common/date.js b/assets/js/common/date.js
index f1d8b8d9..c71faf51 100644
--- a/assets/js/common/date.js
+++ b/assets/js/common/date.js
@@ -4,7 +4,7 @@
  * @author Pierre HUBERT
  */
 
-ComunicWeb.common.date = {
+const ComunicDate = {
 	/**
 	 * Get current timestamp
 	 * 
@@ -99,4 +99,6 @@ ComunicWeb.common.date = {
 	timeDiffToStr: function(time){
 		return this.diffToStr(this.time() - time);
 	},
-}
\ No newline at end of file
+}
+
+ComunicWeb.common.date = ComunicDate;
\ No newline at end of file
diff --git a/assets/js/components/conversations/chatWindows.js b/assets/js/components/conversations/chatWindows.js
index a76be814..6b3c08da 100644
--- a/assets/js/components/conversations/chatWindows.js
+++ b/assets/js/components/conversations/chatWindows.js
@@ -146,6 +146,9 @@ const ConvChatWindow = {
 		});
 		inputText.maxLength = ServerConfig.conf.max_conversation_message_len;
 
+		// Notify other users when this user is writing a message
+		ConversationsUtils.listenToInputChangeEvents(inputText, infosBox.conversationID)
+
 		//Enable textarea 2.0 on the message
 		var textarea2 = new ComunicWeb.components.textarea();
 		textarea2.init({
diff --git a/assets/js/components/conversations/utils.js b/assets/js/components/conversations/utils.js
index 021f539a..d2d1e36e 100644
--- a/assets/js/components/conversations/utils.js
+++ b/assets/js/components/conversations/utils.js
@@ -284,6 +284,30 @@ const ConversationsUtils = {
 
 		await ConversationsInterface.sendNewConversationImage(convID, input);
 	},
+
+	/**
+	 * Automatically listen to change events of an input
+	 * to notify other users current user is writing a message
+	 * 
+	 * @param {HTMLInputElement} input
+	 * @param {number} convID
+	 */
+	listenToInputChangeEvents: async function(input, convID) {
+		let last_update = 0;
+
+		input.addEventListener("keyup", e => {
+			if(input.value == "")
+				return;
+
+			const t = ComunicDate.time();
+			if (t - last_update < ServerConfig.conf.conversation_writing_event_interval)
+				return;
+
+			last_update = t;
+			ws("conversations/writing", {convID: convID});
+		});
+	},
+
 }
 
 ComunicWeb.components.conversations.utils = ConversationsUtils;
diff --git a/assets/js/pages/conversations/conversation.js b/assets/js/pages/conversations/conversation.js
index 9f840dc4..e54e7c0d 100644
--- a/assets/js/pages/conversations/conversation.js
+++ b/assets/js/pages/conversations/conversation.js
@@ -465,6 +465,9 @@ const ConversationPageConvPart = {
 		inputText.maxLength = ServerConfig.conf.max_conversation_message_len;
 		inputText.focus();
 
+		// Notify other users when this user is writing a message
+		ConversationsUtils.listenToInputChangeEvents(inputText, this._conv_info.id)
+
 
 		//Enable textarea 2.0 on the message
 		var textarea2 = new ComunicWeb.components.textarea();
diff --git a/assets/js/typings/ServerConfig.d.ts b/assets/js/typings/ServerConfig.d.ts
index 4a17e251..78dee31f 100644
--- a/assets/js/typings/ServerConfig.d.ts
+++ b/assets/js/typings/ServerConfig.d.ts
@@ -36,4 +36,6 @@ declare interface StaticServerConfig {
     max_conversation_message_len: number,
     allowed_conversation_files_type: String[],
     conversation_files_max_size: number,
+    conversation_writing_event_interval: number,
+    conversation_writing_event_lifetime: number,
 }
\ No newline at end of file