You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
223 lines
7.6 KiB
223 lines
7.6 KiB
/**
|
|
* simplePagination.js v1.5
|
|
* A simple jQuery pagination plugin.
|
|
* http://flaviusmatis.github.com/simplePagination.js/
|
|
*
|
|
* Copyright 2012, Flavius Matis
|
|
* Released under the MIT license.
|
|
* http://flaviusmatis.github.com/license.html
|
|
*/
|
|
|
|
(function ($) {
|
|
var methods = {
|
|
init: function (options) {
|
|
var o = $.extend({
|
|
items: 1,
|
|
itemsOnPage: 1,
|
|
pages: 0,
|
|
displayedPages: 5,
|
|
edges: 2,
|
|
currentPage: 1,
|
|
hrefTextPrefix: '#page-',
|
|
hrefTextSuffix: '',
|
|
prevText: 'Prev',
|
|
nextText: 'Next',
|
|
ellipseText: '…',
|
|
cssStyle: 'light-theme',
|
|
selectOnClick: true,
|
|
onPageClick: function (pageNumber, event) {
|
|
// Callback triggered when a page is clicked
|
|
// Page number is given as an optional parameter
|
|
},
|
|
onInit: function () {
|
|
// Callback triggered immediately after initialization
|
|
}
|
|
}, options || {});
|
|
|
|
var self = this;
|
|
|
|
o.pages = o.pages ? o.pages : Math.ceil(o.items / o.itemsOnPage) ? Math.ceil(o.items / o.itemsOnPage) : 1;
|
|
o.currentPage = o.currentPage - 1;
|
|
o.halfDisplayed = o.displayedPages / 2;
|
|
|
|
this.each(function () {
|
|
self.addClass(o.cssStyle + ' simple-pagination').data('pagination', o);
|
|
methods._draw.call(self);
|
|
});
|
|
|
|
o.onInit();
|
|
|
|
return this;
|
|
},
|
|
|
|
selectPage: function (page) {
|
|
methods._selectPage.call(this, page - 1);
|
|
return this;
|
|
},
|
|
|
|
prevPage: function () {
|
|
var o = this.data('pagination');
|
|
if (o.currentPage > 0) {
|
|
methods._selectPage.call(this, o.currentPage - 1);
|
|
}
|
|
return this;
|
|
},
|
|
|
|
nextPage: function () {
|
|
var o = this.data('pagination');
|
|
if (o.currentPage < o.pages - 1) {
|
|
methods._selectPage.call(this, o.currentPage + 1);
|
|
}
|
|
return this;
|
|
},
|
|
|
|
getPagesCount: function () {
|
|
return this.data('pagination').pages;
|
|
},
|
|
|
|
getCurrentPage: function () {
|
|
return this.data('pagination').currentPage + 1;
|
|
},
|
|
|
|
destroy: function () {
|
|
this.empty();
|
|
return this;
|
|
},
|
|
|
|
redraw: function () {
|
|
methods._draw.call(this);
|
|
return this;
|
|
},
|
|
|
|
disable: function () {
|
|
var o = this.data('pagination');
|
|
o.disabled = true;
|
|
this.data('pagination', o);
|
|
methods._draw.call(this);
|
|
return this;
|
|
},
|
|
|
|
enable: function () {
|
|
var o = this.data('pagination');
|
|
o.disabled = false;
|
|
this.data('pagination', o);
|
|
methods._draw.call(this);
|
|
return this;
|
|
},
|
|
|
|
_draw: function () {
|
|
var o = this.data('pagination'),
|
|
interval = methods._getInterval(o),
|
|
i;
|
|
|
|
methods.destroy.call(this);
|
|
|
|
var $panel = this.prop("tagName") === "UL" ? this : $('<ul></ul>').appendTo(this);
|
|
|
|
// Generate Prev link
|
|
if (o.prevText) {
|
|
methods._appendItem.call(this, o.currentPage - 1, { text: o.prevText, classes: 'prev' });
|
|
}
|
|
|
|
// Generate start edges
|
|
if (interval.start > 0 && o.edges > 0) {
|
|
var end = Math.min(o.edges, interval.start);
|
|
for (i = 0; i < end; i++) {
|
|
methods._appendItem.call(this, i);
|
|
}
|
|
if (o.edges < interval.start && (interval.start - o.edges != 1)) {
|
|
$panel.append('<li class="disabled"><span class="ellipse">' + o.ellipseText + '</span></li>');
|
|
} else if (interval.start - o.edges == 1) {
|
|
methods._appendItem.call(this, o.edges);
|
|
}
|
|
}
|
|
|
|
// Generate interval links
|
|
for (i = interval.start; i < interval.end; i++) {
|
|
methods._appendItem.call(this, i);
|
|
}
|
|
|
|
// Generate end edges
|
|
if (interval.end < o.pages && o.edges > 0) {
|
|
if (o.pages - o.edges > interval.end && (o.pages - o.edges - interval.end != 1)) {
|
|
$panel.append('<li class="disabled"><span class="ellipse">' + o.ellipseText + '</span></li>');
|
|
} else if (o.pages - o.edges - interval.end == 1) {
|
|
methods._appendItem.call(this, interval.end++);
|
|
}
|
|
var begin = Math.max(o.pages - o.edges, interval.end);
|
|
for (i = begin; i < o.pages; i++) {
|
|
methods._appendItem.call(this, i);
|
|
}
|
|
}
|
|
|
|
// Generate Next link
|
|
if (o.nextText) {
|
|
methods._appendItem.call(this, o.currentPage + 1, { text: o.nextText, classes: 'next' });
|
|
}
|
|
},
|
|
|
|
_getInterval: function (o) {
|
|
return {
|
|
start: Math.ceil(o.currentPage > o.halfDisplayed ? Math.max(Math.min(o.currentPage - o.halfDisplayed, (o.pages - o.displayedPages)), 0) : 0),
|
|
end: Math.ceil(o.currentPage > o.halfDisplayed ? Math.min(o.currentPage + o.halfDisplayed, o.pages) : Math.min(o.displayedPages, o.pages))
|
|
};
|
|
},
|
|
|
|
_appendItem: function (pageIndex, opts) {
|
|
var self = this, options, $link, o = self.data('pagination'), $linkWrapper = $('<li></li>'), $ul = self.find('ul');
|
|
|
|
pageIndex = pageIndex < 0 ? 0 : (pageIndex < o.pages ? pageIndex : o.pages - 1);
|
|
|
|
options = $.extend({
|
|
text: pageIndex + 1,
|
|
classes: ''
|
|
}, opts || {});
|
|
|
|
if (pageIndex == o.currentPage || o.disabled) {
|
|
if (o.disabled) {
|
|
$linkWrapper.addClass('disabled');
|
|
} else {
|
|
$linkWrapper.addClass('active');
|
|
}
|
|
$link = $('<span class="current">' + (options.text) + '</span>');
|
|
} else {
|
|
$link = $('<a href="' + o.hrefTextPrefix + (pageIndex + 1) + o.hrefTextSuffix + '" class="page-link">' + (options.text) + '</a>');
|
|
$link.click(function (event) {
|
|
return methods._selectPage.call(self, pageIndex, event);
|
|
});
|
|
}
|
|
|
|
if (options.classes) {
|
|
$link.addClass(options.classes);
|
|
}
|
|
|
|
$linkWrapper.append($link);
|
|
|
|
if ($ul.length) {
|
|
$ul.append($linkWrapper);
|
|
} else {
|
|
self.append($linkWrapper);
|
|
}
|
|
},
|
|
|
|
_selectPage: function (pageIndex, event) {
|
|
var o = this.data('pagination');
|
|
o.currentPage = pageIndex;
|
|
if (o.selectOnClick) {
|
|
methods._draw.call(this);
|
|
}
|
|
return o.onPageClick(pageIndex + 1, event);
|
|
}
|
|
};
|
|
|
|
$.fn.pagination = function (method) {
|
|
// Method calling logic
|
|
if (methods[method] && method.charAt(0) != '_') {
|
|
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
|
} else if (typeof method === 'object' || !method) {
|
|
return methods.init.apply(this, arguments);
|
|
} else {
|
|
$.error('Method ' + method + ' does not exist on jQuery.pagination');
|
|
}
|
|
};
|
|
})(jQuery);
|