restconf/sal-rest-docgen/src/main/resources/explorer/lib/jquery.simplePagination.js

   1 /**
   2 * simplePagination.js v1.6
   3 * A simple jQuery pagination plugin.
   4 * http://flaviusmatis.github.com/simplePagination.js/
   5 *
   6 * Copyright 2012, Flavius Matis
   7 * Released under the MIT license.
   8 * http://flaviusmatis.github.com/license.html
   9 */
  10
  11 (function($){
  12
  13         var methods = {
  14                 init: function(options) {
  15                         var o = $.extend({
  16                                 items: 1,
  17                                 itemsOnPage: 1,
  18                                 pages: 0,
  19                                 displayedPages: 5,
  20                                 edges: 2,
  21                                 currentPage: 0,
  22                                 useAnchors: true,
  23                                 hrefTextPrefix: '#page-',
  24                                 hrefTextSuffix: '',
  25                                 prevText: 'Prev',
  26                                 nextText: 'Next',
  27                                 ellipseText: '&hellip;',
  28                                 ellipsePageSet: true,
  29                                 cssStyle: 'light-theme',
  30                                 listStyle: '',
  31                                 labelMap: [],
  32                                 selectOnClick: true,
  33                                 nextAtFront: false,
  34                                 invertPageOrder: false,
  35                                 useStartEdge : true,
  36                                 useEndEdge : true,
  37                                 onPageClick: function(pageNumber, event) {
  38                                         // Callback triggered when a page is clicked
  39                                         // Page number is given as an optional parameter
  40                                 },
  41                                 onInit: function() {
  42                                         // Callback triggered immediately after initialization
  43                                 }
  44                         }, options || {});
  45
  46                         var self = this;
  47
  48                         o.pages = o.pages ? o.pages : Math.ceil(o.items / o.itemsOnPage) ? Math.ceil(o.items / o.itemsOnPage) : 1;
  49                         if (o.currentPage)
  50                                 o.currentPage = o.currentPage - 1;
  51                         else
  52                                 o.currentPage = !o.invertPageOrder ? 0 : o.pages - 1;
  53                         o.halfDisplayed = o.displayedPages / 2;
  54
  55                         this.each(function() {
  56                                 self.addClass(o.cssStyle + ' simple-pagination').data('pagination', o);
  57                                 methods._draw.call(self);
  58                         });
  59
  60                         o.onInit();
  61
  62                         return this;
  63                 },
  64
  65                 selectPage: function(page) {
  66                         methods._selectPage.call(this, page - 1);
  67                         return this;
  68                 },
  69
  70                 prevPage: function() {
  71                         var o = this.data('pagination');
  72                         if (!o.invertPageOrder) {
  73                                 if (o.currentPage > 0) {
  74                                         methods._selectPage.call(this, o.currentPage - 1);
  75                                 }
  76                         } else {
  77                                 if (o.currentPage < o.pages - 1) {
  78                                         methods._selectPage.call(this, o.currentPage + 1);
  79                                 }
  80                         }
  81                         return this;
  82                 },
  83
  84                 nextPage: function() {
  85                         var o = this.data('pagination');
  86                         if (!o.invertPageOrder) {
  87                                 if (o.currentPage < o.pages - 1) {
  88                                         methods._selectPage.call(this, o.currentPage + 1);
  89                                 }
  90                         } else {
  91                                 if (o.currentPage > 0) {
  92                                         methods._selectPage.call(this, o.currentPage - 1);
  93                                 }
  94                         }
  95                         return this;
  96                 },
  97
  98                 getPagesCount: function() {
  99                         return this.data('pagination').pages;
 100                 },
 101
 102                 setPagesCount: function(count) {
 103                         this.data('pagination').pages = count;
 104                 },
 105
 106                 getCurrentPage: function () {
 107                         return this.data('pagination').currentPage + 1;
 108                 },
 109
 110                 destroy: function(){
 111                         this.empty();
 112                         return this;
 113                 },
 114
 115                 drawPage: function (page) {
 116                         var o = this.data('pagination');
 117                         o.currentPage = page - 1;
 118                         this.data('pagination', o);
 119                         methods._draw.call(this);
 120                         return this;
 121                 },
 122
 123                 redraw: function(){
 124                         methods._draw.call(this);
 125                         return this;
 126                 },
 127
 128                 disable: function(){
 129                         var o = this.data('pagination');
 130                         o.disabled = true;
 131                         this.data('pagination', o);
 132                         methods._draw.call(this);
 133                         return this;
 134                 },
 135
 136                 enable: function(){
 137                         var o = this.data('pagination');
 138                         o.disabled = false;
 139                         this.data('pagination', o);
 140                         methods._draw.call(this);
 141                         return this;
 142                 },
 143
 144                 updateItems: function (newItems) {
 145                         var o = this.data('pagination');
 146                         o.items = newItems;
 147                         o.pages = methods._getPages(o);
 148                         this.data('pagination', o);
 149                         methods._draw.call(this);
 150                 },
 151
 152                 updateItemsOnPage: function (itemsOnPage) {
 153                         var o = this.data('pagination');
 154                         o.itemsOnPage = itemsOnPage;
 155                         o.pages = methods._getPages(o);
 156                         this.data('pagination', o);
 157                         methods._selectPage.call(this, 0);
 158                         return this;
 159                 },
 160
 161                 getItemsOnPage: function() {
 162                         return this.data('pagination').itemsOnPage;
 163                 },
 164
 165                 _draw: function() {
 166                         var     o = this.data('pagination'),
 167                                 interval = methods._getInterval(o),
 168                                 i,
 169                                 tagName;
 170
 171                         methods.destroy.call(this);
 172
 173                         tagName = (typeof this.prop === 'function') ? this.prop('tagName') : this.attr('tagName');
 174
 175                         var $panel = tagName === 'UL' ? this : $('<ul' + (o.listStyle ? ' class="' + o.listStyle + '"' : '') + '></ul>').appendTo(this);
 176
 177                         // Generate Prev link
 178                         if (o.prevText) {
 179                                 methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage - 1 : o.currentPage + 1, {text: o.prevText, classes: 'prev'});
 180                         }
 181
 182                         // Generate Next link (if option set for at front)
 183                         if (o.nextText && o.nextAtFront) {
 184                                 methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage + 1 : o.currentPage - 1, {text: o.nextText, classes: 'next'});
 185                         }
 186
 187                         // Generate start edges
 188                         if (!o.invertPageOrder) {
 189                                 if (interval.start > 0 && o.edges > 0) {
 190                                         if(o.useStartEdge) {
 191                                                 var end = Math.min(o.edges, interval.start);
 192                                                 for (i = 0; i < end; i++) {
 193                                                         methods._appendItem.call(this, i);
 194                                                 }
 195                                         }
 196                                         if (o.edges < interval.start && (interval.start - o.edges != 1)) {
 197                                                 $panel.append('<li class="disabled"><span class="ellipse">' + o.ellipseText + '</span></li>');
 198                                         } else if (interval.start - o.edges == 1) {
 199                                                 methods._appendItem.call(this, o.edges);
 200                                         }
 201                                 }
 202                         } else {
 203                                 if (interval.end < o.pages && o.edges > 0) {
 204                                         if(o.useStartEdge) {
 205                                                 var begin = Math.max(o.pages - o.edges, interval.end);
 206                                                 for (i = o.pages - 1; i >= begin; i--) {
 207                                                         methods._appendItem.call(this, i);
 208                                                 }
 209                                         }
 210
 211                                         if (o.pages - o.edges > interval.end && (o.pages - o.edges - interval.end != 1)) {
 212                                                 $panel.append('<li class="disabled"><span class="ellipse">' + o.ellipseText + '</span></li>');
 213                                         } else if (o.pages - o.edges - interval.end == 1) {
 214                                                 methods._appendItem.call(this, interval.end);
 215                                         }
 216                                 }
 217                         }
 218
 219                         // Generate interval links
 220                         if (!o.invertPageOrder) {
 221                                 for (i = interval.start; i < interval.end; i++) {
 222                                         methods._appendItem.call(this, i);
 223                                 }
 224                         } else {
 225                                 for (i = interval.end - 1; i >= interval.start; i--) {
 226                                         methods._appendItem.call(this, i);
 227                                 }
 228                         }
 229
 230                         // Generate end edges
 231                         if (!o.invertPageOrder) {
 232                                 if (interval.end < o.pages && o.edges > 0) {
 233                                         if (o.pages - o.edges > interval.end && (o.pages - o.edges - interval.end != 1)) {
 234                                                 $panel.append('<li class="disabled"><span class="ellipse">' + o.ellipseText + '</span></li>');
 235                                         } else if (o.pages - o.edges - interval.end == 1) {
 236                                                 methods._appendItem.call(this, interval.end);
 237                                         }
 238                                         if(o.useEndEdge) {
 239                                                 var begin = Math.max(o.pages - o.edges, interval.end);
 240                                                 for (i = begin; i < o.pages; i++) {
 241                                                         methods._appendItem.call(this, i);
 242                                                 }
 243                                         }
 244                                 }
 245                         } else {
 246                                 if (interval.start > 0 && o.edges > 0) {
 247                                         if (o.edges < interval.start && (interval.start - o.edges != 1)) {
 248                                                 $panel.append('<li class="disabled"><span class="ellipse">' + o.ellipseText + '</span></li>');
 249                                         } else if (interval.start - o.edges == 1) {
 250                                                 methods._appendItem.call(this, o.edges);
 251                                         }
 252
 253                                         if(o.useEndEdge) {
 254                                                 var end = Math.min(o.edges, interval.start);
 255                                                 for (i = end - 1; i >= 0; i--) {
 256                                                         methods._appendItem.call(this, i);
 257                                                 }
 258                                         }
 259                                 }
 260                         }
 261
 262                         // Generate Next link (unless option is set for at front)
 263                         if (o.nextText && !o.nextAtFront) {
 264                                 methods._appendItem.call(this, !o.invertPageOrder ? o.currentPage + 1 : o.currentPage - 1, {text: o.nextText, classes: 'next'});
 265                         }
 266
 267                         if (o.ellipsePageSet && !o.disabled) {
 268                                 methods._ellipseClick.call(this, $panel);
 269                         }
 270
 271                 },
 272
 273                 _getPages: function(o) {
 274                         var pages = Math.ceil(o.items / o.itemsOnPage);
 275                         return pages || 1;
 276                 },
 277
 278                 _getInterval: function(o) {
 279                         return {
 280                                 start: Math.ceil(o.currentPage > o.halfDisplayed ? Math.max(Math.min(o.currentPage - o.halfDisplayed, (o.pages - o.displayedPages)), 0) : 0),
 281                                 end: Math.ceil(o.currentPage > o.halfDisplayed ? Math.min(o.currentPage + o.halfDisplayed, o.pages) : Math.min(o.displayedPages, o.pages))
 282                         };
 283                 },
 284
 285                 _appendItem: function(pageIndex, opts) {
 286                         var self = this, options, $link, o = self.data('pagination'), $linkWrapper = $('<li></li>'), $ul = self.find('ul');
 287
 288                         pageIndex = pageIndex < 0 ? 0 : (pageIndex < o.pages ? pageIndex : o.pages - 1);
 289
 290                         options = {
 291                                 text: pageIndex + 1,
 292                                 classes: ''
 293                         };
 294
 295                         if (o.labelMap.length && o.labelMap[pageIndex]) {
 296                                 options.text = o.labelMap[pageIndex];
 297                         }
 298
 299                         options = $.extend(options, opts || {});
 300
 301                         if (pageIndex == o.currentPage || o.disabled) {
 302                                 if (o.disabled || options.classes === 'prev' || options.classes === 'next') {
 303                                         $linkWrapper.addClass('disabled');
 304                                 } else {
 305                                         $linkWrapper.addClass('active');
 306                                 }
 307                                 $link = $('<span class="current">' + (options.text) + '</span>');
 308                         } else {
 309                                 if (o.useAnchors) {
 310                                         $link = $('<a href="' + o.hrefTextPrefix + (pageIndex + 1) + o.hrefTextSuffix + '" class="page-link">' + (options.text) + '</a>');
 311                                 } else {
 312                                         $link = $('<span >' + (options.text) + '</span>');
 313                                 }
 314                                 $link.click(function(event){
 315                                         return methods._selectPage.call(self, pageIndex, event);
 316                                 });
 317                         }
 318
 319                         if (options.classes) {
 320                                 $link.addClass(options.classes);
 321                         }
 322
 323                         $linkWrapper.append($link);
 324
 325                         if ($ul.length) {
 326                                 $ul.append($linkWrapper);
 327                         } else {
 328                                 self.append($linkWrapper);
 329                         }
 330                 },
 331
 332                 _selectPage: function(pageIndex, event) {
 333                         var o = this.data('pagination');
 334                         o.currentPage = pageIndex;
 335                         if (o.selectOnClick) {
 336                                 methods._draw.call(this);
 337                         }
 338                         return o.onPageClick(pageIndex + 1, event);
 339                 },
 340
 341
 342                 _ellipseClick: function($panel) {
 343                         var self = this,
 344                                 o = this.data('pagination'),
 345                                 $ellip = $panel.find('.ellipse');
 346                         $ellip.addClass('clickable').parent().removeClass('disabled');
 347                         $ellip.click(function(event) {
 348                                 if (!o.disable) {
 349                                         var $this = $(this),
 350                                                 val = (parseInt($this.parent().prev().text(), 10) || 0) + 1;
 351                                         $this
 352                                                 .html('<input type="number" min="1" max="' + o.pages + '" step="1" value="' + val + '">')
 353                                                 .find('input')
 354                                                 .focus()
 355                                                 .click(function(event) {
 356                                                         // prevent input number arrows from bubbling a click event on $ellip
 357                                                         event.stopPropagation();
 358                                                 })
 359                                                 .keyup(function(event) {
 360                                                         var val = $(this).val();
 361                                                         if (event.which === 13 && val !== '') {
 362                                                                 // enter to accept
 363                                                                 if ((val>0)&&(val<=o.pages))
 364                                                                 methods._selectPage.call(self, val - 1);
 365                                                         } else if (event.which === 27) {
 366                                                                 // escape to cancel
 367                                                                 $ellip.empty().html(o.ellipseText);
 368                                                         }
 369                                                 })
 370                                                 .bind('blur', function(event) {
 371                                                         var val = $(this).val();
 372                                                         if (val !== '') {
 373                                                                 methods._selectPage.call(self, val - 1);
 374                                                         }
 375                                                         $ellip.empty().html(o.ellipseText);
 376                                                         return false;
 377                                                 });
 378                                 }
 379                                 return false;
 380                         });
 381                 }
 382
 383         };
 384
 385         $.fn.pagination = function(method) {
 386
 387                 // Method calling logic
 388                 if (methods[method] && method.charAt(0) != '_') {
 389                         return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
 390                 } else if (typeof method === 'object' || !method) {
 391                         return methods.init.apply(this, arguments);
 392                 } else {
 393                         $.error('Method ' +  method + ' does not exist on jQuery.pagination');
 394                 }
 395
 396         };
 397
 398 })(jQuery);