solid-widget(name='hubl-counter')
  template
    solid-badge(data-src="${value == 'badge' ? src : value}")

solid-widget(name='hubl-menu-jabberid')
  template
    div.hidden(
      data-jabberID="${value}"
    )

solid-widget(name='hubl-menu-publicprivate')
  template
    div ${value == 'Public' ? '#' : ''}

solid-widget(name='hubl-create-contact')
  template
    p.create.text-color-white
      span(data-trans="menuLeft.contact.create")
      span  
      solid-link(next="members" data-trans="menuLeft.contact.profileDir")
      span  
      span(data-trans="menuLeft.contact.create2")

solid-widget(name='hubl-create')
  template
    p.create.text-color-white
      span(data-trans="menuLeft.emptyCircleProject.notPartOf")
      span  ${value}.
      br
      span(data-trans="menuLeft.emptyCircleProject.createNew")
      span  
      solid-link.segment.lg-full(next="${value == 'projet' ? 'admin-projects' : 'admin-circles'}", data-trans="menuLeft.emptyCircleProject.adminPanel")

solid-widget(name='hubl-menu-fix-url-contact')
  template
    solid-link(data-src="${value}" next="messages")
      solid-display(
        data-src='${value}'
        fields='name, chatProfile.jabberID, badge'
        value-badge='${value}'
        widget-badge='hubl-counter'
        widget-chatProfile.jabberID='hubl-menu-jabberid'
        widget-name='solid-display-div'
        order-asc='username'
      )

solid-widget(name='hubl-menu-fix-url-circle')
  template
    solid-link.segment.lg-full(data-src="${value}" next="circle")
      solid-display.segment.lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
        data-src='${value}'
        fields='segment(status, circle(name, jabberID), badge)'
        class-segment="segment lg-full padding-top-xxsmall padding-right-small padding-left-medium"

        class-status='segment text-top sub-menu-icon'

        class-circle='segment lg-three-quarter sub-menu-name'

        class-name='segment ellipsis-content'

        class-badge='segment badge'

        value-badge='${value}'
        widget-status='hubl-menu-publicprivate'
        widget-badge='hubl-counter'
        widget-jabberID='hubl-menu-jabberid'
        widget-name='solid-display-div'
        order-asc="name"
      )

solid-widget(name='hubl-menu-fix-url-project')
  template
    solid-link.segment.lg-full(data-src="${value}" next="project")
      solid-display.segment.lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
        data-src='${value}'
        fields='segment(status, project(customer.name, name, jabberID), badge)'
        class-segment="segment lg-full padding-top-xxsmall padding-right-small padding-left-medium"

        class-status='segment text-top sub-menu-icon'

        class-project='segment lg-three-quarter sub-menu-name'

        class-customer.name='segment ellipsis-content'
        class-name='segment ellipsis-content'

        class-badge='segment badge text-top'

        value-badge='${value}'
        widget-status='hubl-menu-publicprivate'
        widget-jabberID='hubl-menu-jabberid'
        widget-badge='hubl-counter'
        widget-name='solid-display-div'
        order-asc="customer.name"
      )


