lemo-crm/web/app/components/pagination-bar.js
2018-02-12 20:23:03 +08:00

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});
}
}
});