diff --git a/assets/css/pages/groups/sections/header.css b/assets/css/pages/groups/sections/header.css
index edf68d9a..6f172a0a 100644
--- a/assets/css/pages/groups/sections/header.css
+++ b/assets/css/pages/groups/sections/header.css
@@ -14,4 +14,9 @@
.group-header .group-name {
font-size: 200%;
+}
+
+.group-header .col-info .fa {
+ margin-right: 10px;
+ width: 10px;
}
\ No newline at end of file
diff --git a/assets/js/pages/groups/sections/header.js b/assets/js/pages/groups/sections/header.js
index 4c0bad05..255ff358 100644
--- a/assets/js/pages/groups/sections/header.js
+++ b/assets/js/pages/groups/sections/header.js
@@ -50,6 +50,27 @@ ComunicWeb.pages.groups.sections.header = {
class: "group-name",
innerHTML: info.name
});
+
+ //Second column : information about the company
+ var secondColumn = createElem2({
+ appendTo: row,
+ type: "div",
+ class: "col-lg-4 col-info"
+ });
+
+ //Add join date
+ var joinDate = createElem2({
+ appendTo: secondColumn,
+ type: "div",
+ innerHTML: ' Joined '+ComunicWeb.common.date.timeDiffToStr(info.time_create)+' ago'
+ });
+
+ //Add number of members
+ var joinDate = createElem2({
+ appendTo: secondColumn,
+ type: "div",
+ innerHTML: ' '+ info.number_members+' members'
+ });
},
};
\ No newline at end of file