ui(right panel): #issue84 CSS - Right panel

Transform svg files + add them as font. Review and correct HTML architecture. Review and add styles. Open/close menu on right + expand content.
2019-01-25 15:47:14 +01:00
parent ed50a26380
commit 5bf9568e2f
21 changed files with 530 additions and 739 deletions
--- a/src/menu-left.pug
+++ b/src/menu-left.pug
@ -0,0 +1,68 @@
+nav#navbar
+  sib-router#navbar-router(default-route='members')
+    sib-route.menu(name='members')
+      div.menu-notification
+        sib-display(
+        data-fields,
+        data-src=`${sdn}/members/`,
+        counter-template='${counter}'
+        )
+      div.menu-label Members
+      div.menu-icon.icon-people
+    sib-route.menu(hidden, name='member', id-prefix=`${sdn}/members/`)
+    div.divider
+    sib-route.menu(name='job-offers')
+      div.menu-notification
+        sib-display(
+        data-fields,
+        data-src=`${sdn}/job-offers/`,
+        counter-template='${counter}'
+        )
+      div.menu-label Job offers
+      div.menu-icon.icon-briefcase
+    sib-route(hidden, name='job-offer-create')
+    div.divider
+    div.menu-wrapper
+      div.menu
+        div.menu-chevron
+          div.menu-icon.icon-arrow-up
+        div.menu-label Projects
+        div.menu-icon.icon-folder-alt
+      sib-route(hidden,name='project', id-prefix=`${sdn}/projects/`)
+      div.sub-menu
+        sib-display(
+          data-src=`${sdn}/projects/`,
+          data-fields='project',
+          set-project='customer.name, dash, name',
+          value-dash='-',
+          next='project'
+        )
+    div.divider
+    div.menu-wrapper
+      div.menu
+        div.menu-chevron
+          div.menu-icon.icon-arrow-up
+        div.menu-label Cercles
+        div.menu-icon.icon-globe
+      sib-route(hidden, name='circle', id-prefix=`${sdn}/circles/`)
+      div.sub-menu
+        sib-display(
+          data-src=`${sdn}/circles/`,
+          data-fields='name',
+          next='circle'
+        )
+    div.divider
+    div.menu-wrapper
+      div.menu
+        div.menu-chevron
+          div.menu-icon.icon-arrow-up
+        div.menu-label Chat
+        div.menu-icon.icon-envelope-letter
+      sib-route(hidden, name='member-chat', id-prefix=`${sdn}/members/`)
+      div.sub-menu
+        sib-display(
+          data-src=`${sdn}/members/`,
+          data-fields='user.username',
+          next='member-chat'
+        )
+    div.divider