From bd7d3977d5cb62387cad03c53f3ef2116888572c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Thu, 26 Sep 2019 11:43:21 +0200
Subject: [PATCH] feature: left-menu display a message when no circle existing

---
 src/menu-left.pug              | 12 ++++++++++--
 src/styles/base/menu-left.scss |  5 +++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/menu-left.pug b/src/menu-left.pug
index b488a88..64198d6 100644
--- a/src/menu-left.pug
+++ b/src/menu-left.pug
@@ -1,6 +1,11 @@
 sib-widget(name='hd-counter')
   template
     sib-badge(data-src="${src}")
+
+sib-widget(name='hd-create')
+  template
+    p.create You are not part of any ${value} yet. To create a new one, you can go to the administration panel (coming soon).
+
 nav#main__menu
   sib-router#navbar-router(default-route='members')
     //- sib-route.menu(name='members')
@@ -24,12 +29,13 @@ nav#main__menu
     //-     sib-display(
     //-       data-src=`${endpoints.projects}`
     //-       fields='project(customer.name, dash, name), badge'
+    //-       empty-widget='hd-create'
+    //-       empty-value='project'
     //-       value-dash=' - '
     //-       widget-badge='hd-counter'
     //-       action-badge='badge'
-    //-       next='project'
     //-     )
-    //- div.divider
+    div.divider
     div.menu-wrapper
       div.menu
         div.menu-chevron
@@ -41,6 +47,8 @@ nav#main__menu
         sib-display(
           data-src=`${endpoints.circles}`
           fields='name, badge'
+          empty-widget='hd-create'
+          empty-value='circle'
           widget-name='sib-display-div',
           widget-badge='hd-counter'
           action-badge='badge'
diff --git a/src/styles/base/menu-left.scss b/src/styles/base/menu-left.scss
index d5c98cb..f96318e 100644
--- a/src/styles/base/menu-left.scss
+++ b/src/styles/base/menu-left.scss
@@ -92,6 +92,11 @@
     .sub-menu {
       
       sib-display>div {
+
+        .create {
+          color: $color-244-10-70;
+          margin: 1rem 1rem 2.2rem 3.2rem;
+        }
       
         &>sib-display {