2021-04-07 21:21:50 +00:00
|
|
|
.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')
|
2021-04-06 13:47:57 +00:00
|
|
|
|
2021-04-07 21:21:50 +00:00
|
|
|
div.padding-top-xxsmall.margin-left-xsmall.margin-right-xsmall.sm-padding-none.sm-margin-none.sm-margin-right-xsmall.sm-margin-left-xsmall
|
2021-04-13 11:37:23 +00:00
|
|
|
div.segment.quarter.sm-full
|
2021-05-12 18:30:08 +00:00
|
|
|
solid-form-search.form.search-form.sm-whitespace-normal(
|
2021-04-06 13:47:57 +00:00
|
|
|
id=`communities-filter`
|
|
|
|
fields='name'
|
|
|
|
placeholder-name=''
|
|
|
|
widget-name='solid-form-placeholder-text'
|
2021-05-12 18:30:08 +00:00
|
|
|
class-name="segment margin-bottom-medium full sm-full padding-right-small sm-padding-none text-small input-bg-white children-shadow"
|
2021-04-06 13:47:57 +00:00
|
|
|
submit-button=""
|
|
|
|
submit-widget="button"
|
2021-05-14 18:19:55 +00:00
|
|
|
class-submit-button="search-button segment sm-full text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered children-button-icon children-icon-arrow-right-circle children-icon-small children-icon-margin-right-xsmall"
|
2021-04-06 13:47:57 +00:00
|
|
|
data-trans='placeholder-name=communities.list.searchBy;submit-button=communities.list.searchButton'
|
|
|
|
)
|
2021-04-26 16:27:28 +00:00
|
|
|
div.segment.sm-full.text-right(style='float:right')
|
2021-04-06 13:47:57 +00:00
|
|
|
solid-link.segment.children-link-rounded.children-icon-map.children-link-reversed.color-secondary.bordered(next=`${component.route}-map`)
|
|
|
|
span
|
|
|
|
|
|
|
|
div.segment.full.padding-top-xsmall.sm-padding-xsmall.whitespace-normal
|
|
|
|
div.loader(id=`loader-${component.route}-directory`)
|
|
|
|
div
|
|
|
|
div
|
|
|
|
div
|
|
|
|
div
|
|
|
|
solid-display(
|
2021-04-09 11:28:39 +00:00
|
|
|
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'
|
2021-04-06 13:47:57 +00:00
|
|
|
data-src=`${component.endpoints.get}`
|
|
|
|
loader-id=`loader-${component.route}-directory`
|
|
|
|
fields='segment1(segment2(logo), segment3(name, profile.shortDescription, counter))'
|
|
|
|
filtered-by=`communities-filter`
|
|
|
|
order-by='name'
|
|
|
|
paginate-by='20'
|
|
|
|
|
|
|
|
class-segment1='segment hover bg-color-white shadow border-rounded-xxsmall full text-top whitespace-normal'
|
|
|
|
class-segment2='segment block padding-xlarge text-center'
|
2021-04-07 21:21:50 +00:00
|
|
|
class-segment3='segment full padding-xlarge sm-padding-medium border-top border-color-grey text-center whitespace-normal'
|
2021-04-06 13:47:57 +00:00
|
|
|
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'
|
2021-04-07 21:21:50 +00:00
|
|
|
class-counter='segment block whitespace-normal'
|
2021-04-06 13:47:57 +00:00
|
|
|
|
|
|
|
widget-logo='hubl-admin-community-logo'
|
|
|
|
action-counter="counter"
|
|
|
|
widget-counter='hubl-communities-counter-alternate'
|
|
|
|
next=`${component.route}-profile`
|
|
|
|
)
|