diff --git a/src/page-circle-profile.pug b/src/page-circle-profile.pug index 04bb600..577415d 100644 --- a/src/page-circle-profile.pug +++ b/src/page-circle-profile.pug @@ -16,85 +16,83 @@ class-description='description' ) - div.content-box__info + sib-ac-checker.content-box__info(permission='acl:Read', bind-resources) + sib-ac-checker.circle-edit-button(permission='acl:Write', bind-resources) + sib-link(class="right-btn", next="circle-edit", bind-resources) Edit and add Members - sib-ac-checker(permission='acl:Read', bind-resources) - sib-ac-checker(permission='acl:Write', bind-resources) - sib-link(class="right-btn", next="circle-edit", bind-resources) Edit and add Members + sib-display.block( + bind-resources + fields='creationDateSet(title, creationDate)' - sib-display.block( + value-title='Creation date:' + + widget-creationDate='sib-display-date' + ) + + + h2(name="label-team") Members: + + //- TODO: sib-ac-checker unworking - https://git.happy-dev.fr/startinblox/framework/sib-core/issues/517 + //- sib-ac-checker(permission='acl:Write', bind-resources, nested-field='team') + sib-form.block.team-form( + bind-resources + nested-field='members' + fields='user' + range-user=`${endpoints.users}` + + class-user='team form-label is-dark' + label-user='' + widget-user='sib-form-auto-completion' + + submit-button='Add a member' + ) + + sib-display.block( + bind-resources + fields='team' + + multiple-team='' + widget-team='circle-team-template' + ) + + sib-ac-checker(permission='acl:Delete', bind-resources) + sib-delete( bind-resources - fields='creationDateSet(title, creationDate)' - - value-title='Creation date:' - - widget-creationDate='sib-display-date' + data-label='Delete Circle' + class='right-btn reversed-btn' ) - - h2(name="label-team") Members: - - //- TODO: sib-ac-checker unworking - https://git.happy-dev.fr/startinblox/framework/sib-core/issues/517 - //- sib-ac-checker(permission='acl:Write', bind-resources, nested-field='team') - sib-form.block.team-form( - bind-resources - nested-field='members' - fields='user' - range-user=`${endpoints.users}` - - class-user='team form-label is-dark' - label-user='' - widget-user='sib-form-auto-completion' - - submit-button='Add a member' - ) - - sib-display.block( - bind-resources - fields='team' - - multiple-team='' - widget-team='circle-team-template' - ) - - sib-ac-checker(permission='acl:Delete', bind-resources) - sib-delete( - bind-resources - data-label='Delete Circle' - class='right-btn reversed-btn' + sib-widget(name='join-leave-circle-button') + template + sib-ac-checker( + permission="acl:Delete" + data-src="${value['@id']}" ) - - sib-widget(name='join-leave-circle-button') - template - sib-ac-checker( - permission="acl:Delete" + sib-delete( data-src="${value['@id']}" + data-label='Leave circle' ) - sib-delete( - data-src="${value['@id']}" - data-label='Leave circle' - ) - sib-display( - bind-resources - fields='members' + sib-display( + bind-resources + fields='members' - multiple-members='' - widget-members='join-leave-circle-button' - ) + multiple-members='' + widget-members='join-leave-circle-button' + ) - sib-form.block.team-form( - bind-resources - nested-field='members' - fields='user' - label-user='' - range-user=`${endpoints.users}` - widget-user='sib-form-dropdown' + sib-form.block.team-form( + bind-resources + nested-field='members' + fields='user' + label-user='' + range-user=`${endpoints.users}` + widget-user='sib-form-dropdown' - set-user-id-select="user" + set-user-id-select="user" - submit-button='Join Circle' - ) + submit-button='Join Circle' + ) #circle-edit(hidden) diff --git a/src/styles/layout/circle/circle-profile.scss b/src/styles/layout/circle/circle-profile.scss index b77392c..7d86fe9 100644 --- a/src/styles/layout/circle/circle-profile.scss +++ b/src/styles/layout/circle/circle-profile.scss @@ -8,11 +8,22 @@ .content-box__info { @extend %padding-block; + display: flex; + flex-direction: column; .backlink { text-align: right; display: block; } + + .circle-edit-button { + align-self: flex-end; + position: absolute; + + >sib-link { + background: $color-244-73-62; + } + } } .block {