45 lines
1.3 KiB
JavaScript
45 lines
1.3 KiB
JavaScript
|
import Ember from 'ember';
|
||
|
|
|
||
|
|
const { Component, computed } = Ember;
|
||
|
|
|
||
|
|
export default Component.extend({
|
||
|
|
source: computed(() => []),
|
||
|
|
size: 25,
|
||
|
|
page: 1,
|
||
|
|
spread: 2,
|
||
|
|
|
||
|
|
startsAt: computed('size', 'page', function() {
|
||
|
|
return (this.get('page') - 1) * this.get('size') + 1;
|
||
|
|
}),
|
||
|
|
|
||
|
|
endsAt: computed('source.[]', 'size', 'page', function() {
|
||
|
|
return Math.min(this.get('page') * this.get('size'), this.get('source.length'));
|
||
|
|
}),
|
||
|
|
|
||
|
|
lastPage: computed('source.[]', 'size', function() {
|
||
|
|
return Math.ceil(this.get('source.length') / this.get('size'));
|
||
|
|
}),
|
||
|
|
|
||
|
|
pageLinks: computed('source.[]', 'page', 'spread', function() {
|
||
|
|
const { spread, page, lastPage } = this.getProperties('spread', 'page', 'lastPage');
|
||
|
|
|
||
|
|
// When there is only one page, don't bother with page links
|
||
|
|
if (lastPage === 1) {
|
||
|
|
return [];
|
||
|
|
}
|
||
|
|
|
||
|
|
const lowerBound = Math.max(1, page - spread);
|
||
|
|
const upperBound = Math.min(lastPage, page + spread) + 1;
|
||
|
|
|
||
|
|
return Array(upperBound - lowerBound).fill(null).map((_, index) => ({
|
||
|
|
pageNumber: lowerBound + index,
|
||
|
|
}));
|
||
|
|
}),
|
||
|
|
|
||
|
|
list: computed('source.[]', 'page', 'size', function() {
|
||
|
|
const size = this.get('size');
|
||
|
|
const start = (this.get('page') - 1) * size;
|
||
|
|
return this.get('source').slice(start, start + size);
|
||
|
|
}),
|
||
|
|
});
|