Add the list of groups of the user

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

@@ -31,6 +31,9 @@ h1 {
 	margin-right: 5px;
 }
 
+.group-logo {
+	width: 50px;
+}
 
 
 /**

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")
+	});
+}

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

@@ -81,6 +81,7 @@ xhr.onload = function(){
 	ApplySurveyResponses();
 	ApplyAllConversationMessages();
 	ApplyConversations();
+	ApplyGroups();
 }
 
 xhr.send(null);