From 30696174f2e8c1872678389a97def42d3fd07807 Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre@mail.local>
Date: Tue, 3 Jul 2018 13:06:55 +0200
Subject: [PATCH] Added basic group information

---
 assets/css/pages/groups/sections/header.css |  5 +++++
 assets/js/pages/groups/sections/header.js   | 21 +++++++++++++++++++++
 2 files changed, 26 insertions(+)

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: '<i class="fa fa-clock-o"></i> Joined '+ComunicWeb.common.date.timeDiffToStr(info.time_create)+' ago'
+        });
+
+        //Add number of members
+        var joinDate = createElem2({
+            appendTo: secondColumn,
+            type: "div",
+            innerHTML: '<i class="fa fa-group"></i> '+ info.number_members+' members'
+        });
     },
 
 };
\ No newline at end of file