diff --git a/src/styles/base/table.scss b/src/styles/base/table.scss index f32d741..a3c97c3 100644 --- a/src/styles/base/table.scss +++ b/src/styles/base/table.scss @@ -113,6 +113,10 @@ width: 280px; } + .w230 { + width: 230px; + } + .w70 { width: 70px; } diff --git a/src/views/admin/page-admin-projects.pug b/src/views/admin/page-admin-projects.pug index c263c4e..fc66bf6 100644 --- a/src/views/admin/page-admin-projects.pug +++ b/src/views/admin/page-admin-projects.pug @@ -22,106 +22,107 @@ 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 + .table-wrapper + .table + div.table-header.grey-color + div.w280 Nom + div.w280 Administrateurs + div.w280 Capitaines + div.w230 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-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)' + 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' + class-account.picture='user-thumb__picture' + class-name='user-thumb__name' + class-username='user-thumb__username' - widget-account.picture='hubl-user-avatar' - ) + 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-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-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' + sib-display( + class='table-body' - bind-user - nested-field="projects" - fields='project.name, project.members, project.captain, leaveButton' + 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' + class-project.name='w280 cell border cell-with-name' + class-project.members='w280 cell border' + class-project.captain='w280 cell border cell-with-id-card' + class-leaveButton='w230 cell border cell-with-buttons' - action-leaveButton="joinButton" - widget-leaveButton="hubl-admin-project-leave-button" + action-leaveButton="joinButton" + widget-leaveButton="hubl-admin-project-leave-button" - widget-project.captain='hubl-project-captain' - widget-project.members='hubl-project-admins' + widget-project.captain='hubl-project-captain' + widget-project.members='hubl-project-admins' - order-by="project.name" - ) + 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" + 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' + fields='user.username' + value-user.username='hubl-workaround-493' + widget-user.username='sib-form-hidden' - submit-button='Rejoindre' - ) + submit-button='Rejoindre' + ) - sib-display( - class='table-body' + sib-display( + class='table-body' - data-src=`${endpoints.projects || endpoints.get.projects}joinable/` - fields='name, members, captain, joinButton' + 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' + class-name='w280 cell border cell-with-name' + class-members='w280 cell border' + class-captain='w280 cell border cell-with-id-card' + class-joinButton='w230 cell border cell-with-buttons' - action-joinButton="joinButton" # Workaround: I need members two times - widget-joinButton="hubl-admin-project-join-button" + 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' + widget-captain='hubl-project-captain' + widget-members='hubl-project-admins' - order-by="name" - ) + order-by="name" + ) #admin-project-create(hidden) include page-admin-projects-create.pug \ No newline at end of file