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**
28 lines
1.0 KiB
Handlebars
28 lines
1.0 KiB
Handlebars
{{#load-more selector=".directory .user" action=(action "loadMore")}}
|
|
<div class="container">
|
|
<div class='directory'>
|
|
{{plugin-outlet name="users-top" connectorTagName='div' args=(hash model=model)}}
|
|
|
|
<div class='clearfix user-controls'>
|
|
{{period-chooser period=period onChange=(action (mut period))}}
|
|
{{text-field value=nameInput placeholderKey="directory.filter_name" class="filter-name no-blur"}}
|
|
</div>
|
|
|
|
{{#conditional-loading-spinner condition=model.loading}}
|
|
{{#if model.length}}
|
|
<div class='total-rows'>{{i18n "directory.total_rows" count=model.totalRows}}</div>
|
|
{{#each model as |item|}}
|
|
{{directory-item tagName="div" class="user" item=item showTimeRead=showTimeRead}}
|
|
{{/each}}
|
|
|
|
{{conditional-loading-spinner condition=model.loadingMore}}
|
|
{{else}}
|
|
<div class='clearfix'></div>
|
|
<p>{{i18n "directory.no_results"}}</p>
|
|
{{/if}}
|
|
{{/conditional-loading-spinner}}
|
|
|
|
</div>
|
|
</div>
|
|
{{/load-more}}
|