2021-01-22 15:26:19 +00:00
|
|
|
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
|
2021-04-14 11:56:34 +00:00
|
|
|
div.segment.full.sm-three-quarter
|
|
|
|
h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.list.title')
|
|
|
|
div.segment.lg-hidden.sm-quarter.text-right
|
2021-04-15 11:13:48 +00:00
|
|
|
div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
|
2021-01-22 13:21:25 +00:00
|
|
|
|
2021-03-29 07:41:58 +00:00
|
|
|
div.segment.full.padding-large.padding-top-medium.padding-bottom-xsmall.sm-padding-xsmall.sm-padding-top-xxsmall.whitespace-normal
|
2021-01-22 13:21:25 +00:00
|
|
|
|
2021-03-26 14:11:42 +00:00
|
|
|
div(id=`loader-admin-circles-${page}`).loader.loader-top
|
2021-01-22 13:21:25 +00:00
|
|
|
div
|
|
|
|
div
|
|
|
|
div
|
|
|
|
div
|
|
|
|
|
2021-03-29 07:41:58 +00:00
|
|
|
div.segment.full.margin-bottom-medium.sm-padding-none.whitespace-normal
|
2021-01-22 15:26:19 +00:00
|
|
|
div.segment.half.sm-full
|
2021-01-22 13:21:25 +00:00
|
|
|
h3.text-color-heading.text-semibold.text-letter-spacing-large(data-trans='circle.list.subTitle')
|
2021-01-22 15:26:19 +00:00
|
|
|
div.segment.half.sm-full.text-right
|
2021-02-22 20:27:58 +00:00
|
|
|
solid-ac-checker(data-src=`${getComponent('circles').endpoints.post}`, permission='acl:Append')
|
2021-01-22 13:21:25 +00:00
|
|
|
solid-link(
|
|
|
|
class='segment sm-full button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-plus'
|
2021-02-22 20:27:58 +00:00
|
|
|
next=`admin-${getRoute('circles', true)}-create`
|
2021-01-22 13:21:25 +00:00
|
|
|
data-trans='circle.list.buttonCreate'
|
2020-12-11 20:44:00 +00:00
|
|
|
)
|
2019-11-04 13:14:19 +00:00
|
|
|
|
2021-05-12 18:30:08 +00:00
|
|
|
solid-form-search.form.search-form(
|
2021-03-26 14:11:42 +00:00
|
|
|
id=`admin-circle-filter-${page}`
|
2021-04-01 12:35:09 +00:00
|
|
|
fields='searchname'
|
|
|
|
search-searchname='name, circle.name'
|
|
|
|
label-searchname=''
|
|
|
|
widget-searchname='solid-form-label-text'
|
2021-05-12 18:30:08 +00:00
|
|
|
class-searchname="segment margin-bottom-medium margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
|
2021-03-16 14:27:30 +00:00
|
|
|
submit-button=""
|
|
|
|
submit-widget="button"
|
2021-05-12 18:30:08 +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-icon-arrow-right-circle children-icon-small children-icon-margin-right-xsmall"
|
2021-04-01 12:35:09 +00:00
|
|
|
data-trans='label-searchname=circle.list.searchBy;submit-button=circle.list.searchButton'
|
2021-01-26 16:48:05 +00:00
|
|
|
)
|
|
|
|
|
2021-03-29 15:24:10 +00:00
|
|
|
ul(class='segment full margin-top-xsmall sm-margin-top-none sm-padding-none whitespace-normal tabs text-disable-selection')
|
2021-03-26 14:11:42 +00:00
|
|
|
li(class='segment sm-full text-xlarge text-color-heading text-letter-spacing-large margin-right-medium sm-margin-right-none sm-margin-bottom-xsmall')
|
|
|
|
solid-link(class='segment sm-full sm-padding-xsmall tab' next=`admin-${getRoute('circles', true)}`)&attributes({'class': page == 'join' ? 'active' : false})
|
|
|
|
span(class='segment lg-hidden icon icon-globe icon-margin-right-xsmall')
|
|
|
|
span(data-trans='circle.list.tabJoin')
|
|
|
|
solid-display(
|
|
|
|
class="margin-left-xxsmall"
|
|
|
|
data-src=`${getComponent('circles').endpoints.get}joinable/`
|
|
|
|
fields=""
|
|
|
|
counter-template="(${counter})"
|
2021-04-01 12:35:09 +00:00
|
|
|
filtered-by=`admin-circle-filter-${page}`
|
2021-03-26 14:11:42 +00:00
|
|
|
)
|
|
|
|
li(class='segment sm-full text-xlarge text-color-heading text-letter-spacing-large margin-left-medium sm-margin-left-none')
|
|
|
|
solid-link(class='segment sm-full sm-padding-xsmall tab' next=`admin-${getRoute('circles', true)}-leave`)&attributes({'class': page == 'leave' ? 'active' : false})
|
|
|
|
span(class='segment lg-hidden icon icon-check icon-margin-right-xsmall')
|
|
|
|
span(data-trans='circle.list.tabLeave')
|
|
|
|
solid-display(
|
|
|
|
class="margin-left-xxsmall"
|
|
|
|
bind-user
|
|
|
|
nested-field="circles"
|
|
|
|
fields=""
|
|
|
|
counter-template="(${counter})"
|
2021-04-01 12:35:09 +00:00
|
|
|
filtered-by=`admin-circle-filter-${page}`
|
2021-03-26 14:11:42 +00:00
|
|
|
)
|