discourse/app/assets/javascripts/select-kit/addon/templates/components/multi-select.hbs

56 lines
1.5 KiB
Handlebars

{{#unless selectKit.isHidden}}
{{component selectKit.options.headerComponent
tabindex=tabindex
value=value
selectedContent=selectedContent
selectKit=selectKit
id=(concat selectKit.uniqueID "-header")
}}
<SelectKit::SelectKitBody @selectKit={{selectKit}} @id={{concat selectKit.uniqueID "-body"}}>
{{component selectKit.options.filterComponent
selectKit=selectKit
id=(concat selectKit.uniqueID "-filter")
}}
{{#if selectedContent.length}}
<div class="selected-content">
{{#each selectedContent as |item|}}
{{component selectKit.options.selectedChoiceComponent
item=item
selectKit=selectKit
}}
{{/each}}
</div>
{{/if}}
{{#if selectKit.isLoading}}
<span class="is-loading">
{{#if site}}
{{loading-spinner size="small"}}
{{/if}}
</span>
{{else}}
{{#each collections as |collection|}}
{{component (component-for-collection collection.identifier selectKit)
collection=collection
selectKit=selectKit
value=value
}}
{{/each}}
{{#if selectKit.filter}}
{{#if selectKit.hasNoContent}}
<span class="no-content" role="alert">
{{i18n "select_kit.no_content"}}
</span>
{{else}}
<span class="results-count" role="alert">
{{i18n "select_kit.results_count" count=mainCollection.length}}
</span>
{{/if}}
{{/if}}
{{/if}}
</SelectKit::SelectKitBody>
{{/unless}}