.with-sidebar.whitespace-normal.bg-color-white.only-on-admin(hidden)
  .scrollbar-content.views-container.sidebar-is-closed
    for component of components
      if component.type == "circles"
        div(
          id=`admin-${component.route}`
          hidden
          data-view=`admin-${component.route}`
          no-render
        )
          - var page = 'join';
          include partials/admin/page-admin-circles-join.pug
        div(
          id=`admin-${component.route}-leave`
          hidden
          data-view=`admin-${component.route}-leave`
          no-render
        )
          - var page = 'leave';
          include partials/admin/page-admin-circles-leave.pug
        div(
          id=`admin-${component.route}-create`
          hidden
          data-view=`admin-${component.route}-create`
          no-render
        )
          include partials/admin/page-admin-circles-create.pug
      if component.type == "projects"
        div(
          id=`admin-${component.route}`
          hidden
          data-view=`admin-${component.route}`
          no-render
        )
          include partials/admin/page-admin-projects.pug
        div(
          id=`admin-${component.route}-create`
          hidden
          data-view=`admin-${component.route}-create`
          no-render
        )
          include partials/admin/page-admin-projects-create.pug
      if component.type == "chat" && componentSet.has('communities')
        div(
          id=`admin-${component.route}`
          hidden
          data-view=`admin-${component.route}`
          no-render
        )
          include partials/admin/page-admin-chat.pug
        div(
          id=`admin-${component.route}-create`
          hidden
          data-view=`admin-${component.route}-create`
          no-render
        )
          include partials/admin/page-admin-chat-create.pug

  nav.jsRightMenu.text-disable-selection.sidebar.whitespace-normal(role='navigation')
    .segment.whitespace-normal.text-color-heading.text-bold
      ul
        li.segment.full.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='admin.menuRight.fold')
        for component of components
          if component.type == "circles"
            solid-link.segment.full(next=`admin-${component.route}`)
              li.segment.full.padding-medium
                span.icon.ci-bubble-add.icon-xlarge.margin-right-medium
                a(data-trans='admin.menuRight.circles')
          if component.type == "projects"
            solid-link.segment.full(next=`admin-${component.route}`)
              li.segment.full.padding-medium
                span.icon.ci-add.icon-xlarge.margin-right-medium
                a(data-trans='admin.menuRight.projects')
          if component.type == "chat"
            solid-link.segment.full(next=`admin-${component.route}`)
              li.segment.full.padding-medium
                span.icon.ci-networking.icon-xlarge.margin-right-medium
                a(data-trans='admin.menuRight.community')