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