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')
  template
    p.create.segment.margin-left-small
      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-circle')
  template
    solid-link.segment.lg-full(data-src="${value}" next="circle")
      solid-display(
        data-src='${value}'
        fields='status, name, jabberID, badge'
        class-status='sub-menu-icon'
        class-name='sub-menu-name ellipsis'
        class-badge='sub-menu-badge'
        value-badge='${value}'
        widget-status='hubl-menu-publicprivate'
        widget-badge='hubl-counter'
        widget-jabberID='hubl-menu-jabberid'
        widget-name='solid-display-div'
        order-by="name"
      )

solid-widget(name='hubl-menu-fix-url-project')
  template
    solid-link.segment.lg-full(data-src="${value}" next="project")
      solid-display(
        data-src='${value}'
        fields='status, project(customer.name, name, jabberID), badge'
        class-project='sub-menu-name'
        class-status='sub-menu-icon'
        class-name='project-name'
        class-customer.name='project-customer'
        class-badge='badge'
        value-badge='${value}'
        widget-status='hubl-menu-publicprivate'
        widget-jabberID='hubl-menu-jabberid'
        widget-badge='hubl-counter'
        widget-name='solid-display-div'
        order-by="customer.name"
      )


solid-router#navbar-router(default-route='dashboard')
  if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
    solid-route.menu.segment.lg-auto.padding.text-bold(name='dashboard')
      div.menu-icon.icon-home.segment.lg-auto.margin-right-xsmall.float-left
      div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.dashboard")
    div.divider
  if publicDirectory && (endpoints.users || (endpoints.get && endpoints.get.users))
    solid-route.menu.segment.lg-auto.padding.text-bold(name='members')
      div.menu-icon.icon-people.segment.lg-auto.margin-right-xsmall.float-left
      div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.profileDirectory")
    div.divider
  if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
    solid-route.menu.segment.lg-auto.padding.text-bold(name='job-offers', rdf-type='hd:joboffer')
      div.menu-icon.icon-briefcase.segment.lg-auto.margin-right-xsmall.float-left
      div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.jobBoard")
    div.divider
  if endpoints.resources || (endpoints.get && endpoints.get.resources)
    solid-route.menu.segment.lg-auto.padding.text-bold(name='resources')
      div.menu-icon.icon-docs.segment.lg-auto.margin-right-xsmall.float-left
      div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.resources")
    div.divider
  if endpoints.polls || (endpoints.get && endpoints.get.polls)
    solid-route.menu.segment.lg-auto.padding.text-bold(name='polls')
      div.menu-icon.icon-bubbles.segment.lg-auto.margin-right-xsmall.float-left
      div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.gov")
    div.divider
  if endpoints.events || (endpoints.get && endpoints.get.events)
    solid-route.menu.segment.lg-auto.padding.text-bold(name='events')
      div.menu-icon.icon-calendar.segment.lg-auto.margin-right-xsmall.float-left
      div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.events")
    div.divider
  if endpoints.projects || (endpoints.get && endpoints.get.projects)
    div.menu-wrapper
      solid-link.segment.lg-full
        //- (next='admin-project-list')
        div.menu.segment.lg-auto.padding.text-bold
          div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-xsmall.float-left
          div.menu-label.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.projects")
          div.menu-chevron.segment.lg-auto.float-left
            div.menu-icon.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.project-tab.segment.lg-full(
          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-by="project.customer.name"
        )
    div.divider
  if endpoints.circles || (endpoints.get && endpoints.get.circles)
    div.menu-wrapper
      solid-link.segment.lg-full
        //- (next='admin-circle-list')
        div.menu.segment.lg-auto.padding.text-bold
          div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-xsmall.float-left
          div.menu-label.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.circles")
          div.menu-chevron.segment.lg-auto.float-left
            div.menu-icon.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.circle-tab.segment.lg-full(
          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-by="circle.name"
        )
    div.divider
  if endpoints.users || (endpoints.get && endpoints.get.users)
    div.menu-wrapper
      div.menu.segment.lg-auto.padding.text-bold
        div.menu-icon.icon-envelope-letter.segment.lg-auto.margin-right-xsmall.float-left
        div.menu-label.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.messages")
        div.menu-chevron.segment.lg-auto.float-left
          div.menu-icon.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
        solid-display.nosub.message-tab.segment.lg-full(
          data-src=`${endpoints.users || (endpoints.get && endpoints.get.users)}`
          fields='name, chatProfile.jabberID, badge'
          class-name='sub-menu-name'
          class-badge='sub-menu-badge'
          loader-id='loader-messages'
          search-fields="name"
          search-label-name=""
          search-class-name="search-field"
          data-trans="search-label-name=menuLeft.search"
          search-widget-name="hubl-search-users"
          widget-name='solid-display-div'
          widget-badge='hubl-counter'
          widget-chatProfile.jabberID='hubl-menu-jabberid'
          action-badge='badge'
          order-by='username'
          next='messages'
          paginate-by='10'
        )

  solid-route(name='admin', hidden)
  solid-route.menu(name='profile', hidden)
  solid-route(name='about', hidden)