From bf00a52430607dceb81a8a128765c6387eb70bb1 Mon Sep 17 00:00:00 2001
From: Pierre <pierre@hubert.fr>
Date: Mon, 14 May 2018 20:29:44 +0200
Subject: [PATCH] Work progress on conversation page

---
 .../css/pages/conversations/conversation.css  |  7 +++
 assets/js/pages/conversations/conversation.js | 53 +++++++++++++++++--
 2 files changed, 56 insertions(+), 4 deletions(-)

diff --git a/assets/css/pages/conversations/conversation.css b/assets/css/pages/conversations/conversation.css
index 40cceb2b..871a5de0 100644
--- a/assets/css/pages/conversations/conversation.css
+++ b/assets/css/pages/conversations/conversation.css
@@ -12,4 +12,11 @@
 .big-box-conversation .right .direct-chat-text {
 	float: right;
 	margin-right: 10px;
+}
+
+.big-box-conversation .direct-chat-text .message-img {
+	max-width: 100%;
+	max-height: 200px;
+	display: block;
+	margin: auto;
 }
\ No newline at end of file
diff --git a/assets/js/pages/conversations/conversation.js b/assets/js/pages/conversations/conversation.js
index 62025d13..cf4aa995 100644
--- a/assets/js/pages/conversations/conversation.js
+++ b/assets/js/pages/conversations/conversation.js
@@ -177,13 +177,16 @@ ComunicWeb.pages.conversations.conversation = {
 			if(response.error)
 				return notify("Could not get the latest messages of the conversation!", "danger");
 
+			//Check if there are responses to process
+			if(response.length == 0)
+				return; //Do not process messages list (avoid unwanted scrolling)
+
 			//Process the list of messages
 			response.forEach(function(message){
 				ComunicWeb.pages.conversations.conversation.addMessage(message);
 			});
-
+			
 		});
-
 	},
 
 	/**
@@ -268,12 +271,54 @@ ComunicWeb.pages.conversations.conversation = {
 			innerHTML: info.message
 		});
 
+		//Parse message content
+		ComunicWeb.components.textParser.parse({
+			element: messageContent
+		});
+
+		//Message image (if any)
+		if(info.image_path != null){
+
+			//Image link
+			var imageLink = createElem2({
+				appendTo: messageContentContainer,
+				type: "a",
+				href: info.image_path
+			});
+
+			//Apply image
+			createElem2({
+				appendTo: imageLink,
+				type: "img",
+				class: "message-img",
+				src: info.image_path
+			});
+
+			imageLink.onclick = function(){
+				$(this).ekkoLightbox({
+					alwaysShowClose: true,
+				});
+				return false;
+			};
+		}
+
 		//Apply user information (if available)
 		if(this._conv_info.users["user-" + info.ID_user]){
 			accountImage.src = this._conv_info.users["user-" + info.ID_user].accountImage;
-			nameContainer = userFullName(this._conv_info.users["user-" + info.ID_user]);
+			nameContainer.innerHTML = userFullName(this._conv_info.users["user-" + info.ID_user]);
 		}
-		
+
+		//Set a timeout to make slimscroll properly work
+		setTimeout(function(){
+
+			//Enable / update slimscroll
+			var target = ComunicWeb.pages.conversations.conversation._conv_info.window.messagesTarget;
+			var scrollBottom = $(target).prop("scrollHeight")+"px";
+			$(target).slimScroll({
+				scrollTo: scrollBottom
+			});
+
+		}, 100);
 	},
 
 	/**