mirror of
https://github.com/discourse/discourse.git
synced 2024-11-25 09:42:07 +08:00
cb59681d86
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
56 lines
1.5 KiB
Handlebars
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")
|
|
}}
|
|
|
|
{{#select-kit/select-kit-body selectKit=selectKit id=(concat selectKit.uniqueID "-body")}}
|
|
{{component selectKit.options.filterComponent
|
|
selectKit=selectKit
|
|
id=(concat selectKit.uniqueID "-filter")
|
|
}}
|
|
|
|
{{#if selectedContent}}
|
|
<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}}
|
|
{{/select-kit/select-kit-body}}
|
|
{{/unless}}
|