discourse/app/assets/javascripts/select-kit/addon/templates/components/single-select.hbs
Joffrey JAFFEUX cb59681d86
DEV: select-kit third major update with focus on accessibility (#13303)
Major changes included:
- better support for screen readers
- trapping focus in modals
- better tabbing order in composer
- alerts on no content found/number of items found
- better autofocus in modals
- mini-tag-chooser is now a multi-select component
- each multi-select-component will now display selection on one row
2021-08-23 10:44:19 +02:00

45 lines
1.3 KiB
Handlebars

{{#unless selectKit.isHidden}}
{{component selectKit.options.headerComponent
tabindex=tabindex
value=value
selectedContent=selectedContent
selectKit=selectKit
id=(concat selectKit.uniqueID "-header")
}}
{{#select-kit/select-kit-body selectKit=selectKit id=(concat selectKit.uniqueID "-body")}}
{{component selectKit.options.filterComponent
selectKit=selectKit
id=(concat selectKit.uniqueID "-filter")
}}
{{#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}}
{{/select-kit/select-kit-body}}
{{/unless}}