jquery-datatables 1.10.18 → 1.10.20

data/app/assets/javascripts/datatables/plugins/pagination/ellipses.js

@@ -0,0 +1,160 @@
+/*
+ * This plug-in adds another pagination option similar to `full_numbers`, except
+ * it adds ellipses around the page numbers when applicable. You can set how
+ * many page numbers should be displayed with the iShowPages option.
+ * 
+ * This plug- in extends the oStdClasses object with the following properties:
+ * sPageEllipsis, sPageNumber and sPageNumbers.
+ * 
+ * It also extends the oSettings object with the following properties:
+ * _iShowPages, _iShowPagesHalf, _iCurrentPage, _iTotalPages, _iFirstPage and
+ * _iLastPage.
+ *
+ * Note that DataTables 1.10 has this ability built in. As such, this plug-ins
+ * has been marked as deprecated, but may still be useful for if you are using
+ * an old version of DataTables.
+ *
+ * @name Ellipses
+ * @summary Show ellipses in the pagination control where there is a gap in numbers
+ * @deprecated
+ * @author [Dave Kennedy](http://daveden.wordpress.com/)
+ * @example
+ *     $(document).ready(function() {
+ *         $('#example').dataTable({
+ *             'sPaginationType': 'ellipses'
+ *         });
+ *     });
+ */
+
+$.extend($.fn.dataTableExt.oStdClasses, {
+    'sPageEllipsis': 'paginate_ellipsis',
+    'sPageNumber': 'paginate_number',
+    'sPageNumbers': 'paginate_numbers'
+});
+
+$.fn.dataTableExt.oPagination.ellipses = {
+    'oDefaults': {
+        'iShowPages': 5
+    },
+    'fnClickHandler': function(e) {
+        var fnCallbackDraw = e.data.fnCallbackDraw,
+            oSettings = e.data.oSettings,
+            sPage = e.data.sPage;
+
+        if ($(this).is('[disabled]')) {
+            return false;
+        }
+
+        oSettings.oApi._fnPageChange(oSettings, sPage);
+        fnCallbackDraw(oSettings);
+
+        return true;
+    },
+    // fnInit is called once for each instance of pager
+    'fnInit': function(oSettings, nPager, fnCallbackDraw) {
+        var oClasses = oSettings.oClasses,
+            oLang = oSettings.oLanguage.oPaginate,
+            that = this;
+
+        var iShowPages = oSettings.oInit.iShowPages || this.oDefaults.iShowPages,
+            iShowPagesHalf = Math.floor(iShowPages / 2);
+
+        $.extend(oSettings, {
+            _iShowPages: iShowPages,
+            _iShowPagesHalf: iShowPagesHalf,
+        });
+
+        var oFirst = $('<a class="' + oClasses.sPageButton + ' ' + oClasses.sPageFirst + '">' + oLang.sFirst + '</a>'),
+            oPrevious = $('<a class="' + oClasses.sPageButton + ' ' + oClasses.sPagePrevious + '">' + oLang.sPrevious + '</a>'),
+            oNumbers = $('<span class="' + oClasses.sPageNumbers + '"></span>'),
+            oNext = $('<a class="' + oClasses.sPageButton + ' ' + oClasses.sPageNext + '">' + oLang.sNext + '</a>'),
+            oLast = $('<a class="' + oClasses.sPageButton + ' ' + oClasses.sPageLast + '">' + oLang.sLast + '</a>');
+
+        oFirst.click({ 'fnCallbackDraw': fnCallbackDraw, 'oSettings': oSettings, 'sPage': 'first' }, that.fnClickHandler);
+        oPrevious.click({ 'fnCallbackDraw': fnCallbackDraw, 'oSettings': oSettings, 'sPage': 'previous' }, that.fnClickHandler);
+        oNext.click({ 'fnCallbackDraw': fnCallbackDraw, 'oSettings': oSettings, 'sPage': 'next' }, that.fnClickHandler);
+        oLast.click({ 'fnCallbackDraw': fnCallbackDraw, 'oSettings': oSettings, 'sPage': 'last' }, that.fnClickHandler);
+
+        // Draw
+        $(nPager).append(oFirst, oPrevious, oNumbers, oNext, oLast);
+    },
+    // fnUpdate is only called once while table is rendered
+    'fnUpdate': function(oSettings, fnCallbackDraw) {
+        var oClasses = oSettings.oClasses,
+            that = this;
+
+        var tableWrapper = oSettings.nTableWrapper;
+
+        // Update stateful properties
+        this.fnUpdateState(oSettings);
+
+        if (oSettings._iCurrentPage === 1) {
+            $('.' + oClasses.sPageFirst, tableWrapper).attr('disabled', true);
+            $('.' + oClasses.sPagePrevious, tableWrapper).attr('disabled', true);
+        } else {
+            $('.' + oClasses.sPageFirst, tableWrapper).removeAttr('disabled');
+            $('.' + oClasses.sPagePrevious, tableWrapper).removeAttr('disabled');
+        }
+
+        if (oSettings._iTotalPages === 0 || oSettings._iCurrentPage === oSettings._iTotalPages) {
+            $('.' + oClasses.sPageNext, tableWrapper).attr('disabled', true);
+            $('.' + oClasses.sPageLast, tableWrapper).attr('disabled', true);
+        } else {
+            $('.' + oClasses.sPageNext, tableWrapper).removeAttr('disabled');
+            $('.' + oClasses.sPageLast, tableWrapper).removeAttr('disabled');
+        }
+
+        var i, oNumber, oNumbers = $('.' + oClasses.sPageNumbers, tableWrapper);
+
+        // Erase
+        oNumbers.html('');
+
+        for (i = oSettings._iFirstPage; i <= oSettings._iLastPage; i++) {
+            oNumber = $('<a class="' + oClasses.sPageButton + ' ' + oClasses.sPageNumber + '">' + oSettings.fnFormatNumber(i) + '</a>');
+
+            if (oSettings._iCurrentPage === i) {
+                oNumber.attr('active', true).attr('disabled', true);
+            } else {
+                oNumber.click({ 'fnCallbackDraw': fnCallbackDraw, 'oSettings': oSettings, 'sPage': i - 1 }, that.fnClickHandler);
+            }
+
+            // Draw
+            oNumbers.append(oNumber);
+        }
+
+        // Add ellipses
+        if (1 < oSettings._iFirstPage) {
+            oNumbers.prepend('<span class="' + oClasses.sPageEllipsis + '">...</span>');
+        }
+
+        if (oSettings._iLastPage < oSettings._iTotalPages) {
+            oNumbers.append('<span class="' + oClasses.sPageEllipsis + '">...</span>');
+        }
+    },
+    // fnUpdateState used to be part of fnUpdate
+    // The reason for moving is so we can access current state info before fnUpdate is called
+    'fnUpdateState': function(oSettings) {
+        var iCurrentPage = Math.ceil((oSettings._iDisplayStart + 1) / oSettings._iDisplayLength),
+            iTotalPages = Math.ceil(oSettings.fnRecordsDisplay() / oSettings._iDisplayLength),
+            iFirstPage = iCurrentPage - oSettings._iShowPagesHalf,
+            iLastPage = iCurrentPage + oSettings._iShowPagesHalf;
+
+        if (iTotalPages < oSettings._iShowPages) {
+            iFirstPage = 1;
+            iLastPage = iTotalPages;
+        } else if (iFirstPage < 1) {
+            iFirstPage = 1;
+            iLastPage = oSettings._iShowPages;
+        } else if (iLastPage > iTotalPages) {
+            iFirstPage = (iTotalPages - oSettings._iShowPages) + 1;
+            iLastPage = iTotalPages;
+        }
+
+        $.extend(oSettings, {
+            _iCurrentPage: iCurrentPage,
+            _iTotalPages: iTotalPages,
+            _iFirstPage: iFirstPage,
+            _iLastPage: iLastPage
+        });
+    }
+};

