patch: community-map
This commit is contained in:
gaelle morin
parent
64a3219aba
commit
1d10f797a2
6
package-lock.json
generated
6
package-lock.json
generated
@ -1159,9 +1159,9 @@
|
||||
}
|
||||
},
|
||||
"@startinblox/hubl-styling-framework": {
|
||||
"version": "1.8.17",
|
||||
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.8.17.tgz",
|
||||
"integrity": "sha512-x9TlnpLs/k2WyJAwlYyexSXs3q9QmSOe/43E1O8Scuh4V1qzs5pnMKz9B91lw9563d6u62Z5WyGPeqaS4detmA=="
|
||||
"version": "1.8.18",
|
||||
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.8.18.tgz",
|
||||
"integrity": "sha512-GdtuX2AjYwPQfMqU7oCuFfjTS4B9UKdnllYDi9Eg/F6XCcUIdUGSG05TP5yNPkuyI1OZ0Rj/arzhchzLOWqHhA=="
|
||||
},
|
||||
"@types/q": {
|
||||
"version": "1.5.4",
|
||||
|
||||
@ -45,7 +45,7 @@
|
||||
]
|
||||
},
|
||||
"dependencies": {
|
||||
"@startinblox/hubl-styling-framework": "^1.8.17",
|
||||
"@startinblox/hubl-styling-framework": "^1.8.18",
|
||||
"cross-env": "^7.0.3",
|
||||
"fs-extra": "^9.0.1",
|
||||
"normalize.css": "^8.0.1",
|
||||
|
||||
@ -14,6 +14,10 @@ if componentSet.has("chat") || componentSet.has("circles") || componentSet.has("
|
||||
script(type="module" src="https://cdn.skypack.dev/@startinblox/component-chat@5.2" defer)
|
||||
//- script(type="module" src="/lib/solid-xmpp-chat/dist/index.js" defer)
|
||||
|
||||
if componentSet.has("communities")
|
||||
script(type="module" src="https://cdn.skypack.dev/@startinblox/core@0.16/dist/components/solid-map.js" defer)
|
||||
//- script(type="module" src="/lib/sib-core/dist/components/solid-map.js" defer)
|
||||
|
||||
if componentSet.has("dashboard")
|
||||
script(type="module" src="https://cdn.skypack.dev/@startinblox/component-dashboard@4.0" defer)
|
||||
//- script(type="module" src="/lib/solid-dashboard/dist/index.js" defer)
|
||||
|
||||
1
src/images/photos.svg
Normal file
1
src/images/photos.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg id="Layer_1" fill="#D0D4DA" enable-background="new 0 0 512.002 512.002" height="512" viewBox="0 0 512.002 512.002" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m508.617 174.213c-2.762-3.771-6.828-6.241-11.447-6.954l-148.74-22.97v-126.78c0-9.649-7.851-17.5-17.5-17.5h-313.43c-9.649 0-17.5 7.851-17.5 17.5v313.628c0 9.649 7.851 17.5 17.5 17.5h116.806l-14.726 95.363c-1.458 9.436 5.187 18.511 14.624 19.967l309.757 47.837c9.224 1.424 18.53-5.332 19.965-14.625l8.01-51.867c1.48-9.583-13.345-11.875-14.824-2.289-1.009 6.531-5.669 54.737-10.862 53.957l-309.757-47.837c-1.484-.374-2.181-1.325-2.089-2.853l15.08-97.652h16.783l-12.199 78.99c-.632 4.094 2.174 7.925 6.268 8.557l267.09 41.248c3.77.58 7.964-2.431 8.557-6.268l41.321-267.566c.632-4.094-2.174-7.925-6.268-8.557l-122.607-18.935v-16.64l146.451 22.617c1.484.374 2.18 1.325 2.089 2.853l-34.017 220.267c-1.439 9.317 13.32 12.03 14.824 2.289l34.017-220.267c.714-4.62-.415-9.241-3.176-13.013zm-493.617 156.924v-313.628c0-1.379 1.122-2.5 2.5-2.5h313.429c1.378 0 2.5 1.121 2.5 2.5v313.628c0 1.379-1.122 2.5-2.5 2.5h-313.429c-1.378 0-2.5-1.121-2.5-2.5zm446.335-122.416-39.032 252.742-252.266-38.959 11.408-73.867h149.484c9.649 0 17.5-7.851 17.5-17.5v-139.853z"/><path d="m309.343 31.455h-270.257c-4.142 0-7.5 3.357-7.5 7.5v37.49c0 9.697 15 9.697 15 0v-29.99h255.256v255.738h-255.256v-185.86c0-9.697-15-9.697-15 0v193.36c0 4.143 3.358 7.5 7.5 7.5h270.256c4.142 0 7.5-3.357 7.5-7.5v-270.738c.001-4.143-3.357-7.5-7.499-7.5z"/><path d="m174.212 248.933c.979 0 1.958-.191 2.879-.575.842-.35 20.844-8.752 41.182-24.627 27.726-21.642 42.567-46.865 42.919-72.943.368-27.278-20.413-53.849-49.002-53.849-14.959 0-28.816 7.447-37.979 19.76-9.162-12.313-23.019-19.76-37.979-19.76-27.02 0-49.002 24.11-49.002 53.747 0 62.789 80.723 96.3 84.159 97.695.906.369 1.865.552 2.823.552zm-71.981-98.247c0-21.365 15.253-38.747 34.002-38.747 13.334 0 25.505 8.966 31.007 22.842 2.454 6.188 11.49 6.188 13.944 0 5.501-13.876 17.672-22.842 31.006-22.842 20.292 0 34.261 19.579 34.003 38.646-.626 46.424-58.409 76.256-72.02 82.64-13.707-6.278-71.942-35.715-71.942-82.539z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
@ -112,7 +112,7 @@ html(lang="en")
|
||||
include views/page-circle.pug
|
||||
|
||||
if component.type == "communities"
|
||||
.scrollbar-content
|
||||
.scrollbar-content.whitespace-normal
|
||||
include views/page-communities.pug
|
||||
|
||||
if component.type == "dashboard"
|
||||
|
||||
@ -161,7 +161,13 @@
|
||||
"list": {
|
||||
"title": "Communities",
|
||||
"searchBy": "Find by name",
|
||||
"searchButton": "Search"
|
||||
"searchButton": "Search",
|
||||
"members": "members"
|
||||
},
|
||||
"profile": {
|
||||
"back": "Back",
|
||||
"members": "members",
|
||||
"edit": "Edit the page"
|
||||
}
|
||||
},
|
||||
"project": {
|
||||
|
||||
@ -161,7 +161,13 @@
|
||||
"list": {
|
||||
"title": "",
|
||||
"searchBy": "",
|
||||
"searchButton": ""
|
||||
"searchButton": "",
|
||||
"members": ""
|
||||
},
|
||||
"profile": {
|
||||
"back": "",
|
||||
"members": "",
|
||||
"edit": ""
|
||||
}
|
||||
},
|
||||
"project": {
|
||||
|
||||
@ -161,7 +161,13 @@
|
||||
"list": {
|
||||
"title": "Les communautés",
|
||||
"searchBy": "Trouver par nom",
|
||||
"searchButton": "Rechercher"
|
||||
"searchButton": "Rechercher",
|
||||
"members": "membres"
|
||||
},
|
||||
"profile": {
|
||||
"back": "Retour",
|
||||
"members": "membres",
|
||||
"edit": "Editer la page"
|
||||
}
|
||||
},
|
||||
"project": {
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
#admin-circles,
|
||||
#admin-circles-leave {
|
||||
#admin-circles-leave,
|
||||
.communities-directory {
|
||||
|
||||
/* Fix on Join button in admin (circles + projects) */
|
||||
/* Styles on buttons and .children-link don't work because this input is inside too many elements. */
|
||||
@ -115,12 +116,77 @@
|
||||
}
|
||||
}
|
||||
|
||||
hubl-communities-profile-logo {
|
||||
height: 155px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
|
||||
div {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
font-weight: bold;
|
||||
border-bottom: 5px solid var(--color-third);
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.communities-profile-picture {
|
||||
height: 200px;
|
||||
|
||||
div {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.picture-empty {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
object {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(2)>.picture-empty {
|
||||
background: #E4E9F1;
|
||||
|
||||
svg {
|
||||
fill: #D0D4DA;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(3)>.picture-empty {
|
||||
background: #E9F2FF;
|
||||
|
||||
svg {
|
||||
fill: #D7E2F3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.communities-profile-map .leaflet-pane.leaflet-popup-pane {
|
||||
/*display: none;*/
|
||||
|
||||
.leaflet-popup-content-wrapper {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.tabs {
|
||||
@ -143,5 +209,37 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.community-profile-logo {
|
||||
border-bottom: 1px solid #D6CECE;
|
||||
}
|
||||
|
||||
hubl-communities-profile-logo {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.communities-profile-picture {
|
||||
height: 180px;
|
||||
|
||||
object {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-map-search-field {
|
||||
position: fixed;
|
||||
top: 70px;
|
||||
z-index: 1000;
|
||||
width: 97%;
|
||||
}
|
||||
|
||||
.communities-map {
|
||||
height: calc(100vh - 50px) !important;
|
||||
|
||||
.leaflet-top.leaflet-left {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -88,15 +88,6 @@ hubl-menu-empty+hubl-menu-empty {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Animation on cards in #communities */
|
||||
#communities {
|
||||
|
||||
.segment.hover:hover {
|
||||
box-shadow: 0 0 16px 0 rgba(46, 63, 88, 0.34);
|
||||
bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Style that already exists in the framework but strangely I can't find it in the inspector. So I duplicate it here */
|
||||
.two-lines-ellipsis {
|
||||
display: -webkit-box !important;
|
||||
|
||||
@ -1,42 +1,34 @@
|
||||
div.padding-small.whitespace-normal.sm-padding-none.sm-padding-top-large.sm-padding-bottom-large
|
||||
|
||||
h2.margin-top-xxsmall.margin-left-xsmall.margin-bottom-medium.sm-margin-none.sm-margin-right-xsmall.sm-margin-bottom-large.sm-margin-left-xsmall.text-xlarge.text-bold.text-color-heading.text-uppercase(data-trans='communities.list.title')
|
||||
|
||||
div.padding-top-xxsmall.margin-left-xsmall.sm-padding-none.sm-margin-none.sm-margin-right-xsmall.sm-margin-left-xsmall
|
||||
div.segment.half.sm-full
|
||||
solid-form-search.form.search-form.search-button(
|
||||
id=`communities-filter-${page}`
|
||||
fields='name'
|
||||
placeholder-name=''
|
||||
widget-name='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"
|
||||
submit-button=""
|
||||
submit-widget="button"
|
||||
data-trans='placeholder-name=communities.list.searchBy;submit-button=communities.list.searchButton'
|
||||
div.communities-directory
|
||||
solid-router(default-route=`${component.route}-directory` hidden)
|
||||
solid-route(name=`${component.route}-directory`)
|
||||
solid-route(name=`${component.route}-map`)
|
||||
solid-route(name=`${component.route}-profile` use-id)
|
||||
solid-route(name=`${component.route}-edit` use-id)
|
||||
div(
|
||||
id=`${component.route}-directory`
|
||||
hidden
|
||||
data-view=`${component.route}-directory`
|
||||
no-render
|
||||
)
|
||||
div.segment.half.sm-full.text-right
|
||||
solid-link.segment.children-link-rounded.children-icon-map.children-link-reversed.color-secondary.bordered
|
||||
span
|
||||
|
||||
div.segment.full.padding-top-xsmall.sm-padding-xsmall.whitespace-normal
|
||||
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'
|
||||
data-src='https://api.test3.startinblox.com/communities/'
|
||||
fields='segment1(segment2(logo), segment3(name, profile.shortDescription, counter))'
|
||||
filtered-by=`communities-filter-${page}`
|
||||
order-by='name'
|
||||
paginate-by='20'
|
||||
loader-id=`loader-communities-${page}`
|
||||
|
||||
class-segment1='segment hover bg-color-white shadow border-rounded-xxsmall full text-top whitespace-normal'
|
||||
class-segment2='segment block padding-xlarge text-center'
|
||||
class-segment3='segment full padding-xlarge padding-top-medium sm-padding-medium border-top border-color-grey text-center whitespace-normal'
|
||||
class-name='segment block one-line-ellipsis text-xlarge text-bold text-color-heading margin-bottom-xsmall'
|
||||
class-profile.shortDescription='segment two-lines-ellipsis margin-bottom-xlarge sm-margin-bottom-medium whitespace-normal circle-subtitle-custom'
|
||||
class-counter='segment block margin-bottom-large whitespace-normal'
|
||||
|
||||
widget-logo='hubl-communities-logo'
|
||||
action-counter="counter"
|
||||
widget-counter='hubl-communities-counter-alternate'
|
||||
next=""
|
||||
include partials/communities/page-community-directory.pug
|
||||
div(
|
||||
id=`${component.route}-map`
|
||||
hidden
|
||||
data-view=`${component.route}-map`
|
||||
no-render
|
||||
)
|
||||
include partials/communities/page-community-map.pug
|
||||
div(
|
||||
id=`${component.route}-profile`
|
||||
hidden
|
||||
data-view=`${component.route}-profile`
|
||||
no-render
|
||||
)
|
||||
include partials/communities/page-community-profile.pug
|
||||
div(
|
||||
id=`${component.route}-edit`
|
||||
hidden
|
||||
data-view=`${component.route}-edit`
|
||||
no-render
|
||||
)
|
||||
include partials/communities/page-community-edit.pug
|
||||
|
||||
@ -22,18 +22,11 @@ div.segment.full.padding-large.padding-top-medium.padding-bottom-xsmall.sm-paddi
|
||||
|
||||
solid-form-search.form.search-form.search-button(
|
||||
id=`admin-circle-filter-${page}`
|
||||
<<<<<<< HEAD
|
||||
fields='name'
|
||||
label-name=''
|
||||
widget-name='solid-form-label-text'
|
||||
class-name="segment margin-bottom-medium sm-margin-bottom-none third sm-full padding-right-small sm-padding-none text-small"
|
||||
=======
|
||||
fields='searchname'
|
||||
search-searchname='name, circle.name'
|
||||
label-searchname=''
|
||||
widget-searchname='solid-form-label-text'
|
||||
class-searchname="segment margin-bottom-medium sm-margin-bottom-none third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
|
||||
>>>>>>> b9a8c8ba4de7985088e46bda8c024cf121439ff8
|
||||
submit-button=""
|
||||
submit-widget="button"
|
||||
data-trans='label-searchname=circle.list.searchBy;submit-button=circle.list.searchButton'
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
.padding-small.sm-padding-none.sm-padding-top-large.sm-padding-bottom-large
|
||||
h2.margin-top-xxsmall.margin-left-xsmall.margin-bottom-medium.sm-margin-none.sm-margin-right-xsmall.sm-margin-bottom-large.sm-margin-left-xsmall.text-xlarge.text-bold.text-color-heading.text-uppercase(data-trans='communities.list.title')
|
||||
.padding-small.sm-padding-none.sm-padding-top-medium.sm-padding-bottom-medium
|
||||
h2.margin-top-xxsmall.margin-left-xsmall.margin-bottom-medium.sm-margin-none.sm-margin-right-xsmall.sm-margin-bottom-small.sm-margin-left-xsmall.text-xlarge.text-bold.text-color-heading.text-uppercase(data-trans='communities.list.title')
|
||||
|
||||
div.padding-top-xxsmall.margin-left-xsmall.sm-padding-none.sm-margin-none.sm-margin-right-xsmall.sm-margin-left-xsmall
|
||||
div.padding-top-xxsmall.margin-left-xsmall.margin-right-xsmall.sm-padding-none.sm-margin-none.sm-margin-right-xsmall.sm-margin-left-xsmall
|
||||
div.segment.half.sm-full
|
||||
solid-form-search.form.search-form.search-button(
|
||||
id=`communities-filter`
|
||||
@ -34,10 +34,10 @@
|
||||
|
||||
class-segment1='segment hover bg-color-white shadow border-rounded-xxsmall full text-top whitespace-normal'
|
||||
class-segment2='segment block padding-xlarge text-center'
|
||||
class-segment3='segment full padding-xlarge padding-top-medium sm-padding-medium border-top border-color-grey text-center whitespace-normal'
|
||||
class-segment3='segment full padding-xlarge sm-padding-medium border-top border-color-grey text-center whitespace-normal'
|
||||
class-name='segment block one-line-ellipsis text-xlarge text-bold text-color-heading margin-bottom-xsmall'
|
||||
class-profile.shortDescription='segment two-lines-ellipsis margin-bottom-xlarge sm-margin-bottom-medium whitespace-normal circle-subtitle-custom'
|
||||
class-counter='segment block margin-bottom-large whitespace-normal'
|
||||
class-counter='segment block whitespace-normal'
|
||||
|
||||
widget-logo='hubl-admin-community-logo'
|
||||
action-counter="counter"
|
||||
|
||||
@ -1,18 +1,30 @@
|
||||
.padding-small.sm-padding-none.sm-padding-top-large.sm-padding-bottom-large
|
||||
h2.margin-top-xxsmall.margin-left-xsmall.margin-bottom-medium.sm-margin-none.sm-margin-right-xsmall.sm-margin-bottom-large.sm-margin-left-xsmall.text-xlarge.text-bold.text-color-heading.text-uppercase(data-trans='communities.list.title')
|
||||
.padding-small.sm-padding-none
|
||||
h2.segment.sm-hidden.margin-top-xxsmall.margin-left-xsmall.margin-bottom-medium.sm-margin-none.sm-margin-right-xsmall.sm-margin-bottom-large.sm-margin-left-xsmall.text-xlarge.text-bold.text-color-heading.text-uppercase(data-trans='communities.list.title')
|
||||
|
||||
div.padding-top-xxsmall.margin-left-xsmall.sm-padding-none.sm-margin-none.sm-margin-right-xsmall.sm-margin-left-xsmall
|
||||
div.mobile-map-search-field.padding-top-xxsmall.margin-left-xsmall.margin-right-xsmall.sm-padding-none.sm-margin-none.sm-margin-right-xsmall.sm-margin-left-xsmall
|
||||
div.segment.half.sm-full
|
||||
solid-form-search.form.search-form.search-button(
|
||||
id=`communities-filter-map`
|
||||
fields='name'
|
||||
search-name='community.name'
|
||||
placeholder-name=''
|
||||
widget-name='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"
|
||||
|
||||
submit-button=""
|
||||
submit-widget="button"
|
||||
data-trans='placeholder-name=communities.list.searchBy;submit-button=communities.list.searchButton'
|
||||
)
|
||||
div.segment.half.sm-full.text-right
|
||||
solid-link.segment.children-link-rounded.children-icon-map.children-link-reversed.color-secondary.bordered(next=`${component.route}-directory`)
|
||||
solid-link.segment.children-link-rounded.children-icon-grid.children-link-reversed.color-secondary.bordered(next=`${component.route}-directory`)
|
||||
span
|
||||
|
||||
solid-map.communities-map.margin-right-xsmall.margin-left-xsmall.sm-margin-none.shadow(
|
||||
data-src=`${component.endpoints.get}`
|
||||
loader-id=`loader-${component.route}-map`
|
||||
nested-field="addresses"
|
||||
fields="position(community.name, community.profile.shortDescription, address_line1, address_line2)"
|
||||
clustering=""
|
||||
filtered-by=`communities-filter-map`
|
||||
style="display:block;height:698px;"
|
||||
)
|
||||
@ -0,0 +1,74 @@
|
||||
div.community-profile.padding-medium.sm-padding-none
|
||||
div.segment.full.sm-hidden.text-right
|
||||
solid-link.backlink.text-xlarge.line-xlarge.margin-right-xxsmall(next=`${component.route}-directory` data-trans="communities.profile.back")
|
||||
|
||||
div.segment.block.shadow.bg-color-white.margin-right-xxsmall.margin-top-large.margin-left-xxsmall.sm-margin-none
|
||||
|
||||
div.loader(id=`loader-${component.route}-profile`)
|
||||
div
|
||||
div
|
||||
div
|
||||
div
|
||||
|
||||
solid-display.segment.block.whitespace-normal(
|
||||
fields="segment0(segment1(community-picture(logo)), segment2(segment3(segment4(name),segment5(profile.tweeter, profile.facebook, profile.linkedin, profile.instagram)), segment6(profile.shortDescription), segment7(profile.tweeter, profile.facebook, profile.linkedin, profile.instagram), segment8(addresses.adress_line1, addresses.address_line2, members, profile.website, profile.email, profile.phone), segment9(profile.description), segment10(edit))), segment11(profile.picture1, profile.picture2, profile.picture3)"
|
||||
loader-id=`loader-${component.route}-profile`
|
||||
|
||||
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-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-segment3="segment full sm-two-third text-center"
|
||||
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-segment5="segment half text-right sm-hidden"
|
||||
|
||||
class-segment6="segment two-third sm-full padding-top-xsmall sm-text-center"
|
||||
class-profile.shortDescription="segment block sm-text-center margin-bottom-large whitespace-normal"
|
||||
|
||||
class-segment7="segment lg-hidden sm-full"
|
||||
|
||||
class-segment8="segment two-third sm-full padding-bottom-large padding-bottom-xxsmall sm-text-left"
|
||||
|
||||
class-segment9="segment full"
|
||||
class-profile.description="segment full whitespace-normal"
|
||||
|
||||
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-profile.picture1="communities-profile-picture segment third"
|
||||
class-profile.picture2="communities-profile-picture segment third"
|
||||
class-profile.picture3="communities-profile-picture segment third"
|
||||
|
||||
widget-logo="hubl-communities-profile-logo"
|
||||
widget-profile.tweeter="hubl-communities-profile-twitter"
|
||||
widget-profile.facebook="hubl-communities-profile-facebook"
|
||||
widget-profile.linkedin="hubl-communities-profile-linkedin"
|
||||
widget-profile.instagram="hubl-communities-profile-instagram"
|
||||
widget-addresses="hubl-communities-profile-address"
|
||||
widget-members="hubl-communities-profile-members-counter"
|
||||
widget-profile.website="hubl-communities-profile-website"
|
||||
widget-profile.email="hubl-communities-profile-email"
|
||||
widget-profile.phone="hubl-communities-profile-phone"
|
||||
widget-profile.picture1="hubl-communities-profile-picture"
|
||||
widget-profile.picture2="hubl-communities-profile-picture"
|
||||
widget-profile.picture3="hubl-communities-profile-picture"
|
||||
|
||||
bind-resources
|
||||
)
|
||||
|
||||
solid-map.communities-profile-map(
|
||||
bind-resources
|
||||
nested-field="addresses"
|
||||
fields="position(community.name, address_line1, address_line2)"
|
||||
class-community-name="segment block margin bottom-xsmall text-color-heading text-xlarge text-bold"
|
||||
class-address_line1="segment block"
|
||||
class-address_line2="segment block"
|
||||
clustering=""
|
||||
style="display:block;height:450px;"
|
||||
)
|
||||
@ -99,7 +99,7 @@ div
|
||||
if componentSet.has("communities")
|
||||
solid-link.text-hover(next=`admin-${getRoute("chat", true)}`)
|
||||
li.segment.padding-top-small.sm-padding-top-medium
|
||||
a.icon.icon-people.icon-third.icon-small.icon-margin-right-xsmall(data-trans='admin.menuRight.community')
|
||||
a.icon.icon-grid.icon-third.icon-small.icon-margin-right-xsmall(data-trans='admin.menuRight.community')
|
||||
if componentSet.has("circles")
|
||||
solid-link.text-hover(next=`admin-${getRoute("circles", true)}`)
|
||||
li.segment.padding-top-small.sm-padding-top-medium
|
||||
|
||||
@ -28,6 +28,7 @@ solid-router#navbar-router(default-route='dashboard')
|
||||
div.segment.margin-right-xxsmall
|
||||
div.segment.icon.icon-small.icon-grid
|
||||
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.communities")
|
||||
solid-route(name=`${component.route}-profile`)
|
||||
div.divider
|
||||
|
||||
if component.type == "circles"
|
||||
|
||||
@ -22,6 +22,17 @@ include widgets/hubl-circle-team-contact.pug
|
||||
include widgets/hubl-circle-user-admin.pug
|
||||
include widgets/hubl-communities-counter-alternate.pug
|
||||
include widgets/hubl-communities-logo.pug
|
||||
include widgets/hubl-communities-profile-address.pug
|
||||
include widgets/hubl-communities-profile-email.pug
|
||||
include widgets/hubl-communities-profile-facebook.pug
|
||||
include widgets/hubl-communities-profile-instagram.pug
|
||||
include widgets/hubl-communities-profile-linkedin.pug
|
||||
include widgets/hubl-communities-profile-logo.pug
|
||||
include widgets/hubl-communities-profile-members-counter.pug
|
||||
include widgets/hubl-communities-profile-phone.pug
|
||||
include widgets/hubl-communities-profile-picture.pug
|
||||
include widgets/hubl-communities-profile-twitter.pug
|
||||
include widgets/hubl-communities-profile-website.pug
|
||||
include widgets/hubl-counter.pug
|
||||
include widgets/hubl-email-field.pug
|
||||
include widgets/hubl-menu-empty.pug
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
if componentSet.has('admin') && componentSet.has('circles')
|
||||
if (componentSet.has('admin') && componentSet.has('circles')) || componentSet.has('communities')
|
||||
solid-widget(name='hubl-admin-community-logo')
|
||||
template ${value != "" ? `<div \style="background-image:url(${value});" />` : `<div></div>`}
|
||||
@ -1,4 +1,4 @@
|
||||
if componentSet.has('admin') && componentSet.has('communities')
|
||||
if componentSet.has('communities')
|
||||
solid-widget(name='hubl-communities-counter-alternate')
|
||||
template
|
||||
div
|
||||
@ -9,4 +9,4 @@ if componentSet.has('admin') && componentSet.has('communities')
|
||||
nested-field="members"
|
||||
counter-template="\\\${counter}"
|
||||
)
|
||||
span members
|
||||
span(data-trans="communities.list.members")
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
if componentSet.has('admin') && componentSet.has('communities')
|
||||
if componentSet.has('communities')
|
||||
solid-widget(name='hubl-communities-logo')
|
||||
template ${value != "" ? `<div \style="background-image:url(${value});" />` : `<div></div>`}
|
||||
@ -0,0 +1,4 @@
|
||||
if componentSet.has('communities')
|
||||
solid-widget(name='hubl-communities-profile-address')
|
||||
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>`}
|
||||
@ -0,0 +1,3 @@
|
||||
if componentSet.has('communities')
|
||||
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>`}
|
||||
@ -0,0 +1,3 @@
|
||||
if componentSet.has('communities')
|
||||
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>`}
|
||||
@ -0,0 +1,3 @@
|
||||
if componentSet.has('communities')
|
||||
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>`}
|
||||
@ -0,0 +1,3 @@
|
||||
if componentSet.has('communities')
|
||||
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>`}
|
||||
@ -1,3 +1,3 @@
|
||||
if componentSet.has('admin') && componentSet.has('communities')
|
||||
if componentSet.has('communities')
|
||||
solid-widget(name='hubl-communities-profile-logo')
|
||||
template ${value != "" ? `<div \style="background-image:url(${value});" />` : `<div></div>`}
|
||||
@ -1,4 +1,4 @@
|
||||
if componentSet.has('admin') && componentSet.has('communities')
|
||||
if componentSet.has('communities')
|
||||
solid-widget(name='hubl-communities-profile-members-counter')
|
||||
template
|
||||
p
|
||||
@ -8,4 +8,4 @@ if componentSet.has('admin') && componentSet.has('communities')
|
||||
fields=''
|
||||
counter-template="\\\${counter}"
|
||||
)
|
||||
span members
|
||||
span(data-trans="communities.profile.members")
|
||||
@ -0,0 +1,3 @@
|
||||
if componentSet.has('communities')
|
||||
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>`}
|
||||
@ -0,0 +1,3 @@
|
||||
if componentSet.has('communities')
|
||||
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>`}
|
||||
@ -1,6 +0,0 @@
|
||||
if componentSet.has('admin') && componentSet.has('communities')
|
||||
solid-widget(name='hubl-communities-profile-profile')
|
||||
template
|
||||
| ${value.website != "" ? `<a class="link margin-bottom-xsmall icon mdi-link-variant icon-third icon-large icon-margin-right-xsmall" href="tel:\${value.website}" target="_blank">\$value.website</a>` : `<div></div>`}
|
||||
| ${value.email != "" ? `<a class="link margin-bottom-xsmall icon mdi-email-outline icon-third icon-large icon-margin-right-xsmall" href="mailto:\${value.email}">\$value.email</a>` : `<div></div>`}
|
||||
| ${value.phone != "" ? `<a class="link margin-bottom-xsmall icon mdi-cellphone-iphone icon-third icon-large icon-margin-right-xsmall" href="tel:\${value.phone}">\$value.phone</a>` : `<div></div>`}
|
||||
@ -0,0 +1,3 @@
|
||||
if componentSet.has('communities')
|
||||
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>`}
|
||||
@ -0,0 +1,3 @@
|
||||
if componentSet.has('communities')
|
||||
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>`}
|
||||
Loading…
Reference in New Issue
Block a user