mirror of
https://github.com/discourse/discourse.git
synced 2024-12-16 20:13:43 +08:00
0431942f3d
This new iteration of select-kit focuses on following best principales and disallowing mutations inside select-kit components. A best effort has been made to avoid breaking changes, however if you content was a flat array, eg: ["foo", "bar"] You will need to set valueProperty=null and nameProperty=null on the component. Also almost every component should have an `onChange` handler now to decide what to do with the updated data. **select-kit will not mutate your data by itself anymore**
35 lines
891 B
Handlebars
35 lines
891 B
Handlebars
{{#unless isHidden}}
|
|
{{component selectKit.options.headerComponent
|
|
tabindex=tabindex
|
|
value=value
|
|
selectedContent=selectedContent
|
|
selectKit=selectKit
|
|
}}
|
|
|
|
{{#select-kit/select-kit-body selectKit=selectKit}}
|
|
{{#unless selectKit.isLoading}}
|
|
{{#if selectKit.filter}}
|
|
{{#if selectKit.hasNoContent}}
|
|
<span class="no-content">
|
|
{{i18n "select_kit.no_content"}}
|
|
</span>
|
|
{{/if}}
|
|
{{/if}}
|
|
|
|
{{#each collections as |collection|}}
|
|
{{component (component-for-collection collection.identifier selectKit)
|
|
collection=collection
|
|
selectKit=selectKit
|
|
value=value
|
|
}}
|
|
{{/each}}
|
|
{{else}}
|
|
<span class="is-loading">
|
|
{{loading-spinner size="small"}}
|
|
</span>
|
|
{{/unless}}
|
|
{{/select-kit/select-kit-body}}
|
|
|
|
<div class="select-kit-wrapper"></div>
|
|
{{/unless}}
|