Display images associated with comments.

assets/css/components/comments/ui.css

@@ -7,3 +7,13 @@
 .post-comments {
 	padding: 10px;
 }
+
+.post-comments .comment-img-contener {
+	text-align: center;
+}
+
+.post-comments img.comment-img {
+	width: 100px !important;
+	height: auto !important;
+	float: none;
+}

assets/js/components/comments/ui.js

@@ -118,6 +118,35 @@ ComunicWeb.components.comments.ui = {
 		});
 
 		//Add comment image (if any)
+		if(infos.img_url != null){
+			
+			var commentImageContener = createElem2({
+				appendTo: commentText,
+				type: "div",
+				class: "comment-img-contener"
+			});
+
+			var commentImageLink = createElem2({
+				appendTo: commentImageContener,
+				type: "a",
+				href: infos.img_url
+			});
+
+			createElem2({
+				appendTo: commentImageLink,
+				type: "img",
+				class: "comment-img",
+				src: infos.img_url
+			});
+
+			commentImageLink.onclick = function(){
+				$(this).ekkoLightbox({
+					alwaysShowClose: true,
+				});
+				return false;
+			}
+
+		}
 	},
 
 }