hubl/src/views/page-project.pug

.scrollbar-content.views-container.sidebar-is-closed.bg-color-white
  solid-ac-checker(permission='acl:Read', bind-resources)
    div(
      id=`${component.route}-chat`
      hidden
      data-view=`${component.route}-chat`
      no-render
    )
      include partials/project/page-project-chat.pug
    div(
      id=`${component.route}-information`
      hidden
      data-view=`${component.route}-information`
      no-render
    )
      include partials/project/page-project-profile.pug
    div(
      id=`${component.route}-picture`
      hidden
      data-view=`${component.route}-picture`
      no-render
    )
      include partials/project/page-project-picture.pug
    if component.extensions
      for extension of component.extensions
        if extension.type == 'invoices' && extension.route
          div(
            id=`${extension.route}-invoices`
            hidden
            data-view=`${extension.route}-invoices`
            no-render
          )
            include partials/project/page-project-invoices.pug

nav.jsRightMenu.segment.sm-hidden.text-disable-selection.sidebar.whitespace-normal(role='navigation')
  solid-router.segment.whitespace-normal.text-color-heading.text-bold(default-route=`${component.route}-chat`)
    ul
      li.segment.full.sm-hidden.padding-small.text-normal.jsOffsiteToggle
        span.icon.icon-arrow-left.icon-xsmall.margin-left-xxsmall.text-left
        span.segment.full.text-right(hidden)
          span.icon.icon-arrow-right.icon-xsmall.margin-right-xxsmall
          a(data-trans='project.menuRight.fold')
      solid-route.segment.full(name=`${component.route}-chat` use-id)
        li.segment.full.padding-medium
          span.icon.ci-chat.icon-xlarge.margin-right-medium
          a(data-trans='project.menuRight.chat')
      solid-route.segment.full(name=`${component.route}-information` use-id)
        li.segment.full.padding-medium
          span.icon.ci-information.icon-xlarge.margin-right-medium
          a(data-trans='project.menuRight.information')
      solid-route(name=`${component.route}-picture` use-id)
      if component.extensions
        for extension of component.extensions
          if extension.type == 'invoices' && extension.route
            solid-route.segment.full(name=`${extension.route}-invoices` use-id)
              li.segment.full.padding-medium
                span.icon.ci-receipt.icon-xlarge.margin-right-medium
                a(data-trans='project.menuRight.invoices')