hubl/src/views/partials/circle/page-circle-edit.pug

126 lines
5.0 KiB
Plaintext
Raw Normal View History

2020-12-06 17:28:28 +00:00
solid-ac-checker(permission='acl:Read', bind-resources)
div.segment.full.padding-large.border-bottom.border-color-grey
div.segment.half.sm-full
2020-12-06 17:28:28 +00:00
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, subtitle'
2020-12-06 17:28:28 +00:00
value-dash=' - '
class-name='text-color-heading text-bold'
class-dash='text-color-heading text-bold'
)
div.segment.half.sm-hidden.text-right
solid-link(class="backlink", bind-resources, next=`${component.route}-profile` data-trans='circle.edit.backlink')
div.segment.full.padding-large.whitespace-normal
2019-10-21 13:38:49 +00:00
2020-12-08 14:49:44 +00:00
solid-ac-checker(permission='acl:Write', bind-resources)
div.loader.loader-top(id=`loader-${component.route}-edit`)
2020-08-31 10:04:51 +00:00
div
div
div
div
solid-form.form(
2019-12-10 10:52:39 +00:00
bind-resources
2019-11-14 12:27:04 +00:00
2021-03-29 15:08:50 +00:00
fields='name, subtitle, description, status, community, owner'
2020-09-24 10:56:19 +00:00
required-status
required-name
required-owner
required-subtitle
2021-03-29 15:08:50 +00:00
required-community
range-owner=`${component.endpoints.owners}`
2020-12-08 14:49:44 +00:00
label-name=''
label-owner=''
label-description=''
label-subtitle=''
label-status=''
2021-03-29 15:08:50 +00:00
label-community=''
label-help=''
class-name='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-subtitle='segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-medium full text-small text-semibold text-uppercase text-color-heading'
class-status='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
2021-03-29 15:08:50 +00:00
class-community='segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-owner='hidden'
class-help='segment full text-small margin-bottom-medium padding-left-small'
widget-status='hubl-status'
widget-description='solid-form-richtext-label'
widget-help='solid-form-hidden-label'
2021-03-29 15:08:50 +00:00
widget-community='solid-form-dropdown-autocompletion-label'
2020-09-14 13:41:10 +00:00
widget-owner='solid-form-dropdown-autocompletion-label'
2021-03-29 15:08:50 +00:00
range-community='store://user.communities'
option-label-community="community.name"
2019-12-10 10:52:39 +00:00
partial=''
2019-10-24 19:23:11 +00:00
2021-03-16 14:27:30 +00:00
submit-button=''
submit-widget="button"
next=`${component.route}-information`
2021-03-29 15:08:50 +00:00
data-trans='label-status=circle.edit.labelStatus;label-community=circle.edit.labelCommunity;label-name=circle.edit.labelName;label-owner=circle.edit.labelOwner;label-description=circle.edit.labelDescription;submit-button=circle.edit.buttonSubmit;label-subtitle=circle.edit.labelSubtitle;label-help=circle.edit.descriptionHelp'
2019-12-10 10:52:39 +00:00
)
h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='circle.edit.subTitle')
2020-06-18 18:02:54 +00:00
solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
2021-01-22 15:30:39 +00:00
solid-form.segment.block.margin-bottom-xlarge.form(
2019-12-10 10:52:39 +00:00
bind-resources
nested-field='members'
fields='user'
range-user=`${component.endpoints.users}`
2019-11-11 10:50:10 +00:00
2020-12-08 14:49:44 +00:00
class-user='add-member'
widget-user='solid-form-dropdown-autocompletion'
2019-11-11 10:50:10 +00:00
2020-10-21 13:31:05 +00:00
submit-button=''
2021-03-16 14:27:30 +00:00
submit-widget="button"
2020-10-22 11:48:49 +00:00
data-trans='submit-button=circle.edit.buttonAddMember'
2019-12-10 10:52:39 +00:00
)
2019-11-11 10:50:10 +00:00
2021-01-10 16:53:56 +00:00
.segment.table-wrapper
.table
2020-12-06 17:28:28 +00:00
div.table-header.bg-color-third.text-color-heading
div.segment.table-cell.half(data-trans='circle.edit.tableHeader1')
div.segment.table-cell.half(data-trans='circle.edit.tableHeader2')
2020-06-18 18:02:54 +00:00
solid-display(
class='table-body'
bind-resources
2020-09-14 13:41:10 +00:00
nested-field='members'
fields='cell(segment1(user.account.picture), segment2(line1(user.name, is_admin), line2(atom, user.communities))), self'
loader-id=`loader-${component.route}-edit`
class-cell='segment table-cell half labelled-avatar two-lines text-left'
class-self='segment table-cell half text-center'
class-segment1='segment'
class-user.account.picture='avatar'
class-segment2='segment three-quarter margin-left-xsmall'
2021-01-22 15:30:39 +00:00
class-line1='segment block'
class-user.name='text-small text-semibold text-color-heading text-sub margin-right-medium'
class-is_admin='segment tag color-primary'
2021-01-22 15:30:39 +00:00
class-line2='segment block'
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
class-user.communities='full'
2020-10-13 16:18:13 +00:00
multiple-user.communities
multiple-user.communities-fields="community.name"
2020-09-14 13:41:10 +00:00
widget-user.account.picture='hubl-user-avatar'
widget-is_admin='hubl-circle-edit-admin'
2020-09-14 13:41:10 +00:00
action-self='self'
widget-self='hubl-circle-edit-members-delete'
)
2019-11-11 10:22:37 +00:00
2020-09-14 13:41:10 +00:00
//- Only to show the table grid
div.segment.table-cell.half