Display when the user is a moderator, a administrator or a member of a group.

assets/js/pages/groups/sections/header.js

@@ -72,6 +72,10 @@ ComunicWeb.pages.groups.sections.header = {
             innerHTML: '<i class="fa fa-group"></i> '+ info.number_members+' members'
         });
 
+        //Display membership level
+        if(signed_in())
+            ComunicWeb.pages.groups.sections.membershipBlock.display(info, secondColumn);
+
         //If the user is an admin, add a link to configure the page
         if(signed_in() && info.membership == "administrator"){
 

assets/js/pages/groups/sections/membershipBlock.js

@@ -0,0 +1,47 @@
+/**
+ * Membership information block
+ * 
+ * @author Pierre HUBERT
+ */
+
+ComunicWeb.pages.groups.sections.membershipBlock = {
+
+    /**
+     * Display membership block
+     * 
+     * @param {Object} info Information about the membership
+     * @param {HTMLElement} target The target where the block will be applied
+     */
+    display: function(info, target){
+        
+        //Membership container
+        var container = createElem2({
+            appendTo: target, 
+            type: "div"
+        });
+
+        //Check if the user is an administrator / moderator / member
+        if(info.membership == "administrator")
+            return createElem2({
+                appendTo: container,
+                type: "span",
+                innerHTML: "<i class='fa fa-check'></i> Administrator"
+            });
+        
+        if(info.membership == "moderator")
+            return createElem2({
+                appendTo: container,
+                type: "span",
+                innerHTML: "<i class='fa fa-check'></i> Moderator"
+            });
+        
+        if(info.membership == "member")
+            return createElem2({
+                appendTo: container,
+                type: "span",
+                innerHTML: "<i class='fa fa-check'></i> Member"
+            });
+
+    }
+
+};