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

Loading…
Cancel
Save