feature: status icon on left menu

src/components/hubl-status.js

@@ -1,4 +1,5 @@
 import { widgetFactory } from 'https://unpkg.com/@startinblox/core@0.9/dist/widgets/widget-factory.js';
+import { importCSS } from 'https://unpkg.com/@startinblox/core@0.9/dist/libs/helpers.js';
 import SlimSelect from 'https://dev.jspm.io/slim-select@1.23';
 
 const HublStatus = widgetFactory(

src/menu-left.pug

@@ -8,6 +8,10 @@ sib-widget(name='hubl-menu-jabberid')
       data-jabberID="${value}"
     )
 
+sib-widget(name='hubl-menu-publicprivate')
+  template
+    div ${value == 'Public' ? '#' : ''}
+
 sib-widget(name='hubl-create')
   template
     p.create Tu ne fais partie d'aucun ${value}.
@@ -19,8 +23,9 @@ sib-widget(name='hubl-menu-fix-url-circle')
   template
     sib-display(
       data-src='${value}'
-      fields='name, jabberID, badge'
+      fields='status, name, jabberID, badge'
       value-badge='${value}'
+      widget-status='hubl-menu-publicprivate'
       widget-badge='hubl-counter'
       widget-jabberID='hubl-menu-jabberid'
       widget-name='sib-display-div'
@@ -30,10 +35,11 @@ sib-widget(name='hubl-menu-fix-url-project')
   template
     sib-display(
       data-src='${value}'
-      fields='project(customer.name, name, jabberID), badge'
+      fields='status, project(customer.name, name, jabberID), badge'
       class-name='project-name'
       class-customer.name='project-customer'
       value-badge='${value}'
+      widget-status='hubl-menu-publicprivate'
       widget-jabberID='hubl-menu-jabberid'
       widget-badge='hubl-counter'
       widget-name='sib-display-div'

src/styles/base/menu-left.scss

@@ -154,6 +154,17 @@
         }
       }
 
+      hubl-menu-publicprivate {
+        display: inline-block;
+        text-align: center;
+        div {
+          font-family: simple-line-icons;
+          width: 20px;
+          font-size: 0.8em;
+          padding-top: 0.1em;
+        }
+      }
+
       >sib-display.nosub>div>sib-display>div {
         padding: 1rem 1rem 1rem 3rem;
       }

src/styles/base/table.scss

@@ -28,7 +28,6 @@
 
       >* {
         border-right: 1px solid var(--color-table-border);
-        flex: 1;
         padding: 2.1rem 0;
         text-align: center;
       }