From f938fd7850034513c55850e3fc65a4ea96d405fa Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Mon, 8 Mar 2021 17:35:59 +0100
Subject: [PATCH] Add the list of groups of the user

---
 .../Export.html                               | 26 ++++++++++
 .../assets/css/main.css                       |  3 ++
 .../assets/js/categories/groups.js            | 49 +++++++++++++++++++
 .../assets/js/main.js                         |  1 +
 4 files changed, 79 insertions(+)
 create mode 100644 assets/zip/personnal-data-export-navigator/assets/js/categories/groups.js

diff --git a/assets/zip/personnal-data-export-navigator/Export.html b/assets/zip/personnal-data-export-navigator/Export.html
index e407a539..1be6d0a6 100644
--- a/assets/zip/personnal-data-export-navigator/Export.html
+++ b/assets/zip/personnal-data-export-navigator/Export.html
@@ -34,6 +34,7 @@
 			<li class="bold"><a href="#survey-responses" class="waves-effect waves-teal">Responses to surveys</a></li>
 			<li class="bold"><a href="#all-conversations-message" class="waves-effect waves-teal">Conversations Messages (ALL)</a></li>
 			<li class="bold"><a href="#conversations" class="waves-effect waves-teal">Conversations</a></li>
+			<li class="bold"><a href="#groups" class="waves-effect waves-teal">Groups</a></li>
 		</ul>
 
 	</header>
@@ -202,6 +203,30 @@
 
 		</div>
 
+		<!-- Groups memberships -->
+		<div id="groups" class="category container">
+			
+			<h1>Your groups membership</h1>
+
+			<table id="groups-list-table">
+				<thead>
+					<th>#</th>
+					<th>Icon</th>
+					<th>Name</th>
+					<th>Members count</th>
+					<th>Visibility</th>
+					<th>Registration level</th>
+					<th>Posts creation level</th>
+					<th>Virtual directory</th>
+					<th>Membership</th>
+					<th>Following</th>
+				</thead>
+				<tbody>
+				</tbody>
+			</table>
+
+		</div>
+
 	</main>
 
 
@@ -216,6 +241,7 @@
 	<script	src="assets/js/categories/survey.js"></script>
 	<script src="assets/js/categories/allConversationMessages.js"></script>
 	<script src="assets/js/categories/conversations.js"></script>
+	<script src="assets/js/categories/groups.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 f0643a4a..04bd4af1 100644
--- a/assets/zip/personnal-data-export-navigator/assets/css/main.css
+++ b/assets/zip/personnal-data-export-navigator/assets/css/main.css
@@ -31,6 +31,9 @@ h1 {
 	margin-right: 5px;
 }
 
+.group-logo {
+	width: 50px;
+}
 
 
 /**
diff --git a/assets/zip/personnal-data-export-navigator/assets/js/categories/groups.js b/assets/zip/personnal-data-export-navigator/assets/js/categories/groups.js
new file mode 100644
index 00000000..b92556ca
--- /dev/null
+++ b/assets/zip/personnal-data-export-navigator/assets/js/categories/groups.js
@@ -0,0 +1,49 @@
+/**
+ * Groups membership
+ * 
+ * @author Pierre Hubert
+ */
+
+/**
+ * Apply the list of groups
+ */
+function ApplyGroups() {
+    const target = byId("groups-list-table")
+
+    data.groups.forEach(group => {
+
+		let groupTR = createElem2({
+			appendTo: target,
+			type: "tr"
+		});
+
+        const addCell = (content) => createElem2({
+            appendTo: groupTR,
+            type: "td",
+            innerHTML: content,
+        })
+
+        addCell(group.id)
+
+		let groupLogoCell = createElem2({
+			appendTo: groupTR,
+			type: "td"
+		});
+
+		let groupLogo = createElem2({
+			appendTo: groupLogoCell,
+			type: "img",
+            class: "group-logo",
+            src: getFilePathFromURL(group.icon_url)
+		});
+
+        addCell(group.name)
+		addCell(group.number_members)
+        addCell(group.visibility)
+        addCell(group.registration_level)
+        addCell(group.posts_level)
+        addCell(group.virtual_directory)
+        addCell(group.membership)
+        addCell(group.following ? "Yes" : "No")
+	});
+}
\ 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 94c8cc77..7ea49f02 100644
--- a/assets/zip/personnal-data-export-navigator/assets/js/main.js
+++ b/assets/zip/personnal-data-export-navigator/assets/js/main.js
@@ -81,6 +81,7 @@ xhr.onload = function(){
 	ApplySurveyResponses();
 	ApplyAllConversationMessages();
 	ApplyConversations();
+	ApplyGroups();
 }
 
 xhr.send(null);
\ No newline at end of file