73 lines
2.4 KiB
JavaScript
73 lines
2.4 KiB
JavaScript
import Ember from 'ember';
|
|
import BaseComponent from './base-component';
|
|
|
|
export default BaseComponent.extend({
|
|
classNames: ['widget-toolbox', 'clearfix'],
|
|
total: Ember.computed.alias('route.controller.model.total'),
|
|
prevPage: Ember.computed('currPage', function() {
|
|
return this.get('currPage') - 1 || 1;
|
|
}),
|
|
nextPage: Ember.computed('currPage', function() {
|
|
let me = this;
|
|
let page = me.get('currPage');
|
|
return page + 1 <= me.get('totalPage') ? page + 1 : page;
|
|
}),
|
|
currPage: Ember.computed('params.page', function() {
|
|
let me = this;
|
|
let currPage = parseInt(me.get('params.page'));
|
|
Ember.Logger.info('Get curr page [' + currPage + ']');
|
|
return currPage;
|
|
}),
|
|
pages: Ember.computed('total', function() {
|
|
const me = this;
|
|
const totalPage = me.get('totalPage');
|
|
const currPage = me.get('currPage');
|
|
let pages = [];
|
|
|
|
if (currPage > 4) {
|
|
pages.push({page: 1, text: 1});
|
|
pages.push({page: currPage - 3, text: '...'});
|
|
pages.push({page: currPage - 2, text: currPage - 2});
|
|
pages.push({page: currPage - 1, text: currPage - 1});
|
|
}
|
|
// from page 1
|
|
else {
|
|
let i = 0;
|
|
while (++i < currPage) {
|
|
pages.push({page: i, text: i});
|
|
}
|
|
}
|
|
|
|
pages.push({page: currPage, text: currPage, active: true});
|
|
|
|
if (currPage < totalPage - 4) {
|
|
pages.push({page: currPage + 1, text: currPage + 1});
|
|
pages.push({page: currPage + 2, text: currPage + 2});
|
|
pages.push({page: currPage + 3, text: '...'});
|
|
pages.push({page: totalPage, text: totalPage});
|
|
}
|
|
// to the end
|
|
else {
|
|
let i = currPage;
|
|
while (++i <= totalPage) {
|
|
pages.push({page: i, text: i});
|
|
}
|
|
}
|
|
return pages;
|
|
}),
|
|
totalPage: Ember.computed('total', function() {
|
|
let me = this;
|
|
let pageSize = me.get('service.pageSize') || 16;
|
|
return parseInt((me.get('total') + pageSize - 1) / pageSize);
|
|
}),
|
|
actions: {
|
|
gotoPage(page) {
|
|
let me = this;
|
|
let router = me.get('router');
|
|
let params = me.get('params');
|
|
Ember.Logger.info('To Page [' + page + '], Params: ', params);
|
|
router.transitionTo(me.get('routeName'), page, {queryParams: params});
|
|
}
|
|
}
|
|
});
|