patch: community-map
This commit is contained in:
gaelle morin
@ -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`)
|
||||
span
|
||||
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;"
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user