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

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

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

  #project-left(hidden)
    include ../project/page-project-left.pug

  #admin-project-list.content-box__height(hidden)
    include ../../templates/hubl-user-avatar.pug

    div.content-box__info.flex
      div.admin-header.flex
        h3 Projets
        sib-link(
          class='button text-bold text-uppercase reversed button-primary bordered with-icon icon-plus'
          next='admin-project-create'
        ) Créer un nouveau projet

      .table
        div.table-header.grey-color
          div.w25 Nom
          div.w25 Administrateurs
          div.w25 Capitaines
          div.w25 Rejoindre

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

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

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

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

        sib-widget(name='hubl-project-admins')
          template
            sib-display(
              data-src='${value}'
              fields='user'
              search-fields='is_admin'
              search-value-is_admin='true'
              search-widget-is_admin='sib-form-hidden'
              widget-user='hubl-project-captain'
            )

        sib-widget(name='hubl-admin-project-leave-button')
          template
            sib-delete(
              class='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="projects"
          fields='project.name, project.members, project.captain, leaveButton'

          class-project.name='w25 cell border cell-with-name'
          class-project.members='w25 cell border'
          class-project.captain='w25 cell border cell-with-id-card'
          class-leaveButton='w25 cell border cell-with-buttons'

          action-leaveButton="joinButton"
          widget-leaveButton="hubl-admin-project-leave-button"

          widget-project.captain='hubl-project-captain'
          widget-project.members='hubl-project-admins'

          order-by="project.name"
        )

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

              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.projects || endpoints.get.projects}joinable/`
          fields='name, members, captain, joinButton'

          class-name='w25 cell border cell-with-name'
          class-members='w25 cell border'
          class-captain='w25 cell border cell-with-id-card'
          class-joinButton='w25 cell border cell-with-buttons'

          action-joinButton="joinButton" # Workaround: I need members two times
          widget-joinButton="hubl-admin-project-join-button"

          widget-captain='hubl-project-captain'
          widget-members='hubl-project-admins'

          order-by="name"
        )

  #admin-project-create(hidden)
    include page-admin-projects-create.pug