data/app/assets/javascripts/datatables/plugins/pagination/extjs.js

@@ -0,0 +1,137 @@
+/**
+ * This pagination plug-in provides pagination controls for DataTables which
+ * match the style and interaction of the ExtJS library's grid component.
+ *
+ *  @name ExtJS style
+ *  @summary Pagination in the styling of ExtJS
+ *  @author [Zach Curtis](http://zachariahtimothy.wordpress.com/)
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable( {
+ *            "sPaginationType": "extStyle"
+ *        } );
+ *    } );
+ */
+
+$.fn.dataTableExt.oApi.fnExtStylePagingInfo = function ( oSettings )
+{
+	return {
+		"iStart":         oSettings._iDisplayStart,
+		"iEnd":           oSettings.fnDisplayEnd(),
+		"iLength":        oSettings._iDisplayLength,
+		"iTotal":         oSettings.fnRecordsTotal(),
+		"iFilteredTotal": oSettings.fnRecordsDisplay(),
+		"iPage":          oSettings._iDisplayLength === -1 ?
+			0 : Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
+		"iTotalPages":    oSettings._iDisplayLength === -1 ?
+			0 : Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
+	};
+};
+
+$.fn.dataTableExt.oPagination.extStyle = {
+    
+
+    "fnInit": function (oSettings, nPaging, fnCallbackDraw) {
+        
+        var oPaging = oSettings.oInstance.fnExtStylePagingInfo();
+
+        nFirst = $('<span/>', { 'class': 'paginate_button first' , text : "<<" });
+        nPrevious = $('<span/>', { 'class': 'paginate_button previous' , text : "<" });
+        nNext = $('<span/>', { 'class': 'paginate_button next' , text : ">" });
+        nLast = $('<span/>', { 'class': 'paginate_button last' , text : ">>" });
+        nPageTxt = $("<span />", { text: 'Page' });
+        nPageNumBox = $('<input />', { type: 'text', val: 1, 'class': 'pageinate_input_box' });
+        nPageOf = $('<span />', { text: '/' });
+        nTotalPages = $('<span />', { class :  "paginate_total" , text : oPaging.iTotalPages });
+
+        
+        $(nPaging)
+            .append(nFirst)
+            .append(nPrevious)
+            .append(nPageTxt)
+            .append(nPageNumBox)
+            .append(nPageOf)
+            .append(nTotalPages)
+            .append(nNext)
+            .append(nLast);
+  
+        nFirst.click(function () {
+            if( $(this).hasClass("disabled") )
+                return;
+            oSettings.oApi._fnPageChange(oSettings, "first");
+            fnCallbackDraw(oSettings);
+        }).bind('selectstart', function () { return false; });
+  
+        nPrevious.click(function () {
+            if( $(this).hasClass("disabled") )
+                return;
+            oSettings.oApi._fnPageChange(oSettings, "previous");
+            fnCallbackDraw(oSettings);
+        }).bind('selectstart', function () { return false; });
+  
+        nNext.click(function () {
+            if( $(this).hasClass("disabled") )
+                return;
+            oSettings.oApi._fnPageChange(oSettings, "next");
+            fnCallbackDraw(oSettings);
+        }).bind('selectstart', function () { return false; });
+  
+        nLast.click(function () {
+            if( $(this).hasClass("disabled") )
+                return;
+            oSettings.oApi._fnPageChange(oSettings, "last");
+            fnCallbackDraw(oSettings);
+        }).bind('selectstart', function () { return false; });
+  
+        nPageNumBox.change(function () {
+            var pageValue = parseInt($(this).val(), 10) - 1 ; // -1 because pages are 0 indexed, but the UI is 1
+            var oPaging = oSettings.oInstance.fnPagingInfo();
+            
+            if(pageValue === NaN || pageValue<0 ){
+                pageValue = 0;
+            }else if(pageValue >= oPaging.iTotalPages ){
+                pageValue = oPaging.iTotalPages -1;
+            }
+            oSettings.oApi._fnPageChange(oSettings, pageValue);
+            fnCallbackDraw(oSettings);
+        });
+  
+    },
+  
+  
+    "fnUpdate": function (oSettings, fnCallbackDraw) {
+        if (!oSettings.aanFeatures.p) {
+            return;
+        }
+        
+        var oPaging = oSettings.oInstance.fnExtStylePagingInfo();
+  
+        /* Loop over each instance of the pager */
+        var an = oSettings.aanFeatures.p;
+
+        $(an).find('span.paginate_total').html(oPaging.iTotalPages);
+        $(an).find('.pageinate_input_box').val(oPaging.iPage+1);
+                
+        $(an).each(function(index,item) {
+
+            var $item = $(item);
+           
+            if (oPaging.iPage == 0) {
+                var prev = $item.find('span.paginate_button.first').add($item.find('span.paginate_button.previous'));
+                prev.addClass("disabled");
+            }else {
+                var prev = $item.find('span.paginate_button.first').add($item.find('span.paginate_button.previous'));
+                prev.removeClass("disabled");
+            }
+  
+            if (oPaging.iPage+1 == oPaging.iTotalPages) {
+                var next = $item.find('span.paginate_button.last').add($item.find('span.paginate_button.next'));
+                next.addClass("disabled");
+            }else {
+                var next = $item.find('span.paginate_button.last').add($item.find('span.paginate_button.next'));
+                next.removeClass("disabled");
+            }
+        });
+    }
+};