solid-router#navbar-router(default-route='dashboard')
  //-  if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
  //-    solid-route.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='dashboard')
  //-      div.segment.margin-right-xxsmall
  //-        div.icon.icon-small.icon-home
  //-      div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.dashboard")
  //-    div.divider
  //-  if publicDirectory && (endpoints.users || (endpoints.get && endpoints.get.users))
  //-    solid-route.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='members')
  //-      div.segment.margin-right-xxsmall
  //-        div.segment.icon.icon-small.icon-people
  //-      div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.profileDirectory")
  //-    div.divider
  //-  if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
  //-    solid-route.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='job-offers', rdf-type='hd:joboffer')
  //-      div.segment.margin-right-xxsmall
  //-        div.segment.icon.icon-small.icon-briefcase
  //-      div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.jobBoard")
  //-    div.divider
  //-  if endpoints.resources || (endpoints.get && endpoints.get.resources)
  //-    solid-route.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='resources')
  //-      div.segment.margin-right-xxsmall
  //-        div.segment.icon.icon-small.icon-docs
  //-      div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.resources")
  //-    div.divider
  //-  if endpoints.polls || (endpoints.get && endpoints.get.polls)
  //-    solid-route.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='polls')
  //-      div.segment.margin-right-xxsmall
  //-        div.segment.icon.icon-small.icon-bubbles
  //-      div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.gov")
  //-    div.divider
  //-  if endpoints.events || (endpoints.get && endpoints.get.events)
  //-    solid-route.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='events')
  //-      div.segment.margin-right-xxsmall
  //-        div.segment.icon.icon-small.icon-calendar
  //-      div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.events")
  //-    div.divider
  //-  if endpoints.projects || (endpoints.get && endpoints.get.projects)
  //-    div.menu-wrapper
  //-      solid-link.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active
  //-        //- (next='admin-project-list')
  //-        div.segment.margin-right-xxsmall
  //-          div.segment.icon.icon-small.icon-folder-alt
  //-        div.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.projects")
  //-        div.menu-chevron.segment
  //-          div.icon-arrow-up
  //-          //- div.menu-icon.icon-arrow-right-circle
  //-      solid-route(name='project', rdf-type='hd:project', use-id='', hidden)
  //-      div.sub-menu.menu-notification
  //-        div#loader-projects.loader.loader-menu
  //-          div
  //-          div
  //-          div
  //-          div
  //-        solid-display.ellipsis(
  //-          bind-user
  //-          nested-field='projects'
  //-          fields='project'
  //-          loader-id='loader-projects'
  //-          empty-widget='hubl-create'
  //-          empty-value=''
  //-          data-trans="empty-value=menuLeft.emptyCircleProject.project"
  //-          widget-project='hubl-menu-fix-url-project'
  //-          order-asc="project.customer.name"
  //-        )
  //-    div.divider
  if endpoints.circles || (endpoints.get && endpoints.get.circles)
    div.menu-wrapper
      solid-link.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active
        //- (next='admin-circle-list')
        div.segment.margin-right-xxsmall
          div.segment.icon.icon-small.icon-folder-alt
        div.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.circles")
        div.menu-chevron.segment
          div.icon-arrow-up
          //- div.menu-icon.icon-arrow-right-circle
      solid-route(name='circle', rdf-type='hd:circle', use-id='', hidden)
      div.sub-menu.menu-notification
        div#loader-circles.loader.loader-menu
          div
          div
          div
          div
        solid-display.ellipsis(
          bind-user
          nested-field='circles'
          fields='circle'
          loader-id='loader-circles'
          empty-widget='hubl-create'
          empty-value=''
          data-trans="empty-value=menuLeft.emptyCircleProject.circle"
          widget-circle='hubl-menu-fix-url-circle'
          order-asc="circle.name"
        )
    div.divider
  //-  div.menu-wrapper
  //-    div.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active
  //-      div.segment.margin-right-xxsmall
  //-        div.segment.icon.icon-small.icon-envelope-letter
  //-      div.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.messages")
  //-      div.menu-chevron.segment
  //-        div.icon-arrow-up
  //-  solid-route(name='messages', rdf-type='foaf:user', use-id='', hidden)
  //-  div.sub-menu.menu-notification
  //-    div#loader-messages.loader.loader-menu
  //-      div
  //-      div
  //-      div
  //-      div
  //-      //- search-fields="contact.name"
  //-      //- search-label-contact.name=""
  //-      //- data-trans="search-label-contact.name=menuLeft.search"
  //-      //- search-widget-contact.name="hubl-search-users"
  //-    solid-display.message-tab.segment.lg-full(
  //-      bind-user
  //-      nested-field='contacts'
  //-      fields='contact'
  //-      loader-id='loader-messages'
  //-      empty-widget='hubl-create-contact'
  //-      empty-value=''
  //-      widget-contact='hubl-menu-fix-url-contact'
  //-      order-asc="contact.username"
  //-    )
  //-div.divider
//-
  //-solid-route(name='admin', hidden)
  //-solid-route.menu(name='profile', hidden)
  //-solid-route(name='about', hidden)