feature: admin-project-list

This commit is contained in:
gaelle morin 2020-11-24 19:31:08 +01:00
parent 54852e226d
commit 5c5dd8ce5c
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C

View File

@ -1,11 +1,13 @@
.content-box.flex.full-width.with-form .content-box.full-width.with-form
solid-router(default-route='admin-project-list', hidden) solid-router(default-route='admin-project-list', hidden)
solid-route(name='admin-project-list') solid-route(name='admin-project-list')
solid-route(name='admin-project-create') solid-route(name='admin-project-create')
solid-route(name='project-left') solid-route(name='project-left')
div.content-box__header.flex.space-between div.segment.padding-xlarge.border-bottom
h1.without-margin(data-trans='project.list.title') div
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.list.title')
div.segment.lg-hidden
button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='project.list.buttonMobile') button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='project.list.buttonMobile')
#project-left(hidden, data-view="project-left") #project-left(hidden, data-view="project-left")
@ -14,28 +16,30 @@
#admin-project-list.content-box__height(hidden, data-view="admin-project-list") #admin-project-list.content-box__height(hidden, data-view="admin-project-list")
include ../../templates/hubl-user-avatar.pug include ../../templates/hubl-user-avatar.pug
div.content-box__info.flex div.segment.padding-xlarge
div.admin-header.flex div.segment.padding-y-small.margin-bottom.clearfix
h3(data-trans='project.list.subTitle') div.segment.lg-half.float-left
h3.text-large.text-bold.text-letter-spacing-large(data-trans='project.list.subTitle')
div.segment.lg-half.float-left.text-right
solid-ac-checker(data-src=`${endpoints.projects || (endpoints.post && endpoints.post.projects)}`, permission='acl:Append') solid-ac-checker(data-src=`${endpoints.projects || (endpoints.post && endpoints.post.projects)}`, permission='acl:Append')
solid-link( solid-link(
class='button text-bold text-uppercase reversed button-primary bordered with-icon icon-plus' class='button text-bolder text-uppercase reversed button-secondary bordered icon icon-plus'
next='admin-project-create' next='admin-project-create'
data-trans='project.list.buttonCreate' data-trans='project.list.buttonCreate'
) )
.table-wrapper .table-wrapper
.table .table.segment.margin-bottom
div.table-header.grey-color div.table-header
div.w280(data-trans='project.list.tableHeader1') div.table-cell.w280(data-trans='project.list.tableHeader1')
div.w280(data-trans='project.list.tableHeader2') div.table-cell.w280(data-trans='project.list.tableHeader2')
div.w280(data-trans='project.list.tableHeader3') div.table-cell.w280(data-trans='project.list.tableHeader3')
div.w230(data-trans='project.list.tableHeader4') div.table-cell.w230(data-trans='project.list.tableHeader4')
solid-widget(name="hubl-admin-project-leave-button") solid-widget(name="hubl-admin-project-leave-button")
template template
solid-delete( solid-delete(
class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close' class='button text-bolder text-uppercase button-secondary bordered icon icon-close'
data-src="${src}" data-src="${src}"
data-label='' data-label=''
data-trans='data-label=project.list.buttonQuit' data-trans='data-label=project.list.buttonQuit'
@ -74,7 +78,7 @@
solid-widget(name='hubl-admin-project-leave-button') solid-widget(name='hubl-admin-project-leave-button')
template template
solid-delete( solid-delete(
class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close' class='button text-bolder text-uppercase button-secondary bordered icon icon-close'
data-src="${src}" data-src="${src}"
data-label='' data-label=''
data-trans='data-label=project.list.buttonQuit' data-trans='data-label=project.list.buttonQuit'
@ -88,10 +92,10 @@
fields='project.name, project.members, project.captain, leaveButton' fields='project.name, project.members, project.captain, leaveButton'
loader-id='loader-admin-projects' loader-id='loader-admin-projects'
class-project.name='w280 cell border cell-with-name' class-project.name='table-cell w280 text-color-heading text-bold text-letter-spacing-large text-underline'
class-project.members='w280 cell border cell-with-id-card' class-project.members='table-cell w280 cell border cell-with-id-card'
class-project.captain='w280 cell border cell-with-id-card' class-project.captain='table-cell w280 cell border cell-with-id-card'
class-leaveButton='w230 cell border cell-with-buttons is-spaced' class-leaveButton='table-cell w230'
action-leaveButton="joinButton" action-leaveButton="joinButton"
widget-leaveButton="hubl-admin-project-leave-button" widget-leaveButton="hubl-admin-project-leave-button"
@ -104,7 +108,8 @@
solid-widget(name='hubl-admin-project-join-button') solid-widget(name='hubl-admin-project-join-button')
template template
solid-form.button.text-bold.text-uppercase.reversed.button-primary.bordered.with-icon.icon-arrow-right-circle.flex( solid-form(
class='button text-bolder text-uppercase reversed button-secondary bordered icon icon-arrow-right-circle'
data-src='${src}' data-src='${src}'
nested-field="members" nested-field="members"
@ -129,10 +134,10 @@
fields='name, members, captain, joinButton' fields='name, members, captain, joinButton'
loader-id='loader-admin-projects' loader-id='loader-admin-projects'
class-name='w280 cell border cell-with-name' class-name='table-cell w280 text-color-heading text-bold text-letter-spacing-large text-underline'
class-members='w280 cell border cell-with-id-card' class-members='table-cell w280 cell border cell-with-id-card'
class-captain='w280 cell border cell-with-id-card' class-captain='table-cell w280 cell border cell-with-id-card'
class-joinButton='w230 cell border cell-with-buttons is-spaced' class-joinButton='table-cell w230'
action-joinButton="joinButton" # Workaround: I need members two times action-joinButton="joinButton" # Workaround: I need members two times
widget-joinButton="hubl-admin-project-join-button" widget-joinButton="hubl-admin-project-join-button"