data/app/assets/javascripts/datatables/plugins/pagination/four_button.js

@@ -0,0 +1,110 @@
+/**
+ * The built-in pagination functions provide either two buttons (forward / back)
+ * or lots of buttons (forward, back, first, last and individual pages). This
+ * plug-in meets the two in the middle providing navigation controls for
+ * forward, back, first and last.
+ *
+ * DataTables has this ability built in using the `dt-string full` option of
+ * the `dt-init pagingType` initialisation option. As such, this plug-in is
+ * marked as deprecated.
+ *
+ *  @name Four button navigation
+ *  @summary Display forward, back, first and last buttons.
+ *  @deprecated
+ *  @author [Allan Jardine](http://sprymedia.co.uk)
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable( {
+ *            "sPaginationType": "four_button"
+ *        } );
+ *    } );
+ */
+
+$.fn.dataTableExt.oPagination.four_button = {
+	"fnInit": function ( oSettings, nPaging, fnCallbackDraw )
+	{
+		var nFirst = document.createElement( 'span' );
+		var nPrevious = document.createElement( 'span' );
+		var nNext = document.createElement( 'span' );
+		var nLast = document.createElement( 'span' );
+
+		nFirst.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sFirst ) );
+		nPrevious.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sPrevious ) );
+		nNext.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sNext ) );
+		nLast.appendChild( document.createTextNode( oSettings.oLanguage.oPaginate.sLast ) );
+
+		nFirst.className = "paginate_button first";
+		nPrevious.className = "paginate_button previous";
+		nNext.className="paginate_button next";
+		nLast.className = "paginate_button last";
+
+		nPaging.appendChild( nFirst );
+		nPaging.appendChild( nPrevious );
+		nPaging.appendChild( nNext );
+		nPaging.appendChild( nLast );
+
+		$(nFirst).click( function () {
+			oSettings.oApi._fnPageChange( oSettings, "first" );
+			fnCallbackDraw( oSettings );
+		} );
+
+		$(nPrevious).click( function() {
+			oSettings.oApi._fnPageChange( oSettings, "previous" );
+			fnCallbackDraw( oSettings );
+		} );
+
+		$(nNext).click( function() {
+			oSettings.oApi._fnPageChange( oSettings, "next" );
+			fnCallbackDraw( oSettings );
+		} );
+
+		$(nLast).click( function() {
+			oSettings.oApi._fnPageChange( oSettings, "last" );
+			fnCallbackDraw( oSettings );
+		} );
+
+		/* Disallow text selection */
+		$(nFirst).bind( 'selectstart', function () { return false; } );
+		$(nPrevious).bind( 'selectstart', function () { return false; } );
+		$(nNext).bind( 'selectstart', function () { return false; } );
+		$(nLast).bind( 'selectstart', function () { return false; } );
+	},
+
+
+	"fnUpdate": function ( oSettings, fnCallbackDraw )
+	{
+		if ( !oSettings.aanFeatures.p )
+		{
+			return;
+		}
+
+		/* Loop over each instance of the pager */
+		var an = oSettings.aanFeatures.p;
+		for ( var i=0, iLen=an.length ; i<iLen ; i++ )
+		{
+			var buttons = an[i].getElementsByTagName('span');
+			if ( oSettings._iDisplayStart === 0 )
+			{
+				buttons[0].className = "paginate_disabled_previous";
+				buttons[1].className = "paginate_disabled_previous";
+			}
+			else
+			{
+				buttons[0].className = "paginate_enabled_previous";
+				buttons[1].className = "paginate_enabled_previous";
+			}
+
+			if ( oSettings.fnDisplayEnd() == oSettings.fnRecordsDisplay() )
+			{
+				buttons[2].className = "paginate_disabled_next";
+				buttons[3].className = "paginate_disabled_next";
+			}
+			else
+			{
+				buttons[2].className = "paginate_enabled_next";
+				buttons[3].className = "paginate_enabled_next";
+			}
+		}
+	}
+};

