From f752634150560d9ff22495fb4d0a60f8d823d903 Mon Sep 17 00:00:00 2001 From: Shabith Ishan Date: Tue, 16 Feb 2016 16:10:07 +0530 Subject: [PATCH 1/2] modularize the plugin --- .gitignore | 13 + jquery.simplePagination.js | 709 +++++++++++++++++-------------------- package.json | 30 ++ 3 files changed, 369 insertions(+), 383 deletions(-) create mode 100644 package.json diff --git a/.gitignore b/.gitignore index 6360b10..9813941 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,15 @@ .idea/* .DS_Store +node_modules +.npm +npm-debug.log* +# Created by https://www.gitignore.io/api/node + +### Node ### +# Logs +logs +*.log +npm-debug.log* + + + diff --git a/jquery.simplePagination.js b/jquery.simplePagination.js index e2e9763..d2783b0 100644 --- a/jquery.simplePagination.js +++ b/jquery.simplePagination.js @@ -7,387 +7,330 @@ * 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: 0, - hrefTextPrefix: '#page-', - hrefTextSuffix: '', - prevText: 'Prev', - nextText: 'Next', - ellipseText: '…', - ellipsePageSet: true, - cssStyle: 'light-theme', - listStyle: '', - labelMap: [], - selectOnClick: true, - nextAtFront: false, - invertPageOrder: false, - useStartEdge : true, - useEndEdge : 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; - if (o.currentPage) - o.currentPage = o.currentPage - 1; - else - o.currentPage = !o.invertPageOrder ? 0 : o.pages - 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.invertPageOrder) { - if (o.currentPage > 0) { - methods._selectPage.call(this, o.currentPage - 1); - } - } else { - if (o.currentPage < o.pages - 1) { - methods._selectPage.call(this, o.currentPage + 1); - } - } - return this; - }, - - nextPage: function() { - var o = this.data('pagination'); - if (!o.invertPageOrder) { - if (o.currentPage < o.pages - 1) { - methods._selectPage.call(this, o.currentPage + 1); - } - } else { - if (o.currentPage > 0) { - methods._selectPage.call(this, o.currentPage - 1); - } - } - return this; - }, - - getPagesCount: function() { - return this.data('pagination').pages; - }, - - setPagesCount: function(count) { - this.data('pagination').pages = count; - }, - - getCurrentPage: function () { - return this.data('pagination').currentPage + 1; - }, - - destroy: function(){ - this.empty(); - return this; - }, - - drawPage: function (page) { - var o = this.data('pagination'); - o.currentPage = page - 1; - this.data('pagination', o); - methods._draw.call(this); - 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; - }, - - updateItems: function (newItems) { - var o = this.data('pagination'); - o.items = newItems; - o.pages = methods._getPages(o); - this.data('pagination', o); - methods._draw.call(this); - }, - - updateItemsOnPage: function (itemsOnPage) { - var o = this.data('pagination'); - o.itemsOnPage = itemsOnPage; - o.pages = methods._getPages(o); - this.data('pagination', o); - methods._selectPage.call(this, 0); - return this; - }, - - getItemsOnPage: function() { - return this.data('pagination').itemsOnPage; - }, - - _draw: function() { - var o = this.data('pagination'), - interval = methods._getInterval(o), - i, - tagName; - - methods.destroy.call(this); - - tagName = (typeof this.prop === 'function') ? this.prop('tagName') : this.attr('tagName'); - - var $panel = tagName === 'UL' ? this : $('').appendTo(this); - - // Generate Prev link - if (o.prevText) { - methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage - 1 : o.currentPage + 1, {text: o.prevText, classes: 'prev'}); - } - - // Generate Next link (if option set for at front) - if (o.nextText && o.nextAtFront) { - methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage + 1 : o.currentPage - 1, {text: o.nextText, classes: 'next'}); - } - - // Generate start edges - if (!o.invertPageOrder) { - if (interval.start > 0 && o.edges > 0) { - if(o.useStartEdge) { - 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('
  • ' + o.ellipseText + '
    • '); - } else if (interval.start - o.edges == 1) { - methods._appendItem.call(this, o.edges); - } - } - } else { - if (interval.end < o.pages && o.edges > 0) { - if(o.useStartEdge) { - var begin = Math.max(o.pages - o.edges, interval.end); - for (i = o.pages - 1; i >= begin; i--) { - methods._appendItem.call(this, i); - } - } - - if (o.pages - o.edges > interval.end && (o.pages - o.edges - interval.end != 1)) { - $panel.append('
  • ' + o.ellipseText + '
    • '); - } else if (o.pages - o.edges - interval.end == 1) { - methods._appendItem.call(this, interval.end); - } - } - } - - // Generate interval links - if (!o.invertPageOrder) { - for (i = interval.start; i < interval.end; i++) { - methods._appendItem.call(this, i); - } - } else { - for (i = interval.end - 1; i >= interval.start; i--) { - methods._appendItem.call(this, i); - } - } - - // Generate end edges - if (!o.invertPageOrder) { - if (interval.end < o.pages && o.edges > 0) { - if (o.pages - o.edges > interval.end && (o.pages - o.edges - interval.end != 1)) { - $panel.append('
  • ' + o.ellipseText + '
    • '); - } else if (o.pages - o.edges - interval.end == 1) { - methods._appendItem.call(this, interval.end); - } - if(o.useEndEdge) { - var begin = Math.max(o.pages - o.edges, interval.end); - for (i = begin; i < o.pages; i++) { - methods._appendItem.call(this, i); - } - } - } - } else { - if (interval.start > 0 && o.edges > 0) { - if (o.edges < interval.start && (interval.start - o.edges != 1)) { - $panel.append('
  • ' + o.ellipseText + '
    • '); - } else if (interval.start - o.edges == 1) { - methods._appendItem.call(this, o.edges); - } - - if(o.useEndEdge) { - var end = Math.min(o.edges, interval.start); - for (i = end - 1; i >= 0; i--) { - methods._appendItem.call(this, i); - } - } - } - } - - // Generate Next link (unless option is set for at front) - if (o.nextText && !o.nextAtFront) { - methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage + 1 : o.currentPage - 1, {text: o.nextText, classes: 'next'}); - } - - if (o.ellipsePageSet && !o.disabled) { - methods._ellipseClick.call(this, $panel); - } - - }, - - _getPages: function(o) { - var pages = Math.ceil(o.items / o.itemsOnPage); - return pages || 1; - }, - - _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 = $('
  • '), $ul = self.find('ul'); - - pageIndex = pageIndex < 0 ? 0 : (pageIndex < o.pages ? pageIndex : o.pages - 1); - - options = { - text: pageIndex + 1, - classes: '' - }; - - if (o.labelMap.length && o.labelMap[pageIndex]) { - options.text = o.labelMap[pageIndex]; - } - - options = $.extend(options, opts || {}); - - if (pageIndex == o.currentPage || o.disabled) { - if (o.disabled || options.classes === 'prev' || options.classes === 'next') { - $linkWrapper.addClass('disabled'); - } else { - $linkWrapper.addClass('active'); - } - $link = $('' + (options.text) + ''); - } else { - $link = $('' + (options.text) + ''); - $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); - }, - - - _ellipseClick: function($panel) { - var self = this, - o = this.data('pagination'), - $ellip = $panel.find('.ellipse'); - $ellip.addClass('clickable').parent().removeClass('disabled'); - $ellip.click(function(event) { - if (!o.disable) { - var $this = $(this), - val = (parseInt($this.parent().prev().text(), 10) || 0) + 1; - $this - .html('') - .find('input') - .focus() - .click(function(event) { - // prevent input number arrows from bubbling a click event on $ellip - event.stopPropagation(); - }) - .keyup(function(event) { - var val = $(this).val(); - if (event.which === 13 && val !== '') { - // enter to accept - if ((val>0)&&(val<=o.pages)) - methods._selectPage.call(self, val - 1); - } else if (event.which === 27) { - // escape to cancel - $ellip.empty().html(o.ellipseText); - } - }) - .bind('blur', function(event) { - var val = $(this).val(); - if (val !== '') { - methods._selectPage.call(self, val - 1); - } - $ellip.empty().html(o.ellipseText); - return false; - }); - } - return false; - }); - } - - }; - - $.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'); - } - - }; - +(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o 0) { + methods._selectPage.call(this, o.currentPage - 1); + } + } else { + if (o.currentPage < o.pages - 1) { + methods._selectPage.call(this, o.currentPage + 1); + } + } + return this; + }, + nextPage: function() { + var o = this.data('pagination'); + if (!o.invertPageOrder) { + if (o.currentPage < o.pages - 1) { + methods._selectPage.call(this, o.currentPage + 1); + } + } else { + if (o.currentPage > 0) { + methods._selectPage.call(this, o.currentPage - 1); + } + } + return this; + }, + getPagesCount: function() { + return this.data('pagination').pages; + }, + setPagesCount: function(count) { + this.data('pagination').pages = count; + }, + getCurrentPage: function() { + return this.data('pagination').currentPage + 1; + }, + destroy: function() { + this.empty(); + return this; + }, + drawPage: function(page) { + var o = this.data('pagination'); + o.currentPage = page - 1; + this.data('pagination', o); + methods._draw.call(this); + 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; + }, + updateItems: function(newItems) { + var o = this.data('pagination'); + o.items = newItems; + o.pages = methods._getPages(o); + this.data('pagination', o); + methods._draw.call(this); + }, + updateItemsOnPage: function(itemsOnPage) { + var o = this.data('pagination'); + o.itemsOnPage = itemsOnPage; + o.pages = methods._getPages(o); + this.data('pagination', o); + methods._selectPage.call(this, 0); + return this; + }, + getItemsOnPage: function() { + return this.data('pagination').itemsOnPage; + }, + _draw: function() { + var o = this.data('pagination'), + interval = methods._getInterval(o), + i, + tagName; + methods.destroy.call(this); + tagName = (typeof this.prop === 'function') ? this.prop('tagName') : this.attr('tagName'); + var $panel = tagName === 'UL' ? this : $('').appendTo(this); + if (o.prevText) { + methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage - 1 : o.currentPage + 1, { + text: o.prevText, + classes: 'prev' + }); + } + if (o.nextText && o.nextAtFront) { + methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage + 1 : o.currentPage - 1, { + text: o.nextText, + classes: 'next' + }); + } + if (!o.invertPageOrder) { + if (interval.start > 0 && o.edges > 0) { + if (o.useStartEdge) { + 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('
  • ' + o.ellipseText + '
    • '); + } else if (interval.start - o.edges == 1) { + methods._appendItem.call(this, o.edges); + } + } + } else { + if (interval.end < o.pages && o.edges > 0) { + if (o.useStartEdge) { + var begin = Math.max(o.pages - o.edges, interval.end); + for (i = o.pages - 1; i >= begin; i--) { + methods._appendItem.call(this, i); + } + } + if (o.pages - o.edges > interval.end && (o.pages - o.edges - interval.end != 1)) { + $panel.append('
  • ' + o.ellipseText + '
    • '); + } else if (o.pages - o.edges - interval.end == 1) { + methods._appendItem.call(this, interval.end); + } + } + } + if (!o.invertPageOrder) { + for (i = interval.start; i < interval.end; i++) { + methods._appendItem.call(this, i); + } + } else { + for (i = interval.end - 1; i >= interval.start; i--) { + methods._appendItem.call(this, i); + } + } + if (!o.invertPageOrder) { + if (interval.end < o.pages && o.edges > 0) { + if (o.pages - o.edges > interval.end && (o.pages - o.edges - interval.end != 1)) { + $panel.append('
  • ' + o.ellipseText + '
    • '); + } else if (o.pages - o.edges - interval.end == 1) { + methods._appendItem.call(this, interval.end); + } + if (o.useEndEdge) { + var begin = Math.max(o.pages - o.edges, interval.end); + for (i = begin; i < o.pages; i++) { + methods._appendItem.call(this, i); + } + } + } + } else { + if (interval.start > 0 && o.edges > 0) { + if (o.edges < interval.start && (interval.start - o.edges != 1)) { + $panel.append('
  • ' + o.ellipseText + '
    • '); + } else if (interval.start - o.edges == 1) { + methods._appendItem.call(this, o.edges); + } + if (o.useEndEdge) { + var end = Math.min(o.edges, interval.start); + for (i = end - 1; i >= 0; i--) { + methods._appendItem.call(this, i); + } + } + } + } + if (o.nextText && !o.nextAtFront) { + methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage + 1 : o.currentPage - 1, { + text: o.nextText, + classes: 'next' + }); + } + if (o.ellipsePageSet && !o.disabled) { + methods._ellipseClick.call(this, $panel); + } + }, + _getPages: function(o) { + var pages = Math.ceil(o.items / o.itemsOnPage); + return pages || 1; + }, + _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 = $('
  • '), + $ul = self.find('ul'); + pageIndex = pageIndex < 0 ? 0 : (pageIndex < o.pages ? pageIndex : o.pages - 1); + options = { + text: pageIndex + 1, + classes: '' + }; + if (o.labelMap.length && o.labelMap[pageIndex]) { + options.text = o.labelMap[pageIndex]; + } + options = $.extend(options, opts || {}); + if (pageIndex == o.currentPage || o.disabled) { + if (o.disabled || options.classes === 'prev' || options.classes === 'next') { + $linkWrapper.addClass('disabled'); + } else { + $linkWrapper.addClass('active'); + } + $link = $('' + (options.text) + ''); + } else { + $link = $('' + (options.text) + ''); + $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); + }, + _ellipseClick: function($panel) { + var self = this, + o = this.data('pagination'), + $ellip = $panel.find('.ellipse'); + $ellip.addClass('clickable').parent().removeClass('disabled'); + $ellip.click(function(event) { + if (!o.disable) { + var $this = $(this), + val = (parseInt($this.parent().prev().text(), 10) || 0) + 1; + $this.html('').find('input').focus().click(function(event) { + event.stopPropagation(); + }).keyup(function(event) { + var val = $(this).val(); + if (event.which === 13 && val !== '') { + if ((val > 0) && (val <= o.pages)) + methods._selectPage.call(self, val - 1); + } else if (event.which === 27) { + $ellip.empty().html(o.ellipseText); + } + }).bind('blur', function(event) { + var val = $(this).val(); + if (val !== '') { + methods._selectPage.call(self, val - 1); + } + $ellip.empty().html(o.ellipseText); + return false; + }); + } + return false; + }); + } + }; + $.fn.pagination = function(method) { + 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); + +},{}]},{},[1]); diff --git a/package.json b/package.json new file mode 100644 index 0000000..c2947b3 --- /dev/null +++ b/package.json @@ -0,0 +1,30 @@ +{ + "name": "simple-pagination.js", + "version": "1.0.0", + "description": "'A simple jQuery pagination plugin.'", + "main": "jquery.simplePagination.js", + "directories": { + "test": "tests" + }, + "style": "simplePagination.css", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/shabith/simplePagination.js.git" + }, + "keywords": [ + "pagination", + "simple-pagination", + "simplePagination", + "simplePagination.js", + "simple-pagination.js" + ], + "author": "Flavius Matis", + "license": "ISC", + "bugs": { + "url": "https://github.com/flaviusmatis/simplePagination.js/issues" + }, + "homepage": "https://github.com/flaviusmatis/simplePagination.js#readme" +} From c49621e8e1001d2a2eec8592b6e4691150ee4813 Mon Sep 17 00:00:00 2001 From: Shabith Ishan Date: Tue, 16 Feb 2016 17:41:26 +0530 Subject: [PATCH 2/2] proper dependecies added --- jquery.simplePagination.js | 720 +++++++++++++++++++++---------------- package.json | 5 +- 2 files changed, 405 insertions(+), 320 deletions(-) diff --git a/jquery.simplePagination.js b/jquery.simplePagination.js index d2783b0..8114cfd 100644 --- a/jquery.simplePagination.js +++ b/jquery.simplePagination.js @@ -7,330 +7,412 @@ * Released under the MIT license. * http://flaviusmatis.github.com/license.html */ -(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o 0) { - methods._selectPage.call(this, o.currentPage - 1); - } - } else { - if (o.currentPage < o.pages - 1) { - methods._selectPage.call(this, o.currentPage + 1); - } - } - return this; - }, - nextPage: function() { - var o = this.data('pagination'); - if (!o.invertPageOrder) { - if (o.currentPage < o.pages - 1) { - methods._selectPage.call(this, o.currentPage + 1); - } - } else { - if (o.currentPage > 0) { - methods._selectPage.call(this, o.currentPage - 1); - } - } - return this; - }, - getPagesCount: function() { - return this.data('pagination').pages; - }, - setPagesCount: function(count) { - this.data('pagination').pages = count; - }, - getCurrentPage: function() { - return this.data('pagination').currentPage + 1; - }, - destroy: function() { - this.empty(); - return this; - }, - drawPage: function(page) { - var o = this.data('pagination'); - o.currentPage = page - 1; - this.data('pagination', o); - methods._draw.call(this); - 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; - }, - updateItems: function(newItems) { - var o = this.data('pagination'); - o.items = newItems; - o.pages = methods._getPages(o); - this.data('pagination', o); - methods._draw.call(this); - }, - updateItemsOnPage: function(itemsOnPage) { - var o = this.data('pagination'); - o.itemsOnPage = itemsOnPage; - o.pages = methods._getPages(o); - this.data('pagination', o); - methods._selectPage.call(this, 0); - return this; - }, - getItemsOnPage: function() { - return this.data('pagination').itemsOnPage; - }, - _draw: function() { - var o = this.data('pagination'), - interval = methods._getInterval(o), - i, - tagName; - methods.destroy.call(this); - tagName = (typeof this.prop === 'function') ? this.prop('tagName') : this.attr('tagName'); - var $panel = tagName === 'UL' ? this : $('').appendTo(this); - if (o.prevText) { - methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage - 1 : o.currentPage + 1, { - text: o.prevText, - classes: 'prev' - }); - } - if (o.nextText && o.nextAtFront) { - methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage + 1 : o.currentPage - 1, { - text: o.nextText, - classes: 'next' - }); - } - if (!o.invertPageOrder) { - if (interval.start > 0 && o.edges > 0) { - if (o.useStartEdge) { - var end = Math.min(o.edges, interval.start); - for (i = 0; i < end; i++) { - methods._appendItem.call(this, i); + +"format global"; +"deps jquery"; + +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['jquery'], factory); + } else if (typeof exports === 'object') { + // Node. Does not work with strict CommonJS, but + // only CommonJS-like environments that support module.exports, like Node. + module.exports = factory(require('jquery')); + } else { + // Browser globals (root is window) + root.returnExports = factory(root.jQuery); + } +}(this, function(jQuery) { + var methods = { + init: function(options) { + var o = $.extend({ + items: 1, + itemsOnPage: 1, + pages: 0, + displayedPages: 5, + edges: 2, + currentPage: 0, + hrefTextPrefix: '#page-', + hrefTextSuffix: '', + prevText: 'Prev', + nextText: 'Next', + ellipseText: '…', + ellipsePageSet: true, + cssStyle: 'light-theme', + listStyle: '', + labelMap: [], + selectOnClick: true, + nextAtFront: false, + invertPageOrder: false, + useStartEdge: true, + useEndEdge: 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; + if (o.currentPage) + o.currentPage = o.currentPage - 1; + else + o.currentPage = !o.invertPageOrder ? 0 : o.pages - 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.invertPageOrder) { + if (o.currentPage > 0) { + methods._selectPage.call(this, o.currentPage - 1); + } + } else { + if (o.currentPage < o.pages - 1) { + methods._selectPage.call(this, o.currentPage + 1); + } } - } - if (o.edges < interval.start && (interval.start - o.edges != 1)) { - $panel.append('
  • ' + o.ellipseText + '
    • '); - } else if (interval.start - o.edges == 1) { - methods._appendItem.call(this, o.edges); - } - } - } else { - if (interval.end < o.pages && o.edges > 0) { - if (o.useStartEdge) { - var begin = Math.max(o.pages - o.edges, interval.end); - for (i = o.pages - 1; i >= begin; i--) { - methods._appendItem.call(this, i); + return this; + }, + + nextPage: function() { + var o = this.data('pagination'); + if (!o.invertPageOrder) { + if (o.currentPage < o.pages - 1) { + methods._selectPage.call(this, o.currentPage + 1); + } + } else { + if (o.currentPage > 0) { + methods._selectPage.call(this, o.currentPage - 1); + } } - } - if (o.pages - o.edges > interval.end && (o.pages - o.edges - interval.end != 1)) { - $panel.append('
  • ' + o.ellipseText + '
    • '); - } else if (o.pages - o.edges - interval.end == 1) { - methods._appendItem.call(this, interval.end); - } - } - } - if (!o.invertPageOrder) { - for (i = interval.start; i < interval.end; i++) { - methods._appendItem.call(this, i); - } - } else { - for (i = interval.end - 1; i >= interval.start; i--) { - methods._appendItem.call(this, i); - } - } - if (!o.invertPageOrder) { - if (interval.end < o.pages && o.edges > 0) { - if (o.pages - o.edges > interval.end && (o.pages - o.edges - interval.end != 1)) { - $panel.append('
  • ' + o.ellipseText + '
    • '); - } else if (o.pages - o.edges - interval.end == 1) { - methods._appendItem.call(this, interval.end); - } - if (o.useEndEdge) { - var begin = Math.max(o.pages - o.edges, interval.end); - for (i = begin; i < o.pages; i++) { - methods._appendItem.call(this, i); + return this; + }, + + getPagesCount: function() { + return this.data('pagination').pages; + }, + + setPagesCount: function(count) { + this.data('pagination').pages = count; + }, + + getCurrentPage: function() { + return this.data('pagination').currentPage + 1; + }, + + destroy: function() { + this.empty(); + return this; + }, + + drawPage: function(page) { + var o = this.data('pagination'); + o.currentPage = page - 1; + this.data('pagination', o); + methods._draw.call(this); + 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; + }, + + updateItems: function(newItems) { + var o = this.data('pagination'); + o.items = newItems; + o.pages = methods._getPages(o); + this.data('pagination', o); + methods._draw.call(this); + }, + + updateItemsOnPage: function(itemsOnPage) { + var o = this.data('pagination'); + o.itemsOnPage = itemsOnPage; + o.pages = methods._getPages(o); + this.data('pagination', o); + methods._selectPage.call(this, 0); + return this; + }, + + getItemsOnPage: function() { + return this.data('pagination').itemsOnPage; + }, + + _draw: function() { + var o = this.data('pagination'), + interval = methods._getInterval(o), + i, + tagName; + + methods.destroy.call(this); + + tagName = (typeof this.prop === 'function') ? this.prop('tagName') : this.attr('tagName'); + + var $panel = tagName === 'UL' ? this : $('').appendTo(this); + + // Generate Prev link + if (o.prevText) { + methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage - 1 : o.currentPage + 1, { + text: o.prevText, + classes: 'prev' + }); } - } - } - } else { - if (interval.start > 0 && o.edges > 0) { - if (o.edges < interval.start && (interval.start - o.edges != 1)) { - $panel.append('
  • ' + o.ellipseText + '
    • '); - } else if (interval.start - o.edges == 1) { - methods._appendItem.call(this, o.edges); - } - if (o.useEndEdge) { - var end = Math.min(o.edges, interval.start); - for (i = end - 1; i >= 0; i--) { - methods._appendItem.call(this, i); + + // Generate Next link (if option set for at front) + if (o.nextText && o.nextAtFront) { + methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage + 1 : o.currentPage - 1, { + text: o.nextText, + classes: 'next' + }); } - } - } - } - if (o.nextText && !o.nextAtFront) { - methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage + 1 : o.currentPage - 1, { - text: o.nextText, - classes: 'next' - }); - } - if (o.ellipsePageSet && !o.disabled) { - methods._ellipseClick.call(this, $panel); - } - }, - _getPages: function(o) { - var pages = Math.ceil(o.items / o.itemsOnPage); - return pages || 1; - }, - _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 = $('
  • '), - $ul = self.find('ul'); - pageIndex = pageIndex < 0 ? 0 : (pageIndex < o.pages ? pageIndex : o.pages - 1); - options = { - text: pageIndex + 1, - classes: '' - }; - if (o.labelMap.length && o.labelMap[pageIndex]) { - options.text = o.labelMap[pageIndex]; - } - options = $.extend(options, opts || {}); - if (pageIndex == o.currentPage || o.disabled) { - if (o.disabled || options.classes === 'prev' || options.classes === 'next') { - $linkWrapper.addClass('disabled'); - } else { - $linkWrapper.addClass('active'); - } - $link = $('' + (options.text) + ''); - } else { - $link = $('' + (options.text) + ''); - $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); - }, - _ellipseClick: function($panel) { - var self = this, - o = this.data('pagination'), - $ellip = $panel.find('.ellipse'); - $ellip.addClass('clickable').parent().removeClass('disabled'); - $ellip.click(function(event) { - if (!o.disable) { - var $this = $(this), - val = (parseInt($this.parent().prev().text(), 10) || 0) + 1; - $this.html('').find('input').focus().click(function(event) { - event.stopPropagation(); - }).keyup(function(event) { - var val = $(this).val(); - if (event.which === 13 && val !== '') { - if ((val > 0) && (val <= o.pages)) - methods._selectPage.call(self, val - 1); - } else if (event.which === 27) { - $ellip.empty().html(o.ellipseText); + + // Generate start edges + if (!o.invertPageOrder) { + if (interval.start > 0 && o.edges > 0) { + if (o.useStartEdge) { + 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('
  • ' + o.ellipseText + '
    • '); + } else if (interval.start - o.edges == 1) { + methods._appendItem.call(this, o.edges); + } + } + } else { + if (interval.end < o.pages && o.edges > 0) { + if (o.useStartEdge) { + var begin = Math.max(o.pages - o.edges, interval.end); + for (i = o.pages - 1; i >= begin; i--) { + methods._appendItem.call(this, i); + } + } + + if (o.pages - o.edges > interval.end && (o.pages - o.edges - interval.end != 1)) { + $panel.append('
  • ' + o.ellipseText + '
    • '); + } else if (o.pages - o.edges - interval.end == 1) { + methods._appendItem.call(this, interval.end); + } + } + } + + // Generate interval links + if (!o.invertPageOrder) { + for (i = interval.start; i < interval.end; i++) { + methods._appendItem.call(this, i); + } + } else { + for (i = interval.end - 1; i >= interval.start; i--) { + methods._appendItem.call(this, i); + } + } + + // Generate end edges + if (!o.invertPageOrder) { + if (interval.end < o.pages && o.edges > 0) { + if (o.pages - o.edges > interval.end && (o.pages - o.edges - interval.end != 1)) { + $panel.append('
  • ' + o.ellipseText + '
    • '); + } else if (o.pages - o.edges - interval.end == 1) { + methods._appendItem.call(this, interval.end); + } + if (o.useEndEdge) { + var begin = Math.max(o.pages - o.edges, interval.end); + for (i = begin; i < o.pages; i++) { + methods._appendItem.call(this, i); + } + } + } + } else { + if (interval.start > 0 && o.edges > 0) { + if (o.edges < interval.start && (interval.start - o.edges != 1)) { + $panel.append('
  • ' + o.ellipseText + '
    • '); + } else if (interval.start - o.edges == 1) { + methods._appendItem.call(this, o.edges); + } + + if (o.useEndEdge) { + var end = Math.min(o.edges, interval.start); + for (i = end - 1; i >= 0; i--) { + methods._appendItem.call(this, i); + } + } + } + } + + // Generate Next link (unless option is set for at front) + if (o.nextText && !o.nextAtFront) { + methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage + 1 : o.currentPage - 1, { + text: o.nextText, + classes: 'next' + }); } - }).bind('blur', function(event) { - var val = $(this).val(); - if (val !== '') { - methods._selectPage.call(self, val - 1); + + if (o.ellipsePageSet && !o.disabled) { + methods._ellipseClick.call(this, $panel); + } + + }, + + _getPages: function(o) { + var pages = Math.ceil(o.items / o.itemsOnPage); + return pages || 1; + }, + + _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 = $('
  • '), + $ul = self.find('ul'); + + pageIndex = pageIndex < 0 ? 0 : (pageIndex < o.pages ? pageIndex : o.pages - 1); + + options = { + text: pageIndex + 1, + classes: '' + }; + + if (o.labelMap.length && o.labelMap[pageIndex]) { + options.text = o.labelMap[pageIndex]; } - $ellip.empty().html(o.ellipseText); - return false; - }); + + options = $.extend(options, opts || {}); + + if (pageIndex == o.currentPage || o.disabled) { + if (o.disabled || options.classes === 'prev' || options.classes === 'next') { + $linkWrapper.addClass('disabled'); + } else { + $linkWrapper.addClass('active'); + } + $link = $('' + (options.text) + ''); + } else { + $link = $('' + (options.text) + ''); + $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); + }, + + + _ellipseClick: function($panel) { + var self = this, + o = this.data('pagination'), + $ellip = $panel.find('.ellipse'); + $ellip.addClass('clickable').parent().removeClass('disabled'); + $ellip.click(function(event) { + if (!o.disable) { + var $this = $(this), + val = (parseInt($this.parent().prev().text(), 10) || 0) + 1; + $this + .html('') + .find('input') + .focus() + .click(function(event) { + // prevent input number arrows from bubbling a click event on $ellip + event.stopPropagation(); + }) + .keyup(function(event) { + var val = $(this).val(); + if (event.which === 13 && val !== '') { + // enter to accept + if ((val > 0) && (val <= o.pages)) + methods._selectPage.call(self, val - 1); + } else if (event.which === 27) { + // escape to cancel + $ellip.empty().html(o.ellipseText); + } + }) + .bind('blur', function(event) { + var val = $(this).val(); + if (val !== '') { + methods._selectPage.call(self, val - 1); + } + $ellip.empty().html(o.ellipseText); + return false; + }); + } + return false; + }); + } + + }; + + $.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'); } - return false; - }); - } - }; - $.fn.pagination = function(method) { - 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); -},{}]},{},[1]); + }; +})); diff --git a/package.json b/package.json index c2947b3..5fe3a91 100644 --- a/package.json +++ b/package.json @@ -26,5 +26,8 @@ "bugs": { "url": "https://github.com/flaviusmatis/simplePagination.js/issues" }, - "homepage": "https://github.com/flaviusmatis/simplePagination.js#readme" + "homepage": "https://github.com/flaviusmatis/simplePagination.js#readme", + "dependencies": { + "jquery": "^2.2.0" + } }