From 48e7109db417a5b10eab39aafc950a84c1250ee5 Mon Sep 17 00:00:00 2001
From: Pierre <pierre@hubert.fr>
Date: Thu, 22 Jun 2017 11:16:53 +0200
Subject: [PATCH] Conversation messages are sent over the network

---
 .../components/conversations/chatWindows.js   | 87 ++++++++++++++++++-
 .../js/components/conversations/interface.js  | 28 ++++++
 assets/js/components/textarea.js              |  7 ++
 3 files changed, 120 insertions(+), 2 deletions(-)

diff --git a/assets/js/components/conversations/chatWindows.js b/assets/js/components/conversations/chatWindows.js
index dc9364da..0885681e 100644
--- a/assets/js/components/conversations/chatWindows.js
+++ b/assets/js/components/conversations/chatWindows.js
@@ -564,11 +564,94 @@ ComunicWeb.components.conversations.chatWindows = {
 		
 		//Log action
 		ComunicWeb.debug.logMessage("Send a new message in a conversation system.");
-		console.log(convInfos);
+		
+		//Extract main fields
+		var form = convInfos.box.sendMessageForm;
 
 		//Check if message is empty
-		if(!checkString(convInfos.box.sendMessageForm.inputText.value))
+		if(!checkString(form.inputText.value) && !form.inputImage.files[0]){
 			ComunicWeb.common.notificationSystem.showNotification("Please type a valid message before trying to send it !", "danger", 2);
+			return false;
+		}
+		
+		//Lock send button
+		form.sendButton.value = "Sending";
+		form.sendButton.disabled = true;
+
+		//Prepare what to do next
+		var onceSent = function(result){
+
+			//Check for errors
+			if(result.error){
+				ComunicWeb.common.notificationSystem.showNotification("An error occured while trying to send message! Please try again...", "danger", 2);
+
+				//Unlock send button
+				form.sendButton.value = "Send";
+				form.sendButton.disabled = false;
+
+				return false;
+			}
+
+			//Reset the form
+			ComunicWeb.components.conversations.chatWindows.resetCreateMessageForm(convInfos);
+		}
+
+		//Check if an image is included with the message or not
+		if(form.inputImage.files[0]){
+			//Include the image with the request (export the image as URL)
+			var reader = new FileReader();
+			reader.readAsDataURL(form.inputImage.files[0]);
+			var sendImage = reader.result;
+
+			//The function will resume once the image is fully converted
+			reader.addEventListener("load", function() {
+
+				//Send the message throught the interface
+				ComunicWeb.components.conversations.interface.sendMessage({
+					conversationID: convInfos.infos.ID,
+					message: form.inputText.value,
+					image: reader.result,
+					callback: onceSent
+				});
+
+			}, false);
+
+		}
+		else {
+			//Send the message throught the interface
+			ComunicWeb.components.conversations.interface.sendMessage({
+				conversationID: convInfos.infos.ID,
+				message: form.inputText.value,
+				callback: onceSent
+			});
+		}
+			
+		
+		//Success
+		return true;
+	},
+
+	/**
+	 * Reset a create a message form
+	 * 
+	 * @param {Object} infos Informations about the conversation
+	 * @return {Boolean} True for a success
+	 */
+	resetCreateMessageForm: function(infos){
+
+		//Extract form informations
+		var form = infos.box.sendMessageForm;
+
+		//Unlock send button and reset its value
+		form.sendButton.value = "Send";
+		form.sendButton.disabled = false;
+
+		//Empty textarea
+		form.inputText.value = "";
+		form.textarea2.resetHeight();
+
+		//Remove image from image input
+		form.inputImage.value = "";
 
 		//Success
 		return true;
diff --git a/assets/js/components/conversations/interface.js b/assets/js/components/conversations/interface.js
index 8140826d..5eaf5986 100644
--- a/assets/js/components/conversations/interface.js
+++ b/assets/js/components/conversations/interface.js
@@ -236,6 +236,34 @@ ComunicWeb.components.conversations.interface = {
 		return true;
 	},
 
+	/**
+	 * Send a new message
+	 * 
+	 * @param {Object} infos Informations about the message to send
+	 * @info {Integer} conversationID The ID of the conversation
+	 * @info {String} message The message to send
+	 * @info {String} image Optionnal, base64-encoded image
+	 * @info {function} callback What to do once the image was successfully sent
+	 * @return {Boolean} true for a success
+	 */
+	sendMessage: function(infos){
+
+		//Perform an API request
+		var apiURI = "/conversations/sendMessage";
+		var params = {
+			message: infos.message,
+			conversationID: infos.conversationID,
+		}
+
+		//Add an image (if any specified)
+		if(infos.image)
+			params.image = infos.image;
+		
+		//Perform an API request
+		ComunicWeb.common.api.makeAPIrequest(apiURI, params, true, infos.callback);
+
+	},
+
 	/**
 	 * Empty conversations cache
 	 * 
diff --git a/assets/js/components/textarea.js b/assets/js/components/textarea.js
index ae112db7..e1bec007 100644
--- a/assets/js/components/textarea.js
+++ b/assets/js/components/textarea.js
@@ -55,5 +55,12 @@ textArea2.prototype.getValue = function(){
 	return this.element.innerText;
 };
 
+/**
+ * Reset textarea height to its minimal height
+ */
+textArea2.prototype.resetHeight = function(){
+	this.element.style.height = this.element.style.minHeight;
+}
+
 //Save the function in the system
 ComunicWeb.components.textarea = textArea2;