data/app/assets/javascripts/datatables/plugins/pagination/full_numbers_no_ellipses.js

@@ -0,0 +1,59 @@
+/**
+ *  Plug-in offers the same functionality as `full_numbers` pagination type 
+ *  (see `pagingType` option) but without ellipses.
+ *
+ *  See [example](http://www.gyrocode.com/articles/jquery-datatables-pagination-without-ellipses) for demonstration.
+ *
+ *  @name Full Numbers - No Ellipses
+ *  @summary Same pagination as 'full_numbers' but without ellipses
+ *  @author [Michael Ryvkin](http://www.gyrocode.com)
+ *
+ *  @example
+ *    $(document).ready(function() {
+ *        $('#example').dataTable( {
+ *            "pagingType": "full_numbers_no_ellipses"
+ *        } );
+ *    } );
+ */
+
+$.fn.DataTable.ext.pager.full_numbers_no_ellipses = function(page, pages){
+   var numbers = [];
+   var buttons = $.fn.DataTable.ext.pager.numbers_length;
+   var half = Math.floor( buttons / 2 );
+
+   var _range = function ( len, start ){
+      var end;
+   
+      if ( typeof start === "undefined" ){ 
+         start = 0;
+         end = len;
+
+      } else {
+         end = start;
+         start = len;
+      }
+
+      var out = []; 
+      for ( var i = start ; i < end; i++ ){ out.push(i); }
+   
+      return out;
+   };
+    
+
+   if ( pages <= buttons ) {
+      numbers = _range( 0, pages );
+
+   } else if ( page <= half ) {
+      numbers = _range( 0, buttons);
+
+   } else if ( page >= pages - 1 - half ) {
+      numbers = _range( pages - buttons, pages );
+
+   } else {
+      numbers = _range( page - half, page + half + 1);
+   }
+
+   numbers.DT_el = 'span';
+
+   return [ 'first', 'previous', numbers, 'next', 'last' ];
+};

