Display all comments

assets/zip/personnal-data-export-navigator/assets/css/main.css

@@ -90,4 +90,13 @@ h1 {
 
 .post .post-end-countdown {
 	text-align: center;
+}
+
+
+/**
+ * Comments rules
+ */
+#all-comments-table .comment-img {
+	width: 100%;
+	max-width: 350px;
 }

assets/zip/personnal-data-export-navigator/assets/js/categories/comments.js

@@ -0,0 +1,46 @@
+/**
+ * Comments category
+ * 
+ * @author Pierre HUBERT
+ */
+
+/**
+ * Apply full comments list
+ */
+function ApplyCommentsList() {
+
+    let target = document.querySelector("#all-comments-table tbody");
+
+    data.comments.forEach(comment => {
+
+        let commentEl = createElem2({
+            appendTo: target,
+            type: "tr",
+            innerHTML: 
+                "<td>"+comment.ID+"</td>" +
+                "<td>"+comment.postID+"</td>" +
+                "<td>"+timeToStr(comment.time_sent)+"</td>" +
+                "<td>"+comment.content+"</td>"
+        });
+
+
+        if(comment.img_path != null){
+            
+            let imageContainer = createElem2({
+                appendTo: commentEl,
+                type: "td"
+            });
+
+            let imageElem = createElem2({
+                appendTo: imageContainer,
+                type: "img",
+                class: "comment-img"
+            });
+
+            applyURLToImage(imageElem, comment.img_url);
+
+        }
+
+    });
+
+}

assets/zip/personnal-data-export-navigator/assets/js/main.js

@@ -76,6 +76,7 @@ xhr.onload = function(){
 	ApplyUserInfo();
 	ApplyFriendsList();
 	ApplyPosts();
+	ApplyCommentsList();
 }
 
 xhr.send(null);