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

fix: various fixes on community directory

This commit is contained in:
Jean-Baptiste Pasquier 2021-04-09 13:28:39 +02:00
parent 3811e74a88
commit 42205d90cd
25 changed files with 200 additions and 133 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
README.md
View File

@ -295,6 +295,24 @@ To activate community on Hubl, add this module declaration your `config.json`:
} }
``` ```
#### Activate the community directory
When you work with a federated application, you may want a directory for communities.
You can activate it by changing the route to anything else than false. Some endpoints will also get needed:
```json
{
"type": "communities",
"endpoints": {
"get": "http://server/communities/",
"addresses": "http://server/community-addresses/",
"uploads": "http://server/upload/"
},
"route": "communities"
}
```
### Dashboard ### Dashboard
Dashboard includes card generation from HTML. To activate them, you need: Dashboard includes card generation from HTML. To activate them, you need:

3
src/locales/en.json
View File

@ -179,7 +179,8 @@
"labelLogo": "Community Logo", "labelLogo": "Community Logo",
"subTitle": "Pictures", "subTitle": "Pictures",
"subTitle1": "Address", "subTitle1": "Address",
"buttonSubmit": "Save" "buttonSubmit": "Save",
"noPermission": "You don't have access to this page"
} }
}, },
"project": { "project": {

3
src/locales/es.json
View File

@ -179,7 +179,8 @@
"labelLogo": "", "labelLogo": "",
"subTitle": "", "subTitle": "",
"subTitle1": "", "subTitle1": "",
"buttonSubmit": "Guardar" "buttonSubmit": "Guardar",
"noPermission": ""
} }
}, },
"project": { "project": {

3
src/locales/fr.json
View File

@ -177,7 +177,8 @@
"labelLogo": "Logo de la communauté", "labelLogo": "Logo de la communauté",
"subTitle": "Photos", "subTitle": "Photos",
"subTitle1": "Adresse", "subTitle1": "Adresse",
"buttonSubmit": "Enregistrer" "buttonSubmit": "Enregistrer",
"noPermission": "Vous n'avez pas la permission"
} }
}, },
"project": { "project": {

30
src/styles/admin-circles/_index.scss
View File

@ -7,7 +7,7 @@
/* And no I can't add that stupid icon because it'a an input. */ /* And no I can't add that stupid icon because it'a an input. */
/* But now, with 0.16, it's a button and you can :D */ /* But now, with 0.16, it's a button and you can :D */
.join-button { .join-button {
input, input,
button { button {
padding: 9px 20px; padding: 9px 20px;
@ -19,7 +19,7 @@
background-color: var(--color-secondary); background-color: var(--color-secondary);
color: white; color: white;
border: 1px solid var(--color-secondary); border: 1px solid var(--color-secondary);
&:before { &:before {
font-size: 15px; font-size: 15px;
margin-right: 6px; margin-right: 6px;
@ -38,17 +38,17 @@
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
&:hover { &:hover {
background: white; background: white;
color: var(--color-secondary); color: var(--color-secondary);
} }
} }
@media (max-width: 768px) { @media (max-width: 768px) {
&.sm-full { &.sm-full {
input, input,
button { button {
width: 100%; width: 100%;
@ -58,10 +58,15 @@
} }
.form.search-button :not(.add-member)+button[type=submit] { .form.search-button :not(.add-member)+button[type=submit] {
background-color: #E9F2FF; background-color: transparent;
border: none; border: 1px solid var(--color-secondary);
color: var(--color-secondary); color: var(--color-secondary);
&:hover {
background-color: var(--color-secondary);
color: #fff;
}
&:before { &:before {
font-size: 15px; font-size: 15px;
margin-right: 6px; margin-right: 6px;
@ -76,11 +81,11 @@
text-align: center; text-align: center;
font-variant: normal; font-variant: normal;
text-transform: none; text-transform: none;
line-height: 1em; line-height: 13px;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
} }
.masonry>div:nth-child(1) { .masonry>div:nth-child(1) {
/* change from directory (nth-child(2))*/ /* change from directory (nth-child(2))*/
@ -96,6 +101,7 @@
.segment.hover:hover { .segment.hover:hover {
box-shadow: 0 0 16px 0 rgba(46, 63, 88, 0.34); box-shadow: 0 0 16px 0 rgba(46, 63, 88, 0.34);
bottom: 2px; bottom: 2px;
cursor: pointer;
} }
hubl-admin-circle-name:hover { hubl-admin-circle-name:hover {
@ -106,6 +112,7 @@
height: 76px; height: 76px;
width: 100%; width: 100%;
display: block; display: block;
div { div {
display: block; display: block;
width: 100%; width: 100%;
@ -242,4 +249,7 @@
} }
} }
} }
.flex {
display: flex;
}
} }

2
src/views/partials/communities/page-community-directory.pug
View File

@ -24,7 +24,7 @@
div div
div div
solid-display( solid-display(
class='segment full children children-quarter sm-children-full children-margin-bottom-medium sm-children-margin-bottom-xsmall children-padding-right-xsmall children-padding-left-xsmall sm-children-padding-none sm-whitespace-normal masonry pagination' class='segment full children children-quarter sm-children-full children-margin-bottom-medium sm-children-margin-bottom-xsmall children-padding-right-xsmall children-padding-left-xsmall sm-children-padding-none sm-whitespace-normal masonry pagination text-disable-selection'
data-src=`${component.endpoints.get}` data-src=`${component.endpoints.get}`
loader-id=`loader-${component.route}-directory` loader-id=`loader-${component.route}-directory`
fields='segment1(segment2(logo), segment3(name, profile.shortDescription, counter))' fields='segment1(segment2(logo), segment3(name, profile.shortDescription, counter))'

184
src/views/partials/communities/page-community-edit.pug
View File

@ -1,114 +1,138 @@
div.bg-color-white div.bg-color-white
solid-ac-checker(permission='acl:Read', bind-resources) solid-ac-checker(permission="acl:Read", bind-resources)
div.segment.full.padding-large.border-bottom.border-color-grey div.segment.full.padding-large.border-bottom.border-color-grey
div.segment.half.sm-full div.segment.half.sm-full
solid-display.text-color-heading.text-bold.text-xxlarge.text-letter-spacing-large( solid-display.text-color-heading.text-bold.text-xxlarge.text-letter-spacing-large(
bind-resources bind-resources
fields='name' fields="name"
) )
div.segment.half.sm-hidden.text-right div.segment.half.sm-hidden.text-right
solid-link(class="backlink", bind-resources, next=`${component.route}-profile` data-trans="communities.back") solid-link(class="backlink", bind-resources, next=`${component.route}-profile` data-trans="communities.back")
div.segment.full.padding-large.whitespace-normal div.segment.full.padding-large.whitespace-normal
solid-ac-checker(permission='acl:Write', bind-resources) //- solid-ac-checker(permission="acl:Write", bind-resources)
div.loader.loader-top(id=`loader-${component.route}-edit`) div.loader.loader-top(id=`loader-${component.route}-edit`)
div div
div div
div div
div div
solid-form.form(
bind-resources
fields='profile.shortDescription, profile.description, segment(logo), profile.website, profile.email, profile.phone, profile.tweeter, profile.facebook, profile.linkedin, segment1(profile.instagram)' solid-form.form(
bind-resources
loader-id=`loader-${component.route}-edit`
label-profile.shortDescription='' fields="profile.shortDescription, profile.description, segment(logo), profile.website, profile.email, profile.phone, profile.tweeter, profile.facebook, profile.linkedin, segment1(profile.instagram)"
label-profile.description=''
label-logo=''
label-profile.website=''
label-profile.email=''
label-profile.phone=''
label-profile.tweeter=''
label-profile.facebook=''
label-profile.linkedin=''
label-profile.instagram=''
class-profile.shortDescription='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' label-profile.shortDescription=""
class-profile.description='segment margin-bottom-medium full text-small text-semibold text-uppercase text-color-heading' label-profile.description=""
label-logo=""
label-profile.website=""
label-profile.email=""
label-profile.phone=""
label-profile.tweeter=""
label-profile.facebook=""
label-profile.linkedin=""
label-profile.instagram=""
class-segment='segment full' class-profile.shortDescription="segment margin-bottom-medium full sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-logo='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' class-profile.description="segment margin-bottom-medium full text-small text-semibold text-uppercase text-color-heading"
class-profile.website='segment margin-bottom-medium third sm-full padding-right-small sm-padding-none'
class-profile.email='segment margin-bottom-medium third sm-full padding-right-small padding-left-small sm-padding-none'
class-profile.phone='segment margin-bottom-medium third sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-profile.tweeter='segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' class-segment="segment full"
class-profile.facebook='segment margin-bottom-medium third sm-full padding-right-small padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' class-logo="segment margin-bottom-medium full sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-profile.linkedin='segment margin-bottom-medium third sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' class-profile.website="segment margin-bottom-medium third sm-full padding-right-small sm-padding-none"
class-segment1='segment full' class-profile.email="segment margin-bottom-medium third sm-full padding-right-small padding-left-small sm-padding-none"
class-profile.instagram='segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' class-profile.phone="segment margin-bottom-medium third sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
widget-profile.description='solid-form-richtext-label'
widget-profile.email='hubl-communities-edit-email'
widget-profile.website='hubl-communities-edit-website'
upload-url-logo
submit-button='' class-profile.tweeter="segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
submit-widget="button" class-profile.facebook="segment margin-bottom-medium third sm-full padding-right-small padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
next=`${component.route}-profile` class-profile.linkedin="segment margin-bottom-medium third sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-segment1="segment full"
class-profile.instagram="segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
data-trans='label-logo=communities.edit.labelLogo;label-profile.shortDescription=communities.edit.labelShortDescription;label-profile.description=communities.edit.labelDescription;label-profile.phone=communities.edit.labelPhone;label-profile.tweeter=communities.edit.labelTwitter;label-profile.facebook=communities.edit.labelFacebook;label-profile.linkedin=communities.edit.labelLinkedin;label-profile.instagram=communities.edit.labelInstagram;submit-button=communities.edit.buttonSubmit' widget-profile.description="solid-form-richtext-label"
) widget-profile.email="hubl-communities-edit-email"
widget-profile.website="hubl-communities-edit-website"
upload-url-logo=component.endpoints.uploads
widget-logo="solid-form-image-label"
h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='communities.edit.subTitle') submit-button=""
submit-widget="button"
solid-form.form( data-trans="label-logo=communities.edit.labelLogo;label-profile.shortDescription=communities.edit.labelShortDescription;label-profile.description=communities.edit.labelDescription;label-profile.phone=communities.edit.labelPhone;label-profile.tweeter=communities.edit.labelTwitter;label-profile.facebook=communities.edit.labelFacebook;label-profile.linkedin=communities.edit.labelLinkedin;label-profile.instagram=communities.edit.labelInstagram;submit-button=communities.edit.buttonSubmit"
bind-resources )
fields='profile.picture1, profile.picture2, profile.picture3' h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans="communities.edit.subTitle")
upload-url-profile.picture1 solid-form.form(
upload-url-profile.picture2 bind-resources
upload-url-profile.picture3
label-profile.picture1='' fields="profile.picture1, profile.picture2, profile.picture3"
label-profile.picture2=''
label-profile.picture3=''
class-profile.picture1='segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' upload-url-profile.picture1=component.endpoints.uploads
class-profile.picture2='segment margin-bottom-medium third sm-full padding-right-small padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' upload-url-profile.picture2=component.endpoints.uploads
class-profile.picture3='segment margin-bottom-medium third sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' upload-url-profile.picture3=component.endpoints.uploads
submit-button='' widget-profile.picture1="solid-form-image-label"
submit-widget="button" widget-profile.picture2="solid-form-image-label"
next=`${component.route}-profile` widget-profile.picture3="solid-form-image-label"
data-trans='label-profile.picture1=communities.edit.labelPicture1;label-profile.picture2=communities.edit.labelPicture2;label-profile.picture3=communities.edit.labelPicture3;submit-button=communities.edit.buttonSubmit' label-profile.picture1=""
) label-profile.picture2=""
label-profile.picture3=""
h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='communities.edit.subTitle1') class-profile.picture1="segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-profile.picture2="segment margin-bottom-medium third sm-full padding-right-small padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-profile.picture3="segment margin-bottom-medium third sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
solid-table.form( submit-button=""
bind-resources submit-widget="button"
nested-fields='addresses'
fields='address_line1, address_line2'
editable-address_line1 data-trans="label-profile.picture1=communities.edit.labelPicture1;label-profile.picture2=communities.edit.labelPicture2;label-profile.picture3=communities.edit.labelPicture3;submit-button=communities.edit.buttonSubmit"
editable-address_line2 )
label-address_line1='' h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans="communities.edit.subTitle1")
label-address_line2=''
widget-address_line1='solid-form-label-text' solid-form.form(
widget-address_line2='solid-form-label-text' bind-resources
nested-field="addresses"
fields="address_line1, address_line2"
class-address_line1='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' label-address_line1=""
class-address_line2='segment margin-bottom-medium half sm-full padding-right-small padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' label-address_line2=""
submit-button='' widget-community="solid-form-hidden"
submit-widget="button" widget-address_line1="solid-form-label-text"
next=`${component.route}-profile` widget-address_line2="solid-form-label-text"
data-trans='label-addresses.address_line1=communities.edit.labelAddressLine1;label-addresses.address_line2=communities.edit.labelAddressLine2' submit-button=""
) submit-widget="button"
data-trans="label-addresses.address_line1=communities.edit.labelAddressLine1;label-addresses.address_line2=communities.edit.labelAddressLine2"
)
solid-table.form(
selectable
header
bind-resources
nested-fields='addresses'
fields='address_line1, address_line2'
editable-address_line1
editable-address_line2
label-address_line1=''
label-address_line2=''
widget-address_line1='solid-form-label-text'
widget-address_line2='solid-form-label-text'
submit-button=''
submit-widget="button"
next=`${component.route}-profile`
data-trans='label-addresses.address_line1=communities.edit.labelAddressLine1;label-addresses.address_line2=communities.edit.labelAddressLine2'
)
//- solid-ac-checker(no-permission="acl:Write", bind-resources)
//- span(data-trans="communities.edit.noPermission")

14
src/views/partials/communities/page-community-map.pug
View File

@ -5,11 +5,11 @@
div.segment.half.sm-full div.segment.half.sm-full
solid-form-search.form.search-form.search-button( solid-form-search.form.search-form.search-button(
id=`communities-filter-map` id=`communities-filter-map`
fields='name' fields='filter'
search-name='community.name' search-filter='community.name, address_line1, address_line2'
placeholder-name='' placeholder-filter=''
widget-name='solid-form-placeholder-text' widget-filter='solid-form-placeholder-text'
class-name="segment margin-bottom-medium sm-margin-bottom-none three-quarter sm-full padding-right-small sm-padding-none text-small input-bg-white children-shadow" class-filter="segment margin-bottom-medium sm-margin-bottom-none three-quarter sm-full padding-right-small sm-padding-none text-small input-bg-white children-shadow"
submit-button="" submit-button=""
submit-widget="button" submit-widget="button"
@ -20,10 +20,10 @@
span span
solid-map.communities-map.margin-right-xsmall.margin-left-xsmall.sm-margin-none.shadow( solid-map.communities-map.margin-right-xsmall.margin-left-xsmall.sm-margin-none.shadow(
data-src=`${component.endpoints.get}` data-src=`${component.endpoints.addresses}`
loader-id=`loader-${component.route}-map` loader-id=`loader-${component.route}-map`
nested-field="addresses"
fields="position(community.name, community.profile.shortDescription, address_line1, address_line2)" fields="position(community.name, community.profile.shortDescription, address_line1, address_line2)"
class-position="segment"
clustering="" clustering=""
filtered-by=`communities-filter-map` filtered-by=`communities-filter-map`
style="display:block;height:698px;" style="display:block;height:698px;"

16
src/views/partials/communities/page-community-profile.pug
View File

@ -15,11 +15,11 @@ div.community-profile.padding-medium.sm-padding-none
loader-id=`loader-${component.route}-profile` loader-id=`loader-${component.route}-profile`
class-segment0="segment full padding-xlarge sm-padding-none whitespace-normal" class-segment0="segment full padding-xlarge sm-padding-none whitespace-normal"
class-segment1="community-profile-logo segment third sm-full margin-top-medium padding-top-medium padding-right-medium sm-margin-top-xsmall sm-padding-medium text-center" class-segment1="community-profile-logo segment quarter sm-full margin-top-medium padding-top-medium padding-right-medium sm-margin-top-xsmall sm-padding-medium text-center"
class-segment2="segment two-third sm-full sm-padding-top-medium sm-padding-right-xsmall sm-padding-bottom-medium sm-padding-left-xsmall text-top sm-text-center whitespace-normal" class-segment2="segment three-quarter sm-full sm-padding-top-medium sm-padding-right-xsmall sm-padding-bottom-medium sm-padding-left-xsmall text-top sm-text-center whitespace-normal"
class-segment3="segment full sm-two-third text-center" class-segment3="segment full sm-two-third"
class-segment4="segment half sm-two-third padding-top-xsmall" class-segment4="segment half sm-two-third padding-top-xsmall"
class-name="segment block text-color-heading text-xxlarge text-bold sm-text-center margin-bottom-xxsmall whitespace-normal" class-name="segment block text-color-heading text-xxlarge text-bold sm-text-center margin-bottom-xxsmall whitespace-normal"
class-segment5="segment half text-right sm-hidden" class-segment5="segment half text-right sm-hidden"
@ -35,18 +35,14 @@ div.community-profile.padding-medium.sm-padding-none
class-profile.description="segment full whitespace-normal" class-profile.description="segment full whitespace-normal"
class-segment10="segment full text-right margin-top-xxlarge" class-segment10="segment full text-right margin-top-xxlarge"
action-edit=`${component.route}-edit`
class-edit="segment sm-full button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-pencil"
value-edit=""
data-trans='value-edit=communities.profile.edit'
class-segment11="segment full whitespace-normal" class-segment11="segment full whitespace-normal flex"
class-profile.picture1="communities-profile-picture segment third" class-profile.picture1="communities-profile-picture segment third"
class-profile.picture2="communities-profile-picture segment third" class-profile.picture2="communities-profile-picture segment third"
class-profile.picture3="communities-profile-picture segment third" class-profile.picture3="communities-profile-picture segment third"
widget-logo="hubl-communities-profile-logo" widget-logo="hubl-communities-profile-logo"
widget-profile.description="solid-display-richtext-label" widget-profile.description="solid-display-value-markdown"
widget-profile.tweeter="hubl-communities-profile-twitter" widget-profile.tweeter="hubl-communities-profile-twitter"
widget-profile.facebook="hubl-communities-profile-facebook" widget-profile.facebook="hubl-communities-profile-facebook"
widget-profile.linkedin="hubl-communities-profile-linkedin" widget-profile.linkedin="hubl-communities-profile-linkedin"
@ -59,6 +55,8 @@ div.community-profile.padding-medium.sm-padding-none
widget-profile.picture1="hubl-communities-profile-picture" widget-profile.picture1="hubl-communities-profile-picture"
widget-profile.picture2="hubl-communities-profile-picture" widget-profile.picture2="hubl-communities-profile-picture"
widget-profile.picture3="hubl-communities-profile-picture" widget-profile.picture3="hubl-communities-profile-picture"
action-edit="edit"
widget-edit="hubl-communities-edit-button"
bind-resources bind-resources
) )

1
src/views/partials/widgets.pug
View File

@ -21,6 +21,7 @@ include widgets/hubl-circle-owner.pug
include widgets/hubl-circle-team-contact.pug include widgets/hubl-circle-team-contact.pug
include widgets/hubl-circle-user-admin.pug include widgets/hubl-circle-user-admin.pug
include widgets/hubl-communities-counter-alternate.pug include widgets/hubl-communities-counter-alternate.pug
include widgets/hubl-communities-edit-button.pug
include widgets/hubl-communities-edit-email.pug include widgets/hubl-communities-edit-email.pug
include widgets/hubl-communities-edit-website.pug include widgets/hubl-communities-edit-website.pug
include widgets/hubl-communities-logo.pug include widgets/hubl-communities-logo.pug

13
src/views/partials/widgets/hubl-communities-edit-button.pug Normal file
View File

@ -0,0 +1,13 @@
if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-edit-button')
template
solid-ac-checker(
no-permission='acl:Control'
data-src="${src}"
)
solid-link(
class="segment sm-full button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-pencil"
data-trans="communities.profile.edit"
data-src="${src}"
next=`${getRoute('communities', true)}-edit`
)

2
src/views/partials/widgets/hubl-communities-edit-email.pug
View File

@ -1,4 +1,4 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-edit-email') solid-widget(name='hubl-communities-edit-email')
template template
label(class="text-small text-semibold text-uppercase text-color-heading" data-trans="communities.edit.labelEmail") label(class="text-small text-semibold text-uppercase text-color-heading" data-trans="communities.edit.labelEmail")

2
src/views/partials/widgets/hubl-communities-edit-website.pug
View File

@ -1,4 +1,4 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-edit-website') solid-widget(name='hubl-communities-edit-website')
template template
label(class="text-small text-semibold text-uppercase text-color-heading" data-trans='communities.edit.labelWebsite') label(class="text-small text-semibold text-uppercase text-color-heading" data-trans='communities.edit.labelWebsite')

2
src/views/partials/widgets/hubl-communities-logo.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-logo') solid-widget(name='hubl-communities-logo')
template ${value != "" ? `<div \style="background-image:url(${value});" />` : `<div></div>`} template ${value != "" ? `<div \style="background-image:url(${value});" />` : `<div></div>`}

4
src/views/partials/widgets/hubl-communities-profile-address.pug
View File

@ -1,4 +1,4 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-address') solid-widget(name='hubl-communities-profile-address')
template template
| ${await value != "" ? `<span class="icon mdi-map-marker icon-third icon-large icon-margin-right-xsmall">\${await value.adress_line1}<br>\${await value.adress_line2}</span>` : `<span></span>`} | ${await value.adress_line1 != "" ? `<span class="icon mdi-map-marker icon-third icon-large icon-margin-right-xsmall">\${await value.adress_line1}<br>\${await value.adress_line2 || ""}</span>` : ""}

4
src/views/partials/widgets/hubl-communities-profile-email.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-email') solid-widget(name='hubl-communities-profile-email')
template ${value != "" ? `<a class="link margin-bottom-xsmall icon mdi-email-outline icon-third icon-large icon-margin-right-xsmall" href="mailto:\${value}">\$value</a>` : `<span></span>`} template ${value != "" ? `<a class="link margin-bottom-xsmall icon mdi-email-outline icon-third icon-large icon-margin-right-xsmall" href="mailto:\${value}">${value}</a>` : ""}

4
src/views/partials/widgets/hubl-communities-profile-facebook.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-facebook') solid-widget(name='hubl-communities-profile-facebook')
template ${value != "" ? `<a class="segment children-link-rounded children-icon-social-facebook children-link-reversed color-secondary bordered margin-right-medium" href="${value}" target="_blank"><span></span></a>` : `<span></span>`} template ${value != "" ? `<a class="segment children-link-rounded children-icon-social-facebook children-link-reversed color-secondary bordered margin-right-medium" href="${value}" target="_blank"><span></span></a>` : ""}

4
src/views/partials/widgets/hubl-communities-profile-instagram.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-instagram') solid-widget(name='hubl-communities-profile-instagram')
template ${value != "" ? `<a class="segment children-link-rounded children-icon-social-instagram children-link-reversed color-secondary bordered" href="${value}" target="_blank"><span></span></a>` : `<span></span>`} template ${value != "" ? `<a class="segment children-link-rounded children-icon-social-instagram children-link-reversed color-secondary bordered" href="${value}" target="_blank"><span></span></a>` : ""}

4
src/views/partials/widgets/hubl-communities-profile-linkedin.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-linkedin') solid-widget(name='hubl-communities-profile-linkedin')
template ${value != "" ? `<a class="segment children-link-rounded children-icon-social-linkedin children-link-reversed color-secondary bordered margin-right-medium" href="${value}" target="_blank"><span></span></a>` : `<span></span>`} template ${value != "" ? `<a class="segment children-link-rounded children-icon-social-linkedin children-link-reversed color-secondary bordered margin-right-medium" href="${value}" target="_blank"><span></span></a>` : ""}

4
src/views/partials/widgets/hubl-communities-profile-logo.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-logo') solid-widget(name='hubl-communities-profile-logo')
template ${value != "" ? `<div \style="background-image:url(${value});" />` : `<div></div>`} template ${value != "" ? `<div \style="background-image:url(${value});" />` : ""}

2
src/views/partials/widgets/hubl-communities-profile-members-counter.pug
View File

@ -1,4 +1,4 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-members-counter') solid-widget(name='hubl-communities-profile-members-counter')
template template
p p

4
src/views/partials/widgets/hubl-communities-profile-phone.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-phone') solid-widget(name='hubl-communities-profile-phone')
template ${value != "" ? `<a class="link margin-bottom-xsmall icon mdi-cellphone-iphone icon-third icon-large icon-margin-right-xsmall" href="tel:\${value}">\$value</a>` : `<span></span>`} template ${value != "" ? `<a class="link margin-bottom-xsmall icon mdi-cellphone-iphone icon-third icon-large icon-margin-right-xsmall" href="tel:\${value}">${value}</a>` : ""}

2
src/views/partials/widgets/hubl-communities-profile-picture.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-picture') solid-widget(name='hubl-communities-profile-picture')
template ${value != "" ? `<div \style="background-image:url(${value});" />` : `<div class="picture-empty"><object type="image/svg+xml" data="/images/photos.svg"></object></div>`} template ${value != "" ? `<div \style="background-image:url(${value});" />` : `<div class="picture-empty"><object type="image/svg+xml" data="/images/photos.svg"></object></div>`}

4
src/views/partials/widgets/hubl-communities-profile-twitter.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-twitter') solid-widget(name='hubl-communities-profile-twitter')
template ${value != "" ? `<a class="segment children-link-rounded children-icon-social-twitter children-link-reversed color-secondary bordered margin-right-medium" href="${value}" target="_blank"><span></span></a>` : `<span></span>`} template ${value != "" ? `<a class="segment children-link-rounded children-icon-social-twitter children-link-reversed color-secondary bordered margin-right-medium" href="${value}" target="_blank"><span></span></a>` : ""}

4
src/views/partials/widgets/hubl-communities-profile-website.pug
View File

@ -1,3 +1,3 @@
if componentSet.has('communities') if componentSet.has('communities') && getRoute('communities')
solid-widget(name='hubl-communities-profile-website') solid-widget(name='hubl-communities-profile-website')
template ${value != "" ? `<a class="link margin-bottom-xsmall icon mdi-link-variant icon-third icon-large icon-margin-right-xsmall" href="tel:\${value}" target="_blank">$value</a>` : `<span></span>`} template ${value != "" ? `<a class="link margin-bottom-xsmall icon mdi-link-variant icon-third icon-large icon-margin-right-xsmall" href="tel:\${value}" target="_blank">${value}</a>` : ""}