data/app/assets/javascripts/datatables/plugins/pagination/input.js

@@ -54,9 +54,9 @@
   var lastClassName = 'last';
 
   var paginateClassName = 'paginate';
-  var paginateOfClassName = 'paginate_of';
   var paginatePageClassName = 'paginate_page';
   var paginateInputClassName = 'paginate_input';
+  var paginateTotalClassName = 'paginate_total';
 
   $.fn.dataTableExt.oPagination.input = {
     'fnInit': function (oSettings, nPaging, fnCallbackDraw) {
@@ -65,11 +65,12 @@
       var nNext = document.createElement('span');
       var nLast = document.createElement('span');
       var nInput = document.createElement('input');
-      var nPage = document.createElement('span');
-      var nOf = document.createElement('span');
+      var nTotal = document.createElement('span');
+      var nInfo = document.createElement('span');
 
       var language = oSettings.oLanguage.oPaginate;
       var classes = oSettings.oClasses;
+      var info = language.info || 'Page _INPUT_ of _TOTAL_';
 
       nFirst.innerHTML = language.sFirst;
       nPrevious.innerHTML = language.sPrevious;
@@ -81,9 +82,8 @@
       nNext.className = nextClassName + ' ' + classes.sPageButton;
       nLast.className = lastClassName + ' ' + classes.sPageButton;
 
-      nOf.className = paginateOfClassName;
-      nPage.className = paginatePageClassName;
       nInput.className = paginateInputClassName;
+      nTotal.className = paginateTotalClassName;
 
       if (oSettings.sTableId !== '') {
         nPaging.setAttribute('id', oSettings.sTableId + '_' + paginateClassName);
@@ -94,17 +94,20 @@
       }
 
       nInput.type = 'text';
-      nPage.innerHTML = 'Page ';
+
+      info = info.replace(/_INPUT_/g, '</span>' + nInput.outerHTML + '<span>');
+      info = info.replace(/_TOTAL_/g, '</span>' + nTotal.outerHTML + '<span>');
+      nInfo.innerHTML = '<span>' + info + '</span>';
 
       nPaging.appendChild(nFirst);
       nPaging.appendChild(nPrevious);
-      nPaging.appendChild(nPage);
-      nPaging.appendChild(nInput);
-      nPaging.appendChild(nOf);
+      $(nInfo).children().each(function (i, n) {
+        nPaging.appendChild(n);
+      });
       nPaging.appendChild(nNext);
       nPaging.appendChild(nLast);
 
-      $(nFirst).click(function() {
+      $(nFirst).click(function () {
         var iCurrentPage = calcCurrentPage(oSettings);
         if (iCurrentPage !== 1) {
           oSettings.oApi._fnPageChange(oSettings, 'first');
@@ -112,7 +115,7 @@
         }
       });
 
-      $(nPrevious).click(function() {
+      $(nPrevious).click(function () {
         var iCurrentPage = calcCurrentPage(oSettings);
         if (iCurrentPage !== 1) {
           oSettings.oApi._fnPageChange(oSettings, 'previous');
@@ -120,7 +123,7 @@
         }
       });
 
-      $(nNext).click(function() {
+      $(nNext).click(function () {
         var iCurrentPage = calcCurrentPage(oSettings);
         if (iCurrentPage !== calcPages(oSettings)) {
           oSettings.oApi._fnPageChange(oSettings, 'next');
@@ -128,7 +131,7 @@
         }
       });
 
-      $(nLast).click(function() {
+      $(nLast).click(function () {
         var iCurrentPage = calcCurrentPage(oSettings);
         if (iCurrentPage !== calcPages(oSettings)) {
           oSettings.oApi._fnPageChange(oSettings, 'last');
@@ -136,7 +139,7 @@
         }
       });
 
-      $(nInput).keyup(function (e) {
+      $(nPaging).find('.' + paginateInputClassName).keyup(function (e) {
         // 38 = up arrow, 39 = right arrow
         if (e.which === 38 || e.which === 39) {
           this.value++;
@@ -166,7 +169,7 @@
 
       // Take the brutal approach to cancelling text selection.
       $('span', nPaging).bind('mousedown', function () { return false; });
-      $('span', nPaging).bind('selectstart', function() { return false; });
+      $('span', nPaging).bind('selectstart', function () { return false; });
 
       // If we can't page anyway, might as well not show it.
       var iPages = calcPages(oSettings);
@@ -215,10 +218,10 @@
         .addClass(disableClasses[lastClassName]);
 
       // Paginate of N pages text
-      $(an).children('.' + paginateOfClassName).html(' of ' + iPages);
+      $(an).find('.' + paginateTotalClassName).html(iPages);
 
-      // Current page numer input value
-      $(an).children('.' + paginateInputClassName).val(iCurrentPage);
+      // Current page number input value
+      $(an).find('.' + paginateInputClassName).val(iCurrentPage);
     }
   };
-})(jQuery);
+})(jQuery);