hubl/src/menu.pug

nav#navbar
  sib-router#navbar-router(default-route='members')
    sib-route.menu(name='members')
      div.menu-notification
        div 1
      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
        div 2
      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-down
        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='name',
          next='project'
        )
    div.divider
    div.menu-wrapper
      div.menu
        div.menu-chevron
          div.menu-icon.icon-arrow-down
        div.menu-label Groups
        div.menu-icon.icon-globe
      sib-route(hidden, name='group', id-prefix=`${sdn}/channels/`)
      div.sub-menu
        sib-display(
          data-src=`${sdn}/channels/`,
          data-fields='name',
          next='group'
        )
    div.divider
    div.menu-wrapper
      div.menu
        div.menu-chevron
          div.menu-icon.icon-arrow-down
        div.menu-label Chat
        div.menu-icon.icon-envelope-letter
      sib-route(hidden, name='chat', id-prefix=`${sdn}/members/`)
      div.sub-menu
        sib-display(
          data-src=`${sdn}/members/`,
          data-fields='pseudo',
          next='chat'
        )
    div.divider