Components.ModelsTablePaginationSimple Class
Simple navigation (first, prev, next, last) used within models-table/footer.
Usage example:
<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
<MT.Footer as |Footer|>
<Footer.PaginationSimple />
{{! ... }}
</MT.Footer>
{{! .... }}
</ModelsTable>
Block usage example:
<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
<MT.Footer as |Footer|>
<Footer.PaginationSimple as |PS|>
<button
class="{{if PS.goToBackEnabled "enabled" "disabled"}} {{MT.themeInstance.buttonDefault}}"
{{action PS.goToFirst}}>
<i class={{MT.themeInstance.navFirstIcon}}></i>
</button>
<button
class="{{if PS.goToBackEnabled "enabled" "disabled"}} {{MT.themeInstance.buttonDefault}}"
{{action PS.goToPrev}}>
<i class={{MT.themeInstance.navPrevIcon}}></i>
</button>
<button
class="{{if PS.goToForwardEnabled "enabled" "disabled"}} {{MT.themeInstance.buttonDefault}}"
{{action PS.goToNext}}>
<i class={{MT.themeInstance.navNextIcon}}></i>
</button>
<button
class="{{if PS.goToForwardEnabled "enabled" "disabled"}} {{MT.themeInstance.buttonDefault}}"
{{action PS.goToLast}}>
<i class={{MT.themeInstance.navLastIcon}}></i>
</button>
<PS.PageNumberSelect/>
</Footer.PaginationSimple>
</MT.Footer>
</ModelsTable>
ModelsTablePaginationSimple yields references to the following contextual components:
- PageNumberSelect - selectbox with list of available pages
References to the following properties are yielded:
- goToBackEnabled -
true
is user is not in the first page - goToForwardEnabled -
true
if user is not in the last page
References to the following actions are yielded:
Item Index
Properties
Properties
showCurrentPageNumberSelect
Boolean
Bound from ModelsTable.showCurrentPageNumberSelect
Default: null