feature: admin-circle-list

This commit is contained in:
gaelle morin
2020-12-05 19:26:52 +01:00
parent 1f7dbe8bca
commit c8f393d652
9 changed files with 220 additions and 37 deletions

View File

@ -11,38 +11,41 @@
solid-widget(name='hubl-circle-owner')
template
solid-display.user-thumb.block.is-spaced(
solid-display.segment.margin-left-xlarge.user-thumb(
data-src='${await value}'
fields='account.picture, sup(name), sub(username)'
fields='account.picture, content(name-and-icon(name), sub(username))'
class-account.picture='avatar user-thumb__picture'
class-name='user-thumb__name'
class-username='user-thumb__username'
class-account.picture='user-thumb-avatar'
class-content='user-thumb-content'
class-name-and-icon='user-thumb-content__name-and-icon'
class-name='name'
class-sub='user-thumb-content__sub-text'
class-username=''
widget-account.picture='hubl-user-avatar'
)
div.segment.padding-xlarge.border-bottom
div.segment.padding-top-xsmall.padding-right-large.padding-bottom-xsmall.padding-left-large.border-bottom.border-color-grey.text-color-heading
div
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.list.title')
div.segment.lg-hidden
button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='circle.list.buttonMobile')
div.segment.padding-xlarge
div.segment.padding-y-small.margin-bottom.clearfix
div.segment.padding-large
div.segment.margin-bottom-medium.clearfix
div.segment.lg-half.float-left
h3.text-large.text-bold.text-letter-spacing-large(data-trans='circle.list.subTitle')
div.segment.lg-half.float-left.text-right
h3.text-color-heading.text-semibold.text-letter-spacing-large(data-trans='circle.list.subTitle')
div.segment.lg-half.float-left.text-right.padding-top-xxsmall
solid-ac-checker(data-src=`${endpoints.circles || (endpoints.post && endpoints.post.circles)}`, permission='acl:Append')
solid-link(
class='button text-bolder text-uppercase reversed button-secondary bordered icon icon-plus'
class='button text-xsmall text-bold text-uppercase reversed color-secondary bordered icon icon-plus'
next='admin-circle-create' data-trans='circle.list.buttonCreate'
)
.table-wrapper
.table.segment.margin-bottom
.table
div.table-header
div.table-header.bg-color-third.text-color-heading
div.table-cell.w280(data-trans='circle.list.tableHeader1')
div.table-cell.w280(data-trans='circle.list.tableHeader2')
div.table-cell.w280(data-trans='circle.list.tableHeader3')
@ -50,7 +53,7 @@
solid-widget(name='hubl-admin-circle-leave-button')
template
solid-delete(
class='button text-bolder text-uppercase button-secondary bordered icon icon-close'
class='button text-xsmall text-bold text-uppercase color-secondary bordered'
data-src="${src}"
data-label=''
data-trans='data-label=circle.list.buttonQuit'
@ -70,8 +73,8 @@
fields='circle.name, circle.owner, leaveButton'
loader-id='loader-admin-circles'
class-circle.name='table-cell w280 text-color-heading text-bold text-letter-spacing-large text-underline'
class-circle.owner='table-cell w280 cell-with-id-card'
class-circle.name='table-cell w280 text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline'
class-circle.owner='table-cell w280'
class-leaveButton='table-cell w280'
action-leaveButton="joinButton"
@ -84,7 +87,7 @@
solid-widget(name='hubl-admin-circle-join-button')
template
solid-form(
class='button text-bolder text-uppercase reversed button-secondary bordered icon icon-arrow-right-circle'
class='button text-xsmall text-bold text-uppercase reversed color-secondary bordered icon icon-arrow-right-circle'
data-src='${value}'
fields='user.username'
@ -108,8 +111,8 @@
fields='name, owner, members'
loader-id='loader-admin-circles'
class-name='table-cell w280 text-color-heading text-bold text-letter-spacing-large text-underline'
class-owner='table-cell w280 border cell-with-id-card'
class-name='table-cell w280 text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline'
class-owner='table-cell w280'
widget-owner='hubl-circle-owner'
class-members='table-cell w280'