autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: left-menu - icons alignment + feature: circle-edit and -profile

Browse Source
This commit is contained in:
gaelle morin
2021-01-08 23:31:48 +01:00
parent 6d04fc377a
commit dbc5ceea94
11 changed files with 71 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/views/partials/circle/page-circle-edit.pug
View File

@ -1,6 +1,6 @@
solid-ac-checker(permission='acl:Read', bind-resources)
div.segment.padding-large.border-bottom.border-color-grey.clearfix
div.segment.lg-half.float-left
div.segment.lg-full.padding-large.border-bottom.border-color-grey
div.segment.lg-half
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, description'
@ -10,10 +10,10 @@ solid-ac-checker(permission='acl:Read', bind-resources)
class-name='text-color-heading text-bold'
class-dash='text-color-heading text-bold'
)
div.segment.lg-half.float-left.text-right
div.segment.lg-half.text-right
solid-link(class="backlink right", bind-resources, next='circle-profile' data-trans='circle.edit.backlink')
div.segment.padding-large
div.segment.lg-full.padding-large.whitespace-normal
solid-widget(name="circle-edit-members-delete")
template
@ -25,6 +25,9 @@ div.segment.padding-large
data-trans='data-label=circle.edit.buttonDelete'
)
solid-widget(name='hubl-circle-edit-admin')
template ${value ? "Administrateur" : ""}
solid-ac-checker(permission='acl:Write', bind-resources)
div#loader-circle-edit.loader.loader-top
div
@ -32,14 +35,13 @@ div.segment.padding-large
div
div
solid-form.segment.clearfix.button-register(
solid-form.form(
bind-resources
fields='name, description, status, owner'
required-status
required-name
required-owner
required-description
range-owner=`${endpoints.users || endpoints.get.users}`
label-status=''
@ -50,12 +52,11 @@ div.segment.padding-large
label-description=''
class-name='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-medium lg-full text-small text-semibold text-uppercase text-color-heading'
class-status='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading icon icon-magnify float-left'
class-owner='segment margin-bottom-medium lg-half padding-left-small text-small text-semibold text-uppercase text-color-heading float-left'
class-description='segment margin-bottom-medium lg-half padding-left-small text-small text-semibold text-uppercase text-color-heading'
class-status='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-owner='segment margin-bottom-medium lg-half padding-left-small text-small text-semibold text-uppercase text-color-heading whitespace-normal'
widget-owner='solid-form-dropdown-autocompletion-label'
widget-description='solid-form-textarea'
partial=''
@ -65,10 +66,10 @@ div.segment.padding-large
data-trans='label-status=circle.edit.labelStatus;label-name=circle.edit.labelName;label-owner=circle.edit.labelOwner;label-description=circle.edit.labelDescription;submit-button=circle.edit.buttonSubmit'
)
h3.segment.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='circle.edit.subTitle')
h3.segment.lg-full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='circle.edit.subTitle')
solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
solid-form.block.segment.margin-bottom-xlarge.clearfix.button-register(
solid-form.block.segment.margin-bottom-xlarge.form(
bind-resources
nested-field='members'
fields='user'
@ -84,37 +85,39 @@ div.segment.padding-large
.table-wrapper
.table
div.table-header.bg-color-third.text-color-heading
div.table-cell.w280(data-trans='circle.edit.tableHeader1')
div.table-cell.w162(data-trans='circle.edit.tableHeader2')
div.table-cell.w66(data-trans='circle.edit.tableHeader1')
div.table-cell.w33(data-trans='circle.edit.tableHeader2')
solid-display(
class='table-body'
bind-resources
nested-field='members'
fields='classGroup(classGrid(user.account.picture, content(name-and-icon(user.name, user.groups), sub(atom, user.communities)))), self'
fields='cell(segment1(user.account.picture), segment2(line1(user.name, is_admin), line2(atom, user.communities))), self'
loader-id='loader-circle-edit'
class-classGroup='table-cell w-280'
class-self='table-cell w-162'
class-classGrid='segment margin-left-xlarge user-thumb'
class-user.account.picture='user-thumb-avatar'
class-content='user-thumb-content'
class-name-and-icon='user-thumb-content__name-and-icon'
class-user.name='name'
class-user.groups='tag color-primary'
class-sub='user-thumb-content__sub-text community'
class-atom='icon icon-primary mdi-atom'
class-cell='table-cell w66 labelled-avatar two-lines text-left'
class-self='table-cell w33'
class-segment1='segment'
class-user.account.picture='avatar'
class-segment2='segment lg-three-quarter margin-left-xsmall'
class-line1='block'
class-user.name='text-semibold text-color-heading text-sub'
class-is_admin='segment margin-left-medium tag color-primary'
class-line2='block'
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
class-user.communities='lg-full'
multiple-user.communities
multiple-user.communities-fields="community.name"
widget-user.account.picture='hubl-user-avatar'
multiple-user.groups
multiple-user.groups-fields='name'
widget-is_admin='hubl-circle-edit-admin'
action-self='self'
widget-self='circle-edit-members-delete'
)
//- Only to show the table grid
div.table-cell.w162
div.table-cell.w33

4
src/views/partials/circle/page-circle-profile.pug
View File

@ -34,8 +34,6 @@ solid-router(default-route='circle-profile', hidden)
fields='creationDateSet(title, creationDate)'
loader-id='loader-circle-profile'
class-title='word-spacing-right'
value-title=''
data-trans='value-title=circle.profile.creationDate'
@ -96,7 +94,7 @@ solid-router(default-route='circle-profile', hidden)
hubl-inherit-user-id="search-value-user"
)
h3.text-color-heading.text-bold.text-letter-spacing-large(data-trans='circle.profile.subTitle')
h3.text-color-heading.text-bold.text-uppercase.text-letter-spacing-large(data-trans='circle.profile.subTitle')
solid-widget(name='hubl-circle-user-admin')
template ${value ? "Administrateur" : ""}