.with-sidebar.jsMobileContentSidebarControl.whitespace-normal.bg-color-white.only-on-admin(hidden)
  .scrollbar-content.views-container.sidebar-is-closed
    for component of components
      if component.route
        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.text-disable-selection(
            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.text-disable-selection(
            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.segment.sm-hidden.text-disable-selection.sidebar.whitespace-normal(role='navigation')
    .segment.whitespace-normal.text-color-heading.text-bold
      ul
        li.segment.full.sm-hidden.padding-small.text-normal.border-bottom.border-color-grey.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.route
            if component.type == "circles"
              solid-link.segment.full(next=`admin-${component.route}`)
                li.segment.full.padding-medium.border-bottom.border-color-grey
                  span.icon.icon-globe.icon-large.margin-right-medium
                  a.text-baseline(data-trans='admin.menuRight.circles')
            if component.type == "projects"
              solid-link.segment.full(next=`admin-${component.route}`)
                li.segment.full.padding-medium.border-bottom.border-color-grey
                  span.icon.icon-folder-alt.icon-large.margin-right-medium
                  a.text-baseline(data-trans='admin.menuRight.projects')
            if component.type == "chat"
              solid-link.segment.full(next=`admin-${component.route}`)
                li.segment.full.padding-medium.border-bottom.border-color-grey
                  span.icon.icon-grid.icon-large.margin-right-medium
                  a.text-baseline(data-trans='admin.menuRight.community')