dani
/
vroom
mirror of https://github.com/dani/vroom.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Update bootpag to 1.0.7

Browse Source
master
Daniel Berteaud 10 years ago
parent d130c71603
commit a32fc78346
1 changed files with 87 additions and 36 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 123
      public/js/jquery.bootpag.js

123
public/js/jquery.bootpag.js
Unescape View File

@ -1,8 +1,8 @@
/** /**
* @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,14 +10,14 @@
* 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) {
$.fn.bootpag = function(options){ $.fn.bootpag = function(options){
var $owner = this, var $owner = this,
settings = $.extend({ settings = $.extend({
total: 0, total: 0,
page: 1, page: 1,
@ -26,54 +26,90 @@
href: 'javascript:void(0);', href: 'javascript:void(0);',
hrefVariable: '{{number}}', hrefVariable: '{{number}}',
next: '»', next: '»',
prev: '«' prev: '«',
}, firstLastUse: false,
$owner.data('settings') || {}, 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 || {}); options || {});
if(settings.total <= 0) if(settings.total <= 0)
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){
var lp, page = parseInt(page, 10);
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;
$page
.first() if(settings.firstLastUse) {
.toggleClass('disabled', page === 1) $page
.first()
.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));
var step = settings.maxVisible == 1 ? 0 : 1; var step = settings.maxVisible == 1 ? 0 : 1;
lp = page + 1 > settings.total ? settings.total : lp = page + 1 > settings.total ? settings.total :
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;
$page var llast = $page.last();
.last() if(settings.firstLastUse) {
.toggleClass('disabled', page === settings.total) llast = llast.prev();
}
llast
.toggleClass(settings.disabledClass, page === settings.total)
.attr('data-lp', lp) .attr('data-lp', lp)
.find('a').attr('href', href(lp));; .find('a').attr('href', href(lp));
$page
.last()
.toggleClass(settings.disabledClass, page === settings.total);
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);
} }
@ -92,33 +128,48 @@
} }
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);

Write Preview
Loading…
Cancel
Save