Update bootpag to 1.0.7

master
Daniel Berteaud 10 years ago
parent d130c71603
commit a32fc78346
  1. 87
      public/js/jquery.bootpag.js

@ -2,7 +2,7 @@
* @preserve
* bootpag - jQuery plugin for dynamic pagination
*
* Copyright (c) 2013 botmonster@7items.com
* Copyright (c) 2015 botmonster@7items.com
*
* Licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
@ -10,7 +10,7 @@
* Project home:
* http://botmonster.com/jquery-bootpag/
*
* Version: 1.0.5
* Version: 1.0.7
*
*/
(function($, window) {
@ -26,7 +26,17 @@
href: 'javascript:void(0);',
hrefVariable: '{{number}}',
next: '»',
prev: '«'
prev: '«',
firstLastUse: false,
first: '<span aria-hidden="true">&larr;</span>',
last: '<span aria-hidden="true">&rarr;</span>',
wrapClass: 'pagination',
activeClass: 'active',
disabledClass: 'disabled',
nextClass: 'next',
prevClass: 'prev',
lastClass: 'last',
firstClass: 'first'
},
$owner.data('settings') || {},
options || {});
@ -35,26 +45,38 @@
return this;
if(!$.isNumeric(settings.maxVisible) && !settings.maxVisible){
settings.maxVisible = settings.total;
settings.maxVisible = parseInt(settings.total, 10);
}
$owner.data('settings', settings);
function renderPage($bootpag, page){
page = parseInt(page, 10);
var lp,
maxV = settings.maxVisible == 0 ? 1 : settings.maxVisible,
step = settings.maxVisible == 1 ? 0 : 1,
vis = Math.floor((page - 1) / maxV) * maxV,
$page = $bootpag.find('li');
settings.page = page = page < 0 ? 0 : page > settings.total ? settings.total : page;
$page.removeClass('disabled');
$page.removeClass(settings.activeClass);
lp = page - 1 < 1 ? 1 :
settings.leaps && page - 1 >= settings.maxVisible ?
Math.floor((page - 1) / maxV) * maxV : page - 1;
if(settings.firstLastUse) {
$page
.first()
.toggleClass('disabled', page === 1)
.toggleClass(settings.disabledClass, page === 1);
}
var lfirst = $page.first();
if(settings.firstLastUse) {
lfirst = lfirst.next();
}
lfirst
.toggleClass(settings.disabledClass, page === 1)
.attr('data-lp', lp)
.find('a').attr('href', href(lp));
@ -64,16 +86,30 @@
settings.leaps && page + 1 < settings.total - settings.maxVisible ?
vis + settings.maxVisible + step: page + 1;
var llast = $page.last();
if(settings.firstLastUse) {
llast = llast.prev();
}
llast
.toggleClass(settings.disabledClass, page === settings.total)
.attr('data-lp', lp)
.find('a').attr('href', href(lp));
$page
.last()
.toggleClass('disabled', page === settings.total)
.attr('data-lp', lp)
.find('a').attr('href', href(lp));;
.toggleClass(settings.disabledClass, page === settings.total);
var $currPage = $page.filter('[data-lp='+page+']');
if(!$currPage.not('.next,.prev').length){
var clist = "." + [settings.nextClass,
settings.prevClass,
settings.firstClass,
settings.lastClass].join(",.");
if(!$currPage.not(clist).length){
var d = page <= vis ? -settings.maxVisible : 0;
$page.not('.next,.prev').each(function(index){
$page.not(clist).each(function(index){
lp = index + 1 + vis + d;
$(this)
.attr('data-lp', lp)
@ -82,7 +118,7 @@
});
$currPage = $page.filter('[data-lp='+page+']');
}
$currPage.addClass('disabled');
$currPage.not(clist).addClass(settings.activeClass);
$owner.data('settings', settings);
}
@ -94,31 +130,46 @@
return this.each(function(){
var $bootpag, lp, me = $(this),
p = ['<ul class="pagination bootpag">'];
p = ['<ul class="', settings.wrapClass, ' bootpag">'];
if(settings.firstLastUse){
p = p.concat(['<li data-lp="1" class="', settings.firstClass,
'"><a href="', href(1), '">', settings.first, '</a></li>']);
}
if(settings.prev){
p.push('<li data-lp="1" class="prev"><a href="'+href(1)+'">'+settings.prev+'</a></li>');
p = p.concat(['<li data-lp="1" class="', settings.prevClass,
'"><a href="', href(1), '">', settings.prev, '</a></li>']);
}
for(var c = 1; c <= Math.min(settings.total, settings.maxVisible); c++){
p.push('<li data-lp="'+c+'"><a href="'+href(c)+'">'+c+'</a></li>');
p = p.concat(['<li data-lp="', c, '"><a href="', href(c), '">', c, '</a></li>']);
}
if(settings.next){
lp = settings.leaps && settings.total > settings.maxVisible
? Math.min(settings.maxVisible + 1, settings.total) : 2;
p.push('<li data-lp="'+lp+'" class="next"><a href="'+href(lp)+'">'+settings.next+'</a></li>');
p = p.concat(['<li data-lp="', lp, '" class="',
settings.nextClass, '"><a href="', href(lp),
'">', settings.next, '</a></li>']);
}
if(settings.firstLastUse){
p = p.concat(['<li data-lp="', settings.total, '" class="last"><a href="',
href(settings.total),'">', settings.last, '</a></li>']);
}
p.push('</ul>');
me.find('ul.bootpag').remove();
me.append(p.join(''));
$bootpag = me.find('ul.bootpag');
me.find('li').click(function paginationClick(){
var me = $(this);
if(me.hasClass('disabled')){
if(me.hasClass(settings.disabledClass) || me.hasClass(settings.activeClass)){
return;
}
var page = parseInt(me.attr('data-lp'), 10);
renderPage($bootpag, page);
$owner.find('ul.bootpag').each(function(){
renderPage($(this), page);
});
$owner.trigger('page', page);
});
renderPage($bootpag, settings.page);

Loading…
Cancel
Save