From b48b6db02806388d004fabc1089f8dfcee327421 Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Mon, 14 Jan 2019 21:01:44 +0100
Subject: [PATCH] Display all comments

---
 .../Export.html                               | 24 +++++++++-
 .../assets/css/main.css                       |  9 ++++
 .../assets/js/categories/comments.js          | 46 +++++++++++++++++++
 .../assets/js/main.js                         |  1 +
 4 files changed, 79 insertions(+), 1 deletion(-)
 create mode 100644 assets/zip/personnal-data-export-navigator/assets/js/categories/comments.js

diff --git a/assets/zip/personnal-data-export-navigator/Export.html b/assets/zip/personnal-data-export-navigator/Export.html
index 0780ec00..30921815 100644
--- a/assets/zip/personnal-data-export-navigator/Export.html
+++ b/assets/zip/personnal-data-export-navigator/Export.html
@@ -88,8 +88,29 @@
 			</div>
 		</div>
 
+		<!-- Full comments list -->
 		<div id="comments" class="category container">
-			Loading comments
+			
+			<h1>All your comments</h1>
+
+			<table id="all-comments-table">
+
+				<thead>
+					<tr>
+						<th>Number</th>
+						<th>Post ID</th>
+						<th>Date</th>
+						<th>Content</th>
+						<th>Image</th>
+					</tr>
+				</thead>
+
+
+				<tbody>
+					<!-- Comments will go here -->
+				</tbody>
+
+			</table>
 		</div>
 		
 		<div id="likes" class="category container">
@@ -121,6 +142,7 @@
 	<script src="assets/js/categories/userInfo.js"></script>
 	<script src="assets/js/categories/friends.js"></script>
 	<script src="assets/js/categories/posts.js"></script>
+	<script src="assets/js/categories/comments.js"></script>
 	<script src="assets/js/main.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/assets/zip/personnal-data-export-navigator/assets/css/main.css b/assets/zip/personnal-data-export-navigator/assets/css/main.css
index 0195ca32..7d543387 100644
--- a/assets/zip/personnal-data-export-navigator/assets/css/main.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/assets/zip/personnal-data-export-navigator/assets/js/categories/comments.js b/assets/zip/personnal-data-export-navigator/assets/js/categories/comments.js
new file mode 100644
index 00000000..da62c90d
--- /dev/null
+++ b/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);
+
+        }
+
+    });
+
+}
\ No newline at end of file
diff --git a/assets/zip/personnal-data-export-navigator/assets/js/main.js b/assets/zip/personnal-data-export-navigator/assets/js/main.js
index 32c5fa31..c6f5611c 100644
--- a/assets/zip/personnal-data-export-navigator/assets/js/main.js
+++ b/assets/zip/personnal-data-export-navigator/assets/js/main.js
@@ -76,6 +76,7 @@ xhr.onload = function(){
 	ApplyUserInfo();
 	ApplyFriendsList();
 	ApplyPosts();
+	ApplyCommentsList();
 }
 
 xhr.send(null);
\ No newline at end of file