hubl/src/views/admin/page-admin-circles.pug

.content-box.flex.full-width.with-form
  sib-router(default-route='admin-circle-list', hidden)
    sib-route(name='admin-circle-list')
    sib-route(name='admin-circle-create')
    sib-route(name='circle-left')

  div.content-box__header.flex.space-between
    h1.without-margin Administration
    button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle MENU

  include ../circle/page-circle-left.pug

  #admin-circle-list(hidden)
    include ../../templates/hubl-user-avatar.pug

    sib-widget(name='hubl-circle-owner')
      template
        sib-display.user-thumb.is-spaced(
          data-src='${await value}'
          fields='account.picture, sup(name), sub(username)'

          class-account.picture='avatar user-thumb__picture'
          class-name='user-thumb__name'
          class-username='user-thumb__username'

          widget-account.picture='hubl-user-avatar'
        )


    div.content-box__info.flex

      div.admin-header.flex

        h3 Canaux

        sib-link(
          class='button text-bold text-uppercase reversed button-primary bordered with-icon icon-plus'
          next='admin-circle-create'
        ) Créer un canal

      .table-wrapper
        .table

          div.table-header.grey-color
            div.w349 Nom
            div.w349 Administrateurs
            div.w349 Rejoindre

          sib-widget(name='hubl-admin-circle-leave-button')
            template
              sib-delete(
                class='circle-leave button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
                data-src="${src}"
                data-label='Quitter'
              )

          sib-display(
            class='table-body'

            bind-user
            nested-field='circles'
            fields='circle.name, circle.owner, leaveButton'

            class-circle.name='w349 border cell-with-name'
            class-circle.owner='w349 border cell-with-id-card'
            class-leaveButton='w349 border cell-with-buttons'

            action-leaveButton="joinButton"
            widget-leaveButton="hubl-admin-circle-leave-button"
            widget-circle.owner='hubl-circle-owner'

            order-by="circle.name"
          )

          sib-widget(name='hubl-admin-circle-join-button')
            template
              sib-form.circle-join.button.text-bold.text-uppercase.reversed.button-primary.bordered.with-icon.icon-arrow-right-circle.flex(
                data-src='${value}'

                fields='user.username'
                value-user.username='hubl-workaround-493'
                widget-user.username='sib-form-hidden'

                submit-button='Rejoindre'
              )

          sib-display(
            class='table-body'

            data-src=`${endpoints.circles || endpoints.get.circles}joinable/`
            fields='name, owner, members'

            class-name='w349 border cell-with-name'
            class-owner='w349 border cell-with-id-card'
            widget-owner='hubl-circle-owner'

            class-members='w349 border cell-with-buttons'
            widget-members="hubl-admin-circle-join-button"

            order-by="name"
          )


  #admin-circle-create(hidden)
    include page-admin-circles-create.pug