' ).wrapInner( wo.editable_wrapContent ).children().length || $.isFunction( wo.editable_wrapContent ),
- cols = tse.getColumns( c, wo ).join( ',' );
-
- // turn off contenteditable to allow dynamically setting the wo.editable_noEdit
- // class on table cells - see issue #900
- c.$tbodies.find( cols ).find( '[contenteditable]' ).prop( 'contenteditable', false );
-
- // IE does not allow making TR/TH/TD cells directly editable ( issue #404 )
- // so add a div or span inside ( it's faster than using wrapInner() )
- c.$tbodies.find( cols ).not( '.' + wo.editable_noEdit ).each( function() {
- // test for children, if they exist, then make the children editable
- $t = $( this );
-
- if ( tmp && $t.children( 'div, span' ).length === 0 ) {
- $t.wrapInner( wo.editable_wrapContent );
+ getColumns : function( c, wo ) {
+ var indx, tmp,
+ colIndex = [],
+ cols = [];
+ if ( !wo.editable_columnsArray && $.type( wo.editable_columns ) === 'string' && wo.editable_columns.indexOf( '-' ) >= 0 ) {
+ // editable_columns can contain a range string ( i.e. '2-4' )
+ tmp = wo.editable_columns.split( /\s*-\s*/ );
+ indx = parseInt( tmp[ 0 ], 10 ) || 0;
+ tmp = parseInt( tmp[ 1 ], 10 ) || ( c.columns - 1 );
+ if ( tmp > c.columns ) {
+ tmp = c.columns - 1;
+ }
+ for ( ; indx <= tmp; indx++ ) {
+ colIndex.push( indx );
+ cols.push( 'td:nth-child(' + ( indx + 1 ) + ')' );
+ }
+ } else if ( $.isArray( wo.editable_columns ) ) {
+ $.each( wo.editable_columnsArray || wo.editable_columns, function( i, col ) {
+ if ( col < c.columns ) {
+ colIndex.push( col );
+ cols.push( 'td:nth-child(' + ( col + 1 ) + ')' );
+ }
+ });
}
- if ( $t.children( 'div, span' ).length ) {
- // make div/span children content editable
- $t.children( 'div, span' ).not( '.' + wo.editable_noEdit ).each( function() {
- var $this = $( this );
+ if ( !wo.editable_columnsArray ) {
+ wo.editable_columnsArray = colIndex;
+ wo.editable_columnsArray.sort(function(a, b){ return a - b; });
+ }
+ return cols;
+ },
+
+ update: function( c, wo ) {
+ var $t,
+ tmp = $( '
' ).wrapInner( wo.editable_wrapContent ).children().length || $.isFunction( wo.editable_wrapContent ),
+ cols = tse.getColumns( c, wo ).join( ',' );
+
+ // turn off contenteditable to allow dynamically setting the wo.editable_noEdit
+ // class on table cells - see issue #900
+ c.$tbodies.find( cols ).find( '[contenteditable]' ).prop( 'contenteditable', false );
+
+ // IE does not allow making TR/TH/TD cells directly editable ( issue #404 )
+ // so add a div or span inside ( it's faster than using wrapInner() )
+ c.$tbodies.find( cols ).not( '.' + wo.editable_noEdit ).each( function() {
+ // test for children, if they exist, then make the children editable
+ $t = $( this );
+
+ if ( tmp && $t.children( 'div, span' ).length === 0 ) {
+ $t.wrapInner( wo.editable_wrapContent );
+ }
+ if ( $t.children( 'div, span' ).length ) {
+ // make div/span children content editable
+ $t.children( 'div, span' ).not( '.' + wo.editable_noEdit ).each( function() {
+ var $this = $( this );
+ if ( wo.editable_trimContent ) {
+ $this.html( function( i, txt ) {
+ return $.trim( txt );
+ });
+ }
+ $this.prop( 'contenteditable', true );
+ });
+ } else {
if ( wo.editable_trimContent ) {
- $this.html( function( i, txt ) {
+ $t.html( function( i, txt ) {
return $.trim( txt );
});
}
- $this.prop( 'contenteditable', true );
- });
- } else {
- if ( wo.editable_trimContent ) {
- $t.html( function( i, txt ) {
- return $.trim( txt );
- });
- }
- $t.prop( 'contenteditable', true );
- }
- });
- },
-
- bindEvents: function( c, wo ) {
- var namespace = tse.namespace;
- c.$table
- .off( ( 'updateComplete pagerComplete '.split( ' ' ).join( namespace + ' ' ) ).replace( /\s+/g, ' ' ) )
- .on( 'updateComplete pagerComplete '.split( ' ' ).join( namespace + ' ' ), function() {
- tse.update( c, c.widgetOptions );
- })
- // prevent sort initialized by user click on the header from changing the row indexing before
- // updateCell can finish processing the change
- .children( 'thead' )
- .add( $( c.namespace + '_extra_table' ).children( 'thead' ) )
- .off( 'mouseenter' + namespace )
- .on( 'mouseenter' + namespace, function() {
- if ( c.$table.data( 'contentFocused' ) ) {
- // change to 'true' instead of element to allow focusout to process
- c.$table.data( 'contentFocused', true );
- $( ':focus' ).trigger( 'focusout' );
+ $t.prop( 'contenteditable', true );
}
});
+ },
- c.$tbodies
- .off( ( 'focus blur focusout keydown '.split( ' ' ).join( namespace + ' ' ) ).replace( /\s+/g, ' ' ) )
- .on( 'focus' + namespace, '[contenteditable]', function( e ) {
- clearTimeout( $( this ).data( 'timer' ) );
- c.$table.data( 'contentFocused', e.target );
- c.table.isUpdating = true; // prevent sorting while editing
- var $this = $( this ),
- selAll = wo.editable_selectAll,
- column = $this.closest( 'td' ).index(),
- txt = $this.html();
- if ( wo.editable_trimContent ) {
- txt = $.trim( txt );
- }
- // prevent enter from adding into the content
- $this
- .off( 'keydown' + namespace )
- .on( 'keydown' + namespace, function( e ){
- if ( wo.editable_enterToAccept && e.which === 13 && !e.shiftKey ) {
- e.preventDefault();
- }
- });
- $this.data({ before : txt, original: txt });
+ bindEvents: function( c, wo ) {
+ var namespace = tse.namespace;
+ c.$table
+ .off( ( 'updateComplete pagerComplete '.split( ' ' ).join( namespace + ' ' ) ).replace( /\s+/g, ' ' ) )
+ .on( 'updateComplete pagerComplete '.split( ' ' ).join( namespace + ' ' ), function() {
+ tse.update( c, c.widgetOptions );
+ })
+ // prevent sort initialized by user click on the header from changing the row indexing before
+ // updateCell can finish processing the change
+ .children( 'thead' )
+ .add( $( c.namespace + '_extra_table' ).children( 'thead' ) )
+ .off( 'mouseenter' + namespace )
+ .on( 'mouseenter' + namespace, function() {
+ if ( c.$table.data( 'contentFocused' ) ) {
+ // change to 'true' instead of element to allow focusout to process
+ c.$table.data( 'contentFocused', true );
+ $( ':focus' ).trigger( 'focusout' );
+ }
+ });
- if ( typeof wo.editable_focused === 'function' ) {
- wo.editable_focused( txt, column, $this );
- }
+ c.$tbodies
+ .off( ( 'focus blur focusout keydown '.split( ' ' ).join( namespace + ' ' ) ).replace( /\s+/g, ' ' ) )
+ .on( 'focus' + namespace, '[contenteditable]', function( e ) {
+ clearTimeout( $( this ).data( 'timer' ) );
+ c.$table.data( 'contentFocused', e.target );
+ c.table.isUpdating = true; // prevent sorting while editing
+ var $this = $( this ),
+ selAll = wo.editable_selectAll,
+ column = $this.closest( 'td' ).index(),
+ txt = $this.html();
+ if ( wo.editable_trimContent ) {
+ txt = $.trim( txt );
+ }
+ // prevent enter from adding into the content
+ $this
+ .off( 'keydown' + namespace )
+ .on( 'keydown' + namespace, function( e ){
+ if ( wo.editable_enterToAccept && e.which === 13 && !e.shiftKey ) {
+ e.preventDefault();
+ }
+ });
+ $this.data({ before : txt, original: txt });
- if ( selAll ) {
- if ( typeof selAll === 'function' ) {
- if ( selAll( txt, column, $this ) ) {
+ if ( typeof wo.editable_focused === 'function' ) {
+ wo.editable_focused( txt, column, $this );
+ }
+
+ if ( selAll ) {
+ if ( typeof selAll === 'function' ) {
+ if ( selAll( txt, column, $this ) ) {
+ tse.selectAll( $this[0] );
+ }
+ } else {
tse.selectAll( $this[0] );
}
- } else {
- tse.selectAll( $this[0] );
}
- }
- })
- .on( 'blur focusout keydown '.split( ' ' ).join( namespace + ' ' ), '[contenteditable]', function( e ) {
- if ( !c.$table.data( 'contentFocused' ) ) { return; }
- var t, validate,
- valid = false,
- $this = $( e.target ),
- txt = $this.html(),
- column = $this.closest( 'td' ).index();
- if ( wo.editable_trimContent ) {
- txt = $.trim( txt );
- }
- if ( e.which === 27 ) {
- // user cancelled
- $this.html( $this.data( 'original' ) ).trigger( 'blur' + namespace );
- c.$table.data( 'contentFocused', false );
- c.table.isUpdating = false;
- return false;
- }
- // accept on enter ( if set ), alt-enter ( always ) or if autoAccept is set and element is blurred or unfocused
- t = e.which === 13 && !e.shiftKey && ( wo.editable_enterToAccept || e.altKey ) || wo.editable_autoAccept && e.type !== 'keydown';
- // change if new or user hits enter ( if option set )
- if ( t && $this.data( 'before' ) !== txt ) {
-
- validate = wo.editable_validate;
- valid = txt;
-
- if ( typeof( validate ) === 'function' ) {
- valid = validate( txt, $this.data( 'original' ), column, $this );
- } else if ( typeof ( validate = $.tablesorter.getColumnData( c.table, validate, column ) ) === 'function' ) {
- valid = validate( txt, $this.data( 'original' ), column, $this );
+ })
+ .on( 'blur focusout keydown '.split( ' ' ).join( namespace + ' ' ), '[contenteditable]', function( e ) {
+ if ( !c.$table.data( 'contentFocused' ) ) { return; }
+ var t, validate,
+ valid = false,
+ $this = $( e.target ),
+ txt = $this.html(),
+ column = $this.closest( 'td' ).index();
+ if ( wo.editable_trimContent ) {
+ txt = $.trim( txt );
}
-
- if ( t && valid !== false ) {
- c.$table.find( '.' + tse.lastEdited ).removeClass( tse.lastEdited );
- $this
- .addClass( tse.lastEdited )
- .html( valid )
- .data( 'before', valid )
- .data( 'original', valid )
- .trigger( 'change' );
- c.$table.trigger( 'updateCell', [ $this.closest( 'td' ), false, function() {
- if ( wo.editable_autoResort ) {
- setTimeout( function() {
- c.$table.trigger( 'sorton', [ c.sortList, function() {
- tse.editComplete( c, wo, c.$table.data( 'contentFocused' ), true );
- }, true ] );
- }, 10 );
- } else {
- tse.editComplete( c, wo, c.$table.data( 'contentFocused' ) );
- }
- } ] );
+ if ( e.which === 27 ) {
+ // user cancelled
+ $this.html( $this.data( 'original' ) ).trigger( 'blur' + namespace );
+ c.$table.data( 'contentFocused', false );
+ c.table.isUpdating = false;
return false;
}
- } else if ( !valid && e.type !== 'keydown' ) {
- clearTimeout( $this.data( 'timer' ) );
- $this.data( 'timer', setTimeout( function() {
- c.table.isUpdating = false; // clear flag or sorting will be disabled
+ // accept on enter ( if set ), alt-enter ( always ) or if autoAccept is set and element is blurred or unfocused
+ t = e.which === 13 && !e.shiftKey && ( wo.editable_enterToAccept || e.altKey ) || wo.editable_autoAccept && e.type !== 'keydown';
+ // change if new or user hits enter ( if option set )
+ if ( t && $this.data( 'before' ) !== txt ) {
- if ( $.isFunction( wo.editable_blur ) ) {
- txt = $this.html();
- wo.editable_blur( wo.editable_trimContent ? $.trim( txt ) : txt, column, $this );
+ validate = wo.editable_validate;
+ valid = txt;
+
+ if ( typeof validate === 'function' ) {
+ valid = validate( txt, $this.data( 'original' ), column, $this );
+ } else if ( typeof ( validate = $.tablesorter.getColumnData( c.table, validate, column ) ) === 'function' ) {
+ valid = validate( txt, $this.data( 'original' ), column, $this );
}
- }, 100 ) );
- // restore original content on blur
- $this.html( $this.data( 'original' ) );
- }
- });
- },
- destroy : function( c, wo ) {
- var namespace = tse.namespace,
- cols = tse.getColumns( c, wo ),
- tmp = ( 'updateComplete pagerComplete '.split( ' ' ).join( namespace + ' ' ) ).replace( /\s+/g, ' ' );
- c.$table.off( tmp );
+ if ( t && valid !== false ) {
+ c.$table.find( '.' + tse.lastEdited ).removeClass( tse.lastEdited );
+ $this
+ .addClass( tse.lastEdited )
+ .html( valid )
+ .data( 'before', valid )
+ .data( 'original', valid )
+ .trigger( 'change' );
+ c.$table.trigger( 'updateCell', [ $this.closest( 'td' ), false, function() {
+ if ( wo.editable_autoResort ) {
+ setTimeout( function() {
+ c.$table.trigger( 'sorton', [ c.sortList, function() {
+ tse.editComplete( c, wo, c.$table.data( 'contentFocused' ), true );
+ }, true ] );
+ }, 10 );
+ } else {
+ tse.editComplete( c, wo, c.$table.data( 'contentFocused' ) );
+ }
+ } ] );
+ return false;
+ }
+ } else if ( !valid && e.type !== 'keydown' ) {
+ clearTimeout( $this.data( 'timer' ) );
+ $this.data( 'timer', setTimeout( function() {
+ c.table.isUpdating = false; // clear flag or sorting will be disabled
- tmp = ( 'focus blur focusout keydown '.split( ' ' ).join( namespace + ' ' ) ).replace( /\s+/g, ' ' );
- c.$tbodies
- .off( tmp )
- .find( cols.join( ',' ) )
- .find( '[contenteditable]' )
- .prop( 'contenteditable', false );
- }
+ if ( $.isFunction( wo.editable_blur ) ) {
+ txt = $this.html();
+ wo.editable_blur( wo.editable_trimContent ? $.trim( txt ) : txt, column, $this );
+ }
+ }, 100 ) );
+ // restore original content on blur
+ $this.html( $this.data( 'original' ) );
+ }
+ });
+ },
+ destroy : function( c, wo ) {
+ var namespace = tse.namespace,
+ cols = tse.getColumns( c, wo ),
-};
+ tmp = ( 'updateComplete pagerComplete '.split( ' ' ).join( namespace + ' ' ) ).replace( /\s+/g, ' ' );
+ c.$table.off( tmp );
+
+ tmp = ( 'focus blur focusout keydown '.split( ' ' ).join( namespace + ' ' ) ).replace( /\s+/g, ' ' );
+ c.$tbodies
+ .off( tmp )
+ .find( cols.join( ',' ) )
+ .find( '[contenteditable]' )
+ .prop( 'contenteditable', false );
+ }
+
+ };
$.tablesorter.addWidget({
id: 'editable',
diff --git a/js/widgets/widget-filter-formatter-html5.js b/js/widgets/widget-filter-formatter-html5.js
index 1c5e303d..67e67353 100644
--- a/js/widgets/widget-filter-formatter-html5.js
+++ b/js/widgets/widget-filter-formatter-html5.js
@@ -8,422 +8,421 @@
/*jshint browser:true, jquery:true, unused:false */
/*global jQuery: false */
;(function($){
-"use strict";
+ 'use strict';
-var ts = $.tablesorter || {},
+ var ts = $.tablesorter || {},
-// compare option selector class name (jQuery selector)
-compareSelect = '.compare-select',
+ // compare option selector class name (jQuery selector)
+ compareSelect = '.compare-select',
+ tsff = ts.filterFormatter = $.extend( {}, ts.filterFormatter, {
-tsff = ts.filterFormatter = $.extend( {}, ts.filterFormatter, {
-
- addCompare: function($cell, indx, options){
- if (options.compare && $.isArray(options.compare) && options.compare.length > 1) {
- var opt = '',
- compareSelectClass = [ compareSelect.slice(1), ' ' + compareSelect.slice(1), '' ],
- txt = options.cellText ? '
' : '';
- $.each(options.compare, function(i, c){
- opt += '
';
- });
- $cell
- .wrapInner('
')
- .prepend( txt + '
' )
- .find('select')
- .append(opt);
- }
- },
-
- updateCompare : function($cell, $input, o) {
- var val = $input.val() || '',
- num = val.replace(/\s*?[><=]\s*?/g, ''),
- compare = val.match(/[><=]/g) || '';
- if (o.compare) {
- if ($.isArray(o.compare)){
- compare = (compare || []).join('') || o.compare[o.selected || 0];
+ addCompare: function($cell, indx, options){
+ if (options.compare && $.isArray(options.compare) && options.compare.length > 1) {
+ var opt = '',
+ compareSelectClass = [ compareSelect.slice(1), ' ' + compareSelect.slice(1), '' ],
+ txt = options.cellText ? '
' : '';
+ $.each(options.compare, function(i, c){
+ opt += '
';
+ });
+ $cell
+ .wrapInner('
')
+ .prepend( txt + '
' )
+ .find('select')
+ .append(opt);
}
- $cell.find(compareSelect).val( compare );
- }
- return [ val, num ];
- },
+ },
- /**********************\
- HTML5 Number (spinner)
- \**********************/
- html5Number : function($cell, indx, def5Num) {
- var t, o = $.extend({
- value : 0,
- min : 0,
- max : 100,
- step : 1,
- delayed : true,
- disabled : false,
- addToggle : false,
- exactMatch : false,
- cellText : '',
- compare : '',
- skipTest: false
- }, def5Num),
-
- $input,
- // test browser for HTML5 range support
- $number = $('
').appendTo($cell),
- // test if HTML5 number is supported - from Modernizr
- numberSupported = o.skipTest || $number.attr('type') === 'number' && $number.val() !== 'test',
- $shcell = [],
- c = $cell.closest('table')[0].config,
-
- updateNumber = function(delayed, notrigger){
- var chkd = o.addToggle ? $cell.find('.toggle').is(':checked') : true,
- v = $cell.find('.number').val(),
- compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
- searchType = c.$table[0].hasInitialized ? (delayed ? delayed : o.delayed) || '' : true;
- $input
- // add equal to the beginning, so we filter exact numbers
- .val( !o.addToggle || chkd ? (compare ? compare : o.exactMatch ? '=' : '') + v : '' )
- .trigger( notrigger ? '' : 'search', searchType ).end()
- .find('.number').val(v);
- if ($cell.find('.number').length) {
- $cell.find('.number')[0].disabled = (o.disabled || !chkd);
- }
- // update sticky header cell
- if ($shcell.length) {
- $shcell.find('.number').val(v)[0].disabled = (o.disabled || !chkd);
- $shcell.find(compareSelect).val(compare);
- if (o.addToggle) {
- $shcell.find('.toggle')[0].checked = chkd;
+ updateCompare : function($cell, $input, o) {
+ var val = $input.val() || '',
+ num = val.replace(/\s*?[><=]\s*?/g, ''),
+ compare = val.match(/[><=]/g) || '';
+ if (o.compare) {
+ if ($.isArray(o.compare)){
+ compare = (compare || []).join('') || o.compare[o.selected || 0];
}
+ $cell.find(compareSelect).val( compare );
}
- };
- $number.remove();
+ return [ val, num ];
+ },
- if (numberSupported) {
- t = o.addToggle ? '
' +
- '
' : '';
- t += '
';
- // add HTML5 number (spinner)
- $cell
- .append(t + '
')
- .find('.toggle, .number').bind('change', function(){
- updateNumber();
- })
- .closest('thead').find('th[data-column=' + indx + ']')
- .addClass('filter-parsed') // get exact numbers from column
- // on reset
- .closest('table').bind('filterReset', function(){
- if ($.isArray(o.compare)) {
- $cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
- }
- // turn off the toggle checkbox
+ /**********************\
+ HTML5 Number (spinner)
+ \**********************/
+ html5Number : function($cell, indx, def5Num) {
+ var t, o = $.extend({
+ value : 0,
+ min : 0,
+ max : 100,
+ step : 1,
+ delayed : true,
+ disabled : false,
+ addToggle : false,
+ exactMatch : false,
+ cellText : '',
+ compare : '',
+ skipTest: false
+ }, def5Num),
+
+ $input,
+ // test browser for HTML5 range support
+ $number = $('
').appendTo($cell),
+ // test if HTML5 number is supported - from Modernizr
+ numberSupported = o.skipTest || $number.attr('type') === 'number' && $number.val() !== 'test',
+ $shcell = [],
+ c = $cell.closest('table')[0].config,
+
+ updateNumber = function(delayed, notrigger){
+ var chkd = o.addToggle ? $cell.find('.toggle').is(':checked') : true,
+ v = $cell.find('.number').val(),
+ compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
+ searchType = c.$table[0].hasInitialized ? (delayed ? delayed : o.delayed) || '' : true;
+ $input
+ // add equal to the beginning, so we filter exact numbers
+ .val( !o.addToggle || chkd ? (compare ? compare : o.exactMatch ? '=' : '') + v : '' )
+ .trigger( notrigger ? '' : 'search', searchType ).end()
+ .find('.number').val(v);
+ if ($cell.find('.number').length) {
+ $cell.find('.number')[0].disabled = (o.disabled || !chkd);
+ }
+ // update sticky header cell
+ if ($shcell.length) {
+ $shcell.find('.number').val(v)[0].disabled = (o.disabled || !chkd);
+ $shcell.find(compareSelect).val(compare);
if (o.addToggle) {
- $cell.find('.toggle')[0].checked = false;
- if ($shcell.length) {
- $shcell.find('.toggle')[0].checked = false;
- }
+ $shcell.find('.toggle')[0].checked = chkd;
}
- $cell.find('.number').val( o.value );
- setTimeout(function(){
+ }
+ };
+ $number.remove();
+
+ if (numberSupported) {
+ t = o.addToggle ? '
' +
+ '
' : '';
+ t += '
';
+ // add HTML5 number (spinner)
+ $cell
+ .append(t + '
')
+ .find('.toggle, .number').bind('change', function(){
updateNumber();
- }, 0);
- });
- $input = $cell.find('input[type=hidden]').bind('change', function(){
- $cell.find('.number').val( this.value );
- updateNumber();
- });
-
- // update slider from hidden input, in case of saved filters
- c.$table.bind('filterFomatterUpdate', function(){
- var val = tsff.updateCompare($cell, $input, o)[0] || o.value;
- $cell.find('.number').val( ((val || '') + '').replace(/[><=]/g,'') );
- updateNumber(false, true);
- ts.filter.formatterUpdated($cell, indx);
- });
-
- if (o.compare) {
- // add compare select
- tsff.addCompare($cell, indx, o);
- $cell.find(compareSelect).bind('change', function(){
+ })
+ .closest('thead').find('th[data-column=' + indx + ']')
+ .addClass('filter-parsed') // get exact numbers from column
+ // on reset
+ .closest('table').bind('filterReset', function(){
+ if ($.isArray(o.compare)) {
+ $cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
+ }
+ // turn off the toggle checkbox
+ if (o.addToggle) {
+ $cell.find('.toggle')[0].checked = false;
+ if ($shcell.length) {
+ $shcell.find('.toggle')[0].checked = false;
+ }
+ }
+ $cell.find('.number').val( o.value );
+ setTimeout(function(){
+ updateNumber();
+ }, 0);
+ });
+ $input = $cell.find('input[type=hidden]').bind('change', function(){
+ $cell.find('.number').val( this.value );
updateNumber();
});
- }
- // has sticky headers?
- c.$table.bind('stickyHeadersInit', function(){
- $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
- $shcell
- .append(t)
- .find('.toggle, .number').bind('change', function(){
- $cell.find('.number').val( $(this).val() );
- updateNumber();
- });
+ // update slider from hidden input, in case of saved filters
+ c.$table.bind('filterFomatterUpdate', function(){
+ var val = tsff.updateCompare($cell, $input, o)[0] || o.value;
+ $cell.find('.number').val( ((val || '') + '').replace(/[><=]/g, '') );
+ updateNumber(false, true);
+ ts.filter.formatterUpdated($cell, indx);
+ });
if (o.compare) {
// add compare select
- tsff.addCompare($shcell, indx, o);
- $shcell.find(compareSelect).bind('change', function(){
- $cell.find(compareSelect).val( $(this).val() );
+ tsff.addCompare($cell, indx, o);
+ $cell.find(compareSelect).bind('change', function(){
updateNumber();
});
}
+ // has sticky headers?
+ c.$table.bind('stickyHeadersInit', function(){
+ $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
+ $shcell
+ .append(t)
+ .find('.toggle, .number').bind('change', function(){
+ $cell.find('.number').val( $(this).val() );
+ updateNumber();
+ });
+
+ if (o.compare) {
+ // add compare select
+ tsff.addCompare($shcell, indx, o);
+ $shcell.find(compareSelect).bind('change', function(){
+ $cell.find(compareSelect).val( $(this).val() );
+ updateNumber();
+ });
+ }
+
+ updateNumber();
+ });
+
updateNumber();
- });
- updateNumber();
-
- }
-
- return numberSupported ? $cell.find('input[type="hidden"]') : $('
');
- },
-
- /**********************\
- HTML5 range slider
- \**********************/
- html5Range : function($cell, indx, def5Range) {
- var o = $.extend({
- value : 0,
- min : 0,
- max : 100,
- step : 1,
- delayed : true,
- valueToHeader : true,
- exactMatch : true,
- cellText : '',
- compare : '',
- allText : 'all',
- skipTest : false
- }, def5Range),
-
- $input,
- // test browser for HTML5 range support
- $range = $('
').appendTo($cell),
- // test if HTML5 range is supported - from Modernizr (but I left out the method to detect in Safari 2-4)
- // see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/inputtypes.js
- rangeSupported = o.skipTest || $range.attr('type') === 'range' && $range.val() !== 'test',
- $shcell = [],
- c = $cell.closest('table')[0].config,
-
- updateRange = function(v, delayed, notrigger){
- /*jshint eqeqeq:false */
- // hidden input changes may include compare symbols
- v = ( typeof v === "undefined" ? $input.val() : v ).toString().replace(/[<>=]/g,'') || o.value;
- var compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
- t = ' (' + (compare ? compare + v : v == o.min ? o.allText : v) + ')',
- searchType = c.$table[0].hasInitialized ? (delayed ? delayed : o.delayed) || '' : true;
- $cell.find('input[type=hidden]')
- // add equal to the beginning, so we filter exact numbers
- .val( ( compare ? compare + v : ( v == o.min ? '' : ( o.exactMatch ? '=' : '' ) + v ) ) )
- //( val == o.min ? '' : val + (o.exactMatch ? '=' : ''))
- .trigger( notrigger ? '' : 'search', searchType ).end()
- .find('.range').val(v);
- // or add current value to the header cell, if desired
- $cell.closest('thead').find('th[data-column=' + indx + ']').find('.curvalue').html(t);
- // update sticky header cell
- if ($shcell.length) {
- $shcell
- .find('.range').val(v).end()
- .find(compareSelect).val( compare );
- $shcell.closest('thead').find('th[data-column=' + indx + ']').find('.curvalue').html(t);
}
- };
- $range.remove();
- if (rangeSupported) {
- // add HTML5 range
- $cell
- .html('
')
- .closest('thead').find('th[data-column=' + indx + ']')
- .addClass('filter-parsed') // get exact numbers from column
- // add span to header for the current slider value
- .find('.tablesorter-header-inner').append('
');
- // hidden filter update namespace trigger by filter widget
- $input = $cell.find('input[type=hidden]').bind('change' + c.namespace + 'filter', function(){
+ return numberSupported ? $cell.find('input[type="hidden"]') : $('
');
+ },
+
+ /**********************\
+ HTML5 range slider
+ \**********************/
+ html5Range : function($cell, indx, def5Range) {
+ var o = $.extend({
+ value : 0,
+ min : 0,
+ max : 100,
+ step : 1,
+ delayed : true,
+ valueToHeader : true,
+ exactMatch : true,
+ cellText : '',
+ compare : '',
+ allText : 'all',
+ skipTest : false
+ }, def5Range),
+
+ $input,
+ // test browser for HTML5 range support
+ $range = $('
').appendTo($cell),
+ // test if HTML5 range is supported - from Modernizr (but I left out the method to detect in Safari 2-4)
+ // see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/inputtypes.js
+ rangeSupported = o.skipTest || $range.attr('type') === 'range' && $range.val() !== 'test',
+ $shcell = [],
+ c = $cell.closest('table')[0].config,
+
+ updateRange = function(v, delayed, notrigger){
/*jshint eqeqeq:false */
- var v = this.value,
- compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '';
- if (v !== this.lastValue) {
- this.lastValue = ( compare ? compare + v : ( v == o.min ? '' : ( o.exactMatch ? '=' : '' ) + v ) );
- this.value = this.lastValue;
- updateRange( v );
+ // hidden input changes may include compare symbols
+ v = ( typeof v === 'undefined' ? $input.val() : v ).toString().replace(/[<>=]/g, '') || o.value;
+ var compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
+ t = ' (' + (compare ? compare + v : v == o.min ? o.allText : v) + ')',
+ searchType = c.$table[0].hasInitialized ? (delayed ? delayed : o.delayed) || '' : true;
+ $cell.find('input[type=hidden]')
+ // add equal to the beginning, so we filter exact numbers
+ .val( ( compare ? compare + v : ( v == o.min ? '' : ( o.exactMatch ? '=' : '' ) + v ) ) )
+ // ( val == o.min ? '' : val + (o.exactMatch ? '=' : ''))
+ .trigger( notrigger ? '' : 'search', searchType ).end()
+ .find('.range').val(v);
+ // or add current value to the header cell, if desired
+ $cell.closest('thead').find('th[data-column=' + indx + ']').find('.curvalue').html(t);
+ // update sticky header cell
+ if ($shcell.length) {
+ $shcell
+ .find('.range').val(v).end()
+ .find(compareSelect).val( compare );
+ $shcell.closest('thead').find('th[data-column=' + indx + ']').find('.curvalue').html(t);
}
- });
+ };
+ $range.remove();
- $cell.find('.range').bind('change', function(){
- updateRange( this.value );
- });
-
- // update spinner from hidden input, in case of saved filters
- c.$table.bind('filterFomatterUpdate', function(){
- var val = tsff.updateCompare($cell, $input, o)[0];
- $cell.find('.range').val( val );
- updateRange(val, false, true);
- ts.filter.formatterUpdated($cell, indx);
- });
-
- if (o.compare) {
- // add compare select
- tsff.addCompare($cell, indx, o);
- $cell.find(compareSelect).bind('change', function(){
- updateRange();
+ if (rangeSupported) {
+ // add HTML5 range
+ $cell
+ .html('
')
+ .closest('thead').find('th[data-column=' + indx + ']')
+ .addClass('filter-parsed') // get exact numbers from column
+ // add span to header for the current slider value
+ .find('.tablesorter-header-inner').append('
');
+ // hidden filter update namespace trigger by filter widget
+ $input = $cell.find('input[type=hidden]').bind('change' + c.namespace + 'filter', function(){
+ /*jshint eqeqeq:false */
+ var v = this.value,
+ compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '';
+ if (v !== this.lastValue) {
+ this.lastValue = ( compare ? compare + v : ( v == o.min ? '' : ( o.exactMatch ? '=' : '' ) + v ) );
+ this.value = this.lastValue;
+ updateRange( v );
+ }
});
- }
- // has sticky headers?
- c.$table.bind('stickyHeadersInit', function(){
- $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
- $shcell
- .html('
')
- .find('.range').bind('change', function(){
- updateRange( $shcell.find('.range').val() );
- });
- updateRange();
+ $cell.find('.range').bind('change', function(){
+ updateRange( this.value );
+ });
+
+ // update spinner from hidden input, in case of saved filters
+ c.$table.bind('filterFomatterUpdate', function(){
+ var val = tsff.updateCompare($cell, $input, o)[0];
+ $cell.find('.range').val( val );
+ updateRange(val, false, true);
+ ts.filter.formatterUpdated($cell, indx);
+ });
if (o.compare) {
// add compare select
- tsff.addCompare($shcell, indx, o);
- $shcell.find(compareSelect).bind('change', function(){
- $cell.find(compareSelect).val( $(this).val() );
+ tsff.addCompare($cell, indx, o);
+ $cell.find(compareSelect).bind('change', function(){
updateRange();
});
}
- });
+ // has sticky headers?
+ c.$table.bind('stickyHeadersInit', function(){
+ $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
+ $shcell
+ .html('
')
+ .find('.range').bind('change', function(){
+ updateRange( $shcell.find('.range').val() );
+ });
+ updateRange();
- // on reset
- $cell.closest('table').bind('filterReset', function(){
- if ($.isArray(o.compare)) {
- $cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
- }
- setTimeout(function(){
- updateRange(o.value, false, true);
- }, 0);
- });
- updateRange();
+ if (o.compare) {
+ // add compare select
+ tsff.addCompare($shcell, indx, o);
+ $shcell.find(compareSelect).bind('change', function(){
+ $cell.find(compareSelect).val( $(this).val() );
+ updateRange();
+ });
+ }
- }
+ });
- return rangeSupported ? $cell.find('input[type="hidden"]') : $('
');
- },
+ // on reset
+ $cell.closest('table').bind('filterReset', function(){
+ if ($.isArray(o.compare)) {
+ $cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
+ }
+ setTimeout(function(){
+ updateRange(o.value, false, true);
+ }, 0);
+ });
+ updateRange();
- /**********************\
- HTML5 Color picker
- \**********************/
- html5Color: function($cell, indx, defColor) {
- var t, o = $.extend({
- value : '#000000',
- disabled : false,
- addToggle : true,
- exactMatch : true,
- valueToHeader : false,
- skipTest : false
- }, defColor),
- $input,
- // Add a hidden input to hold the range values
- $color = $('
').appendTo($cell),
- // test if HTML5 color is supported - from Modernizr
- colorSupported = o.skipTest || $color.attr('type') === 'color' && $color.val() !== 'test',
- $shcell = [],
- c = $cell.closest('table')[0].config,
-
- updateColor = function(v, notrigger){
- v = ( typeof v === "undefined" ? $input.val() : v ).toString().replace('=','') || o.value;
- var chkd = true,
- t = ' (' + v + ')';
- if (o.addToggle) {
- chkd = $cell.find('.toggle').is(':checked');
- }
- if ($cell.find('.colorpicker').length) {
- $cell.find('.colorpicker').val(v)[0].disabled = (o.disabled || !chkd);
}
- $input
- .val( chkd ? v + (o.exactMatch ? '=' : '') : '' )
- .trigger( !c.$table[0].hasInitialized || notrigger ? '' : 'search' );
- if (o.valueToHeader) {
- // add current color to the header cell
- $cell.closest('thead').find('th[data-column=' + indx + ']').find('.curcolor').html(t);
- } else {
- // current color to span in cell
- $cell.find('.currentColor').html(t);
- }
+ return rangeSupported ? $cell.find('input[type="hidden"]') : $('
');
+ },
- // update sticky header cell
- if ($shcell.length) {
- $shcell.find('.colorpicker').val(v)[0].disabled = (o.disabled || !chkd);
+ /**********************\
+ HTML5 Color picker
+ \**********************/
+ html5Color: function($cell, indx, defColor) {
+ var t, o = $.extend({
+ value : '#000000',
+ disabled : false,
+ addToggle : true,
+ exactMatch : true,
+ valueToHeader : false,
+ skipTest : false
+ }, defColor),
+ $input,
+ // Add a hidden input to hold the range values
+ $color = $('
').appendTo($cell),
+ // test if HTML5 color is supported - from Modernizr
+ colorSupported = o.skipTest || $color.attr('type') === 'color' && $color.val() !== 'test',
+ $shcell = [],
+ c = $cell.closest('table')[0].config,
+
+ updateColor = function(v, notrigger) {
+ v = ( typeof v === 'undefined' ? $input.val() : v ).toString().replace('=', '') || o.value;
+ var chkd = true,
+ t = ' (' + v + ')';
if (o.addToggle) {
- $shcell.find('.toggle')[0].checked = chkd;
+ chkd = $cell.find('.toggle').is(':checked');
}
+ if ($cell.find('.colorpicker').length) {
+ $cell.find('.colorpicker').val(v)[0].disabled = (o.disabled || !chkd);
+ }
+
+ $input
+ .val( chkd ? v + (o.exactMatch ? '=' : '') : '' )
+ .trigger( !c.$table[0].hasInitialized || notrigger ? '' : 'search' );
if (o.valueToHeader) {
// add current color to the header cell
- $shcell.closest('thead').find('th[data-column=' + indx + ']').find('.curcolor').html(t);
+ $cell.closest('thead').find('th[data-column=' + indx + ']').find('.curcolor').html(t);
} else {
// current color to span in cell
- $shcell.find('.currentColor').html(t);
+ $cell.find('.currentColor').html(t);
}
- }
- };
- $color.remove();
- if (colorSupported) {
- t = '' + indx + Math.round(Math.random() * 100);
- // add HTML5 color picker
- t = '
';
- $cell.html(t);
- // add span to header for the current color value - only works if the line in the updateColor() function is also un-commented out
- if (o.valueToHeader) {
- $cell.closest('thead').find('th[data-column=' + indx + ']').find('.tablesorter-header-inner').append('
');
- }
-
- $cell.find('.toggle, .colorpicker').bind('change', function(){
- updateColor( $cell.find('.colorpicker').val() );
- });
-
- // hidden filter update namespace trigger by filter widget
- $input = $cell.find('input[type=hidden]').bind('change' + c.namespace + 'filter', function(){
- updateColor( this.value );
- });
-
- // update slider from hidden input, in case of saved filters
- c.$table.bind('filterFomatterUpdate', function(){
- updateColor( $input.val(), true );
- ts.filter.formatterUpdated($cell, indx);
- });
-
- // on reset
- $cell.closest('table').bind('filterReset', function(){
- // just turn off the colorpicker
- if (o.addToggle) {
- $cell.find('.toggle')[0].checked = false;
+ // update sticky header cell
+ if ($shcell.length) {
+ $shcell.find('.colorpicker').val(v)[0].disabled = (o.disabled || !chkd);
+ if (o.addToggle) {
+ $shcell.find('.toggle')[0].checked = chkd;
+ }
+ if (o.valueToHeader) {
+ // add current color to the header cell
+ $shcell.closest('thead').find('th[data-column=' + indx + ']').find('.curcolor').html(t);
+ } else {
+ // current color to span in cell
+ $shcell.find('.currentColor').html(t);
+ }
}
- // delay needed because default color needs to be set in the filter
- // there is no compare option here, so if addToggle = false,
- // default color is #000000 (even with no value set)
- setTimeout(function(){
- updateColor();
- }, 0);
- });
+ };
+ $color.remove();
- // has sticky headers?
- c.$table.bind('stickyHeadersInit', function(){
- $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx);
- $shcell
- .html(t)
- .find('.toggle, .colorpicker').bind('change', function(){
- updateColor( $shcell.find('.colorpicker').val() );
- });
- updateColor( $shcell.find('.colorpicker').val() );
- });
+ if (colorSupported) {
+ t = '' + indx + Math.round(Math.random() * 100);
+ // add HTML5 color picker
+ t = '
';
+ $cell.html(t);
+ // add span to header for the current color value - only works if the line in the updateColor() function is also un-commented out
+ if (o.valueToHeader) {
+ $cell.closest('thead').find('th[data-column=' + indx + ']').find('.tablesorter-header-inner').append('
');
+ }
- updateColor( o.value );
+ $cell.find('.toggle, .colorpicker').bind('change', function(){
+ updateColor( $cell.find('.colorpicker').val() );
+ });
+
+ // hidden filter update namespace trigger by filter widget
+ $input = $cell.find('input[type=hidden]').bind('change' + c.namespace + 'filter', function(){
+ updateColor( this.value );
+ });
+
+ // update slider from hidden input, in case of saved filters
+ c.$table.bind('filterFomatterUpdate', function(){
+ updateColor( $input.val(), true );
+ ts.filter.formatterUpdated($cell, indx);
+ });
+
+ // on reset
+ $cell.closest('table').bind('filterReset', function(){
+ // just turn off the colorpicker
+ if (o.addToggle) {
+ $cell.find('.toggle')[0].checked = false;
+ }
+ // delay needed because default color needs to be set in the filter
+ // there is no compare option here, so if addToggle = false,
+ // default color is #000000 (even with no value set)
+ setTimeout(function(){
+ updateColor();
+ }, 0);
+ });
+
+ // has sticky headers?
+ c.$table.bind('stickyHeadersInit', function(){
+ $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx);
+ $shcell
+ .html(t)
+ .find('.toggle, .colorpicker').bind('change', function(){
+ updateColor( $shcell.find('.colorpicker').val() );
+ });
+ updateColor( $shcell.find('.colorpicker').val() );
+ });
+
+ updateColor( o.value );
+ }
+ return colorSupported ? $cell.find('input[type="hidden"]') : $('
');
}
- return colorSupported ? $cell.find('input[type="hidden"]') : $('
');
- }
-});
+ });
})(jQuery);
diff --git a/js/widgets/widget-filter-formatter-jui.js b/js/widgets/widget-filter-formatter-jui.js
index 00ee4612..6ba2a65c 100644
--- a/js/widgets/widget-filter-formatter-jui.js
+++ b/js/widgets/widget-filter-formatter-jui.js
@@ -10,755 +10,755 @@
/*jshint browser:true, jquery:true, unused:false */
/*global jQuery: false */
;(function($){
-"use strict";
+ 'use strict';
-var ts = $.tablesorter || {},
+ var ts = $.tablesorter || {},
-// compare option selector class name (jQuery selector)
-compareSelect = '.compare-select',
+ // compare option selector class name (jQuery selector)
+ compareSelect = '.compare-select',
-tsff = ts.filterFormatter = $.extend( {}, ts.filterFormatter, {
+ tsff = ts.filterFormatter = $.extend( {}, ts.filterFormatter, {
- addCompare: function($cell, indx, options){
- if (options.compare && $.isArray(options.compare) && options.compare.length > 1) {
- var opt = '',
- compareSelectClass = [ compareSelect.slice(1), ' ' + compareSelect.slice(1), '' ],
- txt = options.cellText ? '
' : '';
- $.each(options.compare, function(i, c){
- opt += '
';
- });
- $cell
- .wrapInner('
')
- .prepend( txt + '
' )
- .find('select')
- .append(opt);
- }
- },
-
- updateCompare : function($cell, $input, o) {
- var val = $input.val() || '',
- num = val.replace(/\s*?[><=]\s*?/g, ''),
- compare = val.match(/[><=]/g) || '';
- if (o.compare) {
- if ($.isArray(o.compare)){
- compare = (compare || []).join('') || o.compare[o.selected || 0];
- }
- $cell.find(compareSelect).val( compare );
- }
- return [ val, num ];
- },
-
- /**********************\
- jQuery UI Spinner
- \**********************/
- uiSpinner: function($cell, indx, spinnerDef) {
- var o = $.extend({
- // filter formatter options
- delayed : true,
- addToggle : true,
- exactMatch : true,
- value : 1,
- cellText : '',
- compare : '',
- // include ANY jQuery UI spinner options below
- min : 0,
- max : 100,
- step : 1,
- disabled : false
-
- }, spinnerDef ),
- c = $cell.closest('table')[0].config,
- // Add a hidden input to hold the range values
- $input = $('
')
- .appendTo($cell)
- // hidden filter update namespace trigger by filter widget
- .bind('change' + c.namespace + 'filter', function(){
- updateSpinner({ value: this.value, delayed: false });
- }),
- $shcell = [],
-
- // this function updates the hidden input and adds the current values to the header cell text
- updateSpinner = function(ui, notrigger) {
- var chkd = true, state,
- // ui is not undefined on create
- v = ui && ui.value && ts.formatFloat((ui.value + '').replace(/[><=]/g,'')) ||
- $cell.find('.spinner').val() || o.value,
- compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
- searchType = ui && typeof ui.delayed === 'boolean' ? ui.delayed : c.$table[0].hasInitialized ? o.delayed || '' : true;
- if (o.addToggle) {
- chkd = $cell.find('.toggle').is(':checked');
- }
- state = o.disabled || !chkd ? 'disable' : 'enable';
- $cell.find('.filter')
- // add equal to the beginning, so we filter exact numbers
- .val( chkd ? (compare ? compare : o.exactMatch ? '=' : '') + v : '' )
- .trigger( notrigger ? '' : 'search', searchType ).end()
- .find('.spinner').spinner(state).val(v);
- // update sticky header cell
- if ($shcell.length) {
- $shcell
- .find('.spinner').spinner(state).val(v).end()
- .find(compareSelect).val( compare );
- if (o.addToggle) {
- $shcell.find('.toggle')[0].checked = chkd;
- }
- }
- };
-
- // add callbacks; preserve added callbacks
- o.oldcreate = o.create;
- o.oldspin = o.spin;
- o.create = function(event, ui) {
- updateSpinner(); // ui is an empty object on create
- if (typeof o.oldcreate === 'function') { o.oldcreate(event, ui); }
- };
- o.spin = function(event, ui) {
- updateSpinner(ui);
- if (typeof o.oldspin === 'function') { o.oldspin(event, ui); }
- };
- if (o.addToggle) {
- $('
' +
- '
')
- .appendTo($cell)
- .find('.toggle')
- .bind('change', function(){
- updateSpinner();
+ addCompare: function($cell, indx, options){
+ if (options.compare && $.isArray(options.compare) && options.compare.length > 1) {
+ var opt = '',
+ compareSelectClass = [ compareSelect.slice(1), ' ' + compareSelect.slice(1), '' ],
+ txt = options.cellText ? '
' : '';
+ $.each(options.compare, function(i, c){
+ opt += '
';
});
- }
- // make sure we use parsed data
- $cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed');
- // add a jQuery UI spinner!
- $('
')
- .val(o.value)
- .appendTo($cell)
- .spinner(o)
- .bind('change keyup', function(){
- updateSpinner();
- });
-
- // update spinner from hidden input, in case of saved filters
- c.$table.bind('filterFomatterUpdate', function(){
- var val = tsff.updateCompare($cell, $input, o)[0];
- $cell.find('.spinner').val( val );
- updateSpinner({ value: val }, true);
- ts.filter.formatterUpdated($cell, indx);
- });
-
- if (o.compare) {
- // add compare select
- tsff.addCompare($cell, indx, o);
- $cell.find(compareSelect).bind('change', function(){
- updateSpinner();
- });
- }
-
- // has sticky headers?
- c.$table.bind('stickyHeadersInit', function(){
- $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
- if (o.addToggle) {
- $('
' +
- '
')
- .appendTo($shcell)
- .find('.toggle')
- .bind('change', function(){
- $cell.find('.toggle')[0].checked = this.checked;
- updateSpinner();
- });
- }
- // add a jQuery UI spinner!
- $('
')
- .val(o.value)
- .appendTo($shcell)
- .spinner(o)
- .bind('change keyup', function(){
- $cell.find('.spinner').val( this.value );
- updateSpinner();
- });
-
- if (o.compare) {
- // add compare select
- tsff.addCompare($shcell, indx, o);
- $shcell.find(compareSelect).bind('change', function(){
- $cell.find(compareSelect).val( $(this).val() );
- updateSpinner();
- });
- }
-
- });
-
- // on reset
- c.$table.bind('filterReset', function(){
- if ($.isArray(o.compare)) {
- $cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
- }
- // turn off the toggle checkbox
- if (o.addToggle) {
- $cell.find('.toggle')[0].checked = false;
- }
- $cell.find('.spinner').spinner('value', o.value);
- setTimeout(function(){
- updateSpinner();
- }, 0);
- });
-
- updateSpinner();
- return $input;
- },
-
- /**********************\
- jQuery UI Slider
- \**********************/
- uiSlider: function($cell, indx, sliderDef) {
- var o = $.extend({
- // filter formatter options
- delayed : true,
- valueToHeader : false,
- exactMatch : true,
- cellText : '',
- compare : '',
- allText : 'all',
- // include ANY jQuery UI spinner options below
- // except values, since this is a non-range setup
- value : 0,
- min : 0,
- max : 100,
- step : 1,
- range : "min"
- }, sliderDef ),
- c = $cell.closest('table')[0].config,
- // Add a hidden input to hold the range values
- $input = $('
')
- .appendTo($cell)
- // hidden filter update namespace trigger by filter widget
- .bind('change' + c.namespace + 'filter', function(){
- updateSlider({ value: this.value });
- }),
- $shcell = [],
-
- // this function updates the hidden input and adds the current values to the header cell text
- updateSlider = function(ui, notrigger) {
- // ui is not undefined on create
- var v = typeof ui !== "undefined" ? ts.formatFloat((ui.value + '').replace(/[><=]/g,'')) || o.value : o.value,
- val = o.compare ? v : v === o.min ? o.allText : v,
- compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
- result = compare + val,
- searchType = ui && typeof ui.delayed === 'boolean' ? ui.delayed : c.$table[0].hasInitialized ? o.delayed || '' : true;
- if (o.valueToHeader) {
- // add range indication to the header cell above!
- $cell.closest('thead').find('th[data-column=' + indx + ']').find('.curvalue').html(' (' + result + ')');
- } else {
- // add values to the handle data-value attribute so the css tooltip will work properly
- $cell.find('.ui-slider-handle').addClass('value-popup').attr('data-value', result);
- }
- // update the hidden input;
- // ****** ADD AN EQUAL SIGN TO THE BEGINNING! <- this makes the slide exactly match the number ******
- // when the value is at the minimum, clear the hidden input so all rows will be seen
-
- $cell.find('.filter')
- .val( ( compare ? compare + v : v === o.min ? '' : (o.exactMatch ? '=' : '') + v ) )
- .trigger( notrigger ? '' : 'search', searchType ).end()
- .find('.slider').slider('value', v);
-
- // update sticky header cell
- if ($shcell.length) {
- $shcell
- .find(compareSelect).val( compare ).end()
- .find('.slider').slider('value', v);
- if (o.valueToHeader) {
- $shcell.closest('thead').find('th[data-column=' + indx + ']').find('.curvalue').html(' (' + result + ')');
- } else {
- $shcell.find('.ui-slider-handle').addClass('value-popup').attr('data-value', result);
- }
- }
-
- };
- $cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed');
-
- // add span to header for value - only works if the line in the updateSlider() function is also un-commented out
- if (o.valueToHeader) {
- $cell.closest('thead').find('th[data-column=' + indx + ']').find('.tablesorter-header-inner').append('
');
- }
-
- // add callbacks; preserve added callbacks
- o.oldcreate = o.create;
- o.oldslide = o.slide;
- o.create = function(event, ui) {
- updateSlider(); // ui is an empty object on create
- if (typeof o.oldcreate === 'function') { o.oldcreate(event, ui); }
- };
- o.slide = function(event, ui) {
- updateSlider(ui);
- if (typeof o.oldslide === 'function') { o.oldslide(event, ui); }
- };
- // add a jQuery UI slider!
- $('
')
- .appendTo($cell)
- .slider(o);
-
- // update slider from hidden input, in case of saved filters
- c.$table.bind('filterFomatterUpdate', function(){
- var val = tsff.updateCompare($cell, $input, o)[0];
- $cell.find('.slider').slider('value', val );
- updateSlider({ value: val }, false);
- ts.filter.formatterUpdated($cell, indx);
- });
-
- if (o.compare) {
- // add compare select
- tsff.addCompare($cell, indx, o);
- $cell.find(compareSelect).bind('change', function(){
- updateSlider({ value: $cell.find('.slider').slider('value') });
- });
- }
-
- // on reset
- c.$table.bind('filterReset', function(){
- if ($.isArray(o.compare)) {
- $cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
- }
- setTimeout(function(){
- updateSlider({ value: o.value });
- }, 0);
- });
-
- // has sticky headers?
- c.$table.bind('stickyHeadersInit', function(){
- $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
-
- // add a jQuery UI slider!
- $('
')
- .val(o.value)
- .appendTo($shcell)
- .slider(o)
- .bind('change keyup', function(){
- $cell.find('.slider').slider('value', this.value );
- updateSlider();
- });
-
- if (o.compare) {
- // add compare select
- tsff.addCompare($shcell, indx, o);
- $shcell.find(compareSelect).bind('change', function(){
- $cell.find(compareSelect).val( $(this).val() );
- updateSlider();
- });
- }
-
- });
-
- return $input;
- },
-
- /*************************\
- jQuery UI Range Slider (2 handles)
- \*************************/
- uiRange: function($cell, indx, rangeDef) {
- var o = $.extend({
- // filter formatter options
- delayed : true,
- valueToHeader : false,
- // include ANY jQuery UI spinner options below
- // except value, since this one is range specific)
- values : [0, 100],
- min : 0,
- max : 100,
- range : true
- }, rangeDef ),
- c = $cell.closest('table')[0].config,
- // Add a hidden input to hold the range values
- $input = $('
')
- .appendTo($cell)
- // hidden filter update namespace trigger by filter widget
- .bind('change' + c.namespace + 'filter', function(){
- getRange();
- }),
- $shcell = [],
-
- getRange = function(){
- var val = $input.val(),
- v = val.split(' - ');
- if (val === '') { v = [ o.min, o.max ]; }
- if (v && v[1]) {
- updateUiRange({ values: v, delay: false }, true);
+ $cell
+ .wrapInner('
')
+ .prepend( txt + '
' )
+ .find('select')
+ .append(opt);
}
},
- // this function updates the hidden input and adds the current values to the header cell text
- updateUiRange = function(ui, notrigger) {
- // ui.values are undefined for some reason on create
- var val = ui && ui.values || o.values,
- result = val[0] + ' - ' + val[1],
- // make range an empty string if entire range is covered so the filter row will hide (if set)
- range = val[0] === o.min && val[1] === o.max ? '' : result,
- searchType = ui && typeof ui.delayed === 'boolean' ? ui.delayed : c.$table[0].hasInitialized ? o.delayed || '': true;
- if (o.valueToHeader) {
- // add range indication to the header cell above (if not using the css method)!
- $cell.closest('thead').find('th[data-column=' + indx + ']').find('.currange').html(' (' + result + ')');
- } else {
- // add values to the handle data-value attribute so the css tooltip will work properly
- $cell.find('.ui-slider-handle')
- .addClass('value-popup')
- .eq(0).attr('data-value', val[0]).end() // adding value to data attribute
- .eq(1).attr('data-value', val[1]); // value popup shown via css
- }
- // update the hidden input
- $cell.find('.filter').val(range)
- .trigger(notrigger ? '' : 'search', searchType).end()
- .find('.range').slider('values', val);
- // update sticky header cell
- if ($shcell.length) {
- $shcell.find('.range').slider('values', val);
- if (o.valueToHeader) {
- $shcell.closest('thead').find('th[data-column=' + indx + ']').find('.currange').html(' (' + result + ')');
- } else {
- $shcell.find('.ui-slider-handle')
- .addClass('value-popup')
- .eq(0).attr('data-value', val[0]).end() // adding value to data attribute
- .eq(1).attr('data-value', val[1]); // value popup shown via css
+ updateCompare : function($cell, $input, o) {
+ var val = $input.val() || '',
+ num = val.replace(/\s*?[><=]\s*?/g, ''),
+ compare = val.match(/[><=]/g) || '';
+ if (o.compare) {
+ if ($.isArray(o.compare)){
+ compare = (compare || []).join('') || o.compare[o.selected || 0];
}
+ $cell.find(compareSelect).val( compare );
}
+ return [ val, num ];
+ },
- };
- $cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed');
+ /**********************\
+ jQuery UI Spinner
+ \**********************/
+ uiSpinner: function($cell, indx, spinnerDef) {
+ var o = $.extend({
+ // filter formatter options
+ delayed : true,
+ addToggle : true,
+ exactMatch : true,
+ value : 1,
+ cellText : '',
+ compare : '',
+ // include ANY jQuery UI spinner options below
+ min : 0,
+ max : 100,
+ step : 1,
+ disabled : false
- // add span to header for value - only works if the line in the updateUiRange() function is also un-commented out
- if (o.valueToHeader) {
- $cell.closest('thead').find('th[data-column=' + indx + ']').find('.tablesorter-header-inner').append('
');
- }
+ }, spinnerDef ),
+ c = $cell.closest('table')[0].config,
+ // Add a hidden input to hold the range values
+ $input = $('
')
+ .appendTo($cell)
+ // hidden filter update namespace trigger by filter widget
+ .bind('change' + c.namespace + 'filter', function(){
+ updateSpinner({ value: this.value, delayed: false });
+ }),
+ $shcell = [],
- // add callbacks; preserve added callbacks
- o.oldcreate = o.create;
- o.oldslide = o.slide;
- // add a jQuery UI range slider!
- o.create = function(event, ui) {
- updateUiRange(); // ui is an empty object on create
- if (typeof o.oldcreate === 'function') { o.oldcreate(event, ui); }
- };
- o.slide = function(event, ui) {
- updateUiRange(ui);
- if (typeof o.oldslide === 'function') { o.oldslide(event, ui); }
- };
- $('
')
- .appendTo($cell)
- .slider(o);
-
- // update slider from hidden input, in case of saved filters
- c.$table.bind('filterFomatterUpdate', function(){
- getRange();
- ts.filter.formatterUpdated($cell, indx);
- });
-
- // on reset
- c.$table.bind('filterReset', function(){
- $cell.find('.range').slider('values', o.values);
- setTimeout(function(){
- updateUiRange();
- }, 0);
- });
-
- // has sticky headers?
- c.$table.bind('stickyHeadersInit', function(){
- $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
-
- // add a jQuery UI slider!
- $('
')
- .val(o.value)
- .appendTo($shcell)
- .slider(o)
- .bind('change keyup', function(){
- $cell.find('.range').val( this.value );
- updateUiRange();
- });
-
- });
-
- // return the hidden input so the filter widget has a reference to it
- return $input;
- },
-
- /*************************\
- jQuery UI Datepicker compare (1 input)
- \*************************/
- uiDateCompare: function($cell, indx, defDate) {
- var o = $.extend({
- // filter formatter options
- cellText : '',
- compare : '',
- endOfDay : true,
- // include ANY jQuery UI spinner options below
-
- defaultDate : '',
-
- changeMonth : true,
- changeYear : true,
- numberOfMonths : 1
- }, defDate),
-
- $date,
- c = $cell.closest('table')[0].config,
- // make sure we're using parsed dates in the search
- $hdr = $cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed'),
- // Add a hidden input to hold the range values
- $input = $('
')
- .appendTo($cell)
- // hidden filter update namespace trigger by filter widget
- .bind('change' + c.namespace + 'filter', function(){
- var v = this.value;
- if (v) {
- o.onClose(v);
+ // this function updates the hidden input and adds the current values to the header cell text
+ updateSpinner = function(ui, notrigger) {
+ var chkd = true, state,
+ // ui is not undefined on create
+ v = ui && ui.value && ts.formatFloat((ui.value + '').replace(/[><=]/g, '')) ||
+ $cell.find('.spinner').val() || o.value,
+ compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
+ searchType = ui && typeof ui.delayed === 'boolean' ? ui.delayed : c.$table[0].hasInitialized ? o.delayed || '' : true;
+ if (o.addToggle) {
+ chkd = $cell.find('.toggle').is(':checked');
}
- }),
- t, $shcell = [],
+ state = o.disabled || !chkd ? 'disable' : 'enable';
+ $cell.find('.filter')
+ // add equal to the beginning, so we filter exact numbers
+ .val( chkd ? (compare ? compare : o.exactMatch ? '=' : '') + v : '' )
+ .trigger( notrigger ? '' : 'search', searchType ).end()
+ .find('.spinner').spinner(state).val(v);
+ // update sticky header cell
+ if ($shcell.length) {
+ $shcell
+ .find('.spinner').spinner(state).val(v).end()
+ .find(compareSelect).val( compare );
+ if (o.addToggle) {
+ $shcell.find('.toggle')[0].checked = chkd;
+ }
+ }
+ };
- // this function updates the hidden input
- date1Compare = function(notrigger) {
- var date, query,
- getdate = $date.datepicker('getDate') || '',
- compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
- searchType = c.$table[0].hasInitialized ? o.delayed || '': true;
- $date.datepicker('setDate', (getdate === '' ? '' : getdate) || null);
- if (getdate === '') { notrigger = false; }
- date = $date.datepicker('getDate');
- query = date ? ( o.endOfDay && /<=/.test(compare) ? date.setHours(23, 59, 59) : date.getTime() ) || '' : '';
- if (date && o.endOfDay && compare === '=') {
- compare = '';
- query += ' - ' + date.setHours(23, 59, 59);
- notrigger = false;
+ // add callbacks; preserve added callbacks
+ o.oldcreate = o.create;
+ o.oldspin = o.spin;
+ o.create = function(event, ui) {
+ updateSpinner(); // ui is an empty object on create
+ if (typeof o.oldcreate === 'function') { o.oldcreate(event, ui); }
+ };
+ o.spin = function(event, ui) {
+ updateSpinner(ui);
+ if (typeof o.oldspin === 'function') { o.oldspin(event, ui); }
+ };
+ if (o.addToggle) {
+ $('
' +
+ '
')
+ .appendTo($cell)
+ .find('.toggle')
+ .bind('change', function(){
+ updateSpinner();
+ });
}
- $cell.find('.dateCompare')
- // add equal to the beginning, so we filter exact numbers
- .val(compare + query)
- .trigger( notrigger ? '' : 'search', searchType ).end();
- // update sticky header cell
- if ($shcell.length) {
- $shcell
- .find('.dateCompare').val(compare + query).end()
- .find(compareSelect).val(compare);
- }
- };
+ // make sure we use parsed data
+ $cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed');
+ // add a jQuery UI spinner!
+ $('
')
+ .val(o.value)
+ .appendTo($cell)
+ .spinner(o)
+ .bind('change keyup', function(){
+ updateSpinner();
+ });
- // Add date range picker
- t = '
';
- $date = $(t).appendTo($cell);
-
- // add callbacks; preserve added callbacks
- o.oldonClose = o.onClose;
-
- o.onClose = function( selectedDate, ui ) {
- date1Compare();
- if (typeof o.oldonClose === 'function') { o.oldonClose(selectedDate, ui); }
- };
- $date.datepicker(o);
-
- // on reset
- c.$table.bind('filterReset', function(){
- if ($.isArray(o.compare)) {
- $cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
- }
- $cell.add($shcell).find('.date').val(o.defaultDate).datepicker('setDate', o.defaultDate || null);
- setTimeout(function(){
- date1Compare();
- }, 0);
- });
-
- // update date compare from hidden input, in case of saved filters
- c.$table.bind('filterFomatterUpdate', function(){
- var num, v = $input.val();
- if (/\s+-\s+/.test(v)) {
- // date range found; assume an exact match on one day
- $cell.find(compareSelect).val('=');
- num = v.split(/\s+-\s+/)[0];
- $date.datepicker( 'setDate', num || null );
- } else {
- num = (tsff.updateCompare($cell, $input, o)[1]).toString() || '';
- // differeniate 1388556000000 from 1/1/2014 using \d{5} regex
- num = num !== '' ? /\d{5}/g.test(num) ? new Date(Number(num)) : num || '' : '';
- }
- $cell.add($shcell).find('.date').datepicker( 'setDate', num || null );
- setTimeout(function(){
- date1Compare(true);
+ // update spinner from hidden input, in case of saved filters
+ c.$table.bind('filterFomatterUpdate', function(){
+ var val = tsff.updateCompare($cell, $input, o)[0];
+ $cell.find('.spinner').val( val );
+ updateSpinner({ value: val }, true);
ts.filter.formatterUpdated($cell, indx);
- }, 0);
- });
-
- if (o.compare) {
- // add compare select
- tsff.addCompare($cell, indx, o);
- $cell.find(compareSelect).bind('change', function(){
- date1Compare();
});
- }
-
- // has sticky headers?
- c.$table.bind('stickyHeadersInit', function(){
- $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
-
- // add a jQuery datepicker!
- $shcell
- .append(t)
- .find('.date')
- .datepicker(o);
if (o.compare) {
// add compare select
- tsff.addCompare($shcell, indx, o);
- $shcell.find(compareSelect).bind('change', function(){
- $cell.find(compareSelect).val( $(this).val() );
+ tsff.addCompare($cell, indx, o);
+ $cell.find(compareSelect).bind('change', function(){
+ updateSpinner();
+ });
+ }
+
+ // has sticky headers?
+ c.$table.bind('stickyHeadersInit', function(){
+ $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
+ if (o.addToggle) {
+ $('
' +
+ '
')
+ .appendTo($shcell)
+ .find('.toggle')
+ .bind('change', function(){
+ $cell.find('.toggle')[0].checked = this.checked;
+ updateSpinner();
+ });
+ }
+ // add a jQuery UI spinner!
+ $('
')
+ .val(o.value)
+ .appendTo($shcell)
+ .spinner(o)
+ .bind('change keyup', function(){
+ $cell.find('.spinner').val( this.value );
+ updateSpinner();
+ });
+
+ if (o.compare) {
+ // add compare select
+ tsff.addCompare($shcell, indx, o);
+ $shcell.find(compareSelect).bind('change', function(){
+ $cell.find(compareSelect).val( $(this).val() );
+ updateSpinner();
+ });
+ }
+
+ });
+
+ // on reset
+ c.$table.bind('filterReset', function(){
+ if ($.isArray(o.compare)) {
+ $cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
+ }
+ // turn off the toggle checkbox
+ if (o.addToggle) {
+ $cell.find('.toggle')[0].checked = false;
+ }
+ $cell.find('.spinner').spinner('value', o.value);
+ setTimeout(function(){
+ updateSpinner();
+ }, 0);
+ });
+
+ updateSpinner();
+ return $input;
+ },
+
+ /**********************\
+ jQuery UI Slider
+ \**********************/
+ uiSlider: function($cell, indx, sliderDef) {
+ var o = $.extend({
+ // filter formatter options
+ delayed : true,
+ valueToHeader : false,
+ exactMatch : true,
+ cellText : '',
+ compare : '',
+ allText : 'all',
+ // include ANY jQuery UI spinner options below
+ // except values, since this is a non-range setup
+ value : 0,
+ min : 0,
+ max : 100,
+ step : 1,
+ range : 'min'
+ }, sliderDef ),
+ c = $cell.closest('table')[0].config,
+ // Add a hidden input to hold the range values
+ $input = $('
')
+ .appendTo($cell)
+ // hidden filter update namespace trigger by filter widget
+ .bind('change' + c.namespace + 'filter', function(){
+ updateSlider({ value: this.value });
+ }),
+ $shcell = [],
+
+ // this function updates the hidden input and adds the current values to the header cell text
+ updateSlider = function(ui, notrigger) {
+ // ui is not undefined on create
+ var v = typeof ui !== 'undefined' ? ts.formatFloat((ui.value + '').replace(/[><=]/g, '')) || o.value : o.value,
+ val = o.compare ? v : v === o.min ? o.allText : v,
+ compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
+ result = compare + val,
+ searchType = ui && typeof ui.delayed === 'boolean' ? ui.delayed : c.$table[0].hasInitialized ? o.delayed || '' : true;
+ if (o.valueToHeader) {
+ // add range indication to the header cell above!
+ $cell.closest('thead').find('th[data-column=' + indx + ']').find('.curvalue').html(' (' + result + ')');
+ } else {
+ // add values to the handle data-value attribute so the css tooltip will work properly
+ $cell.find('.ui-slider-handle').addClass('value-popup').attr('data-value', result);
+ }
+ // update the hidden input;
+ // ****** ADD AN EQUAL SIGN TO THE BEGINNING! <- this makes the slide exactly match the number ******
+ // when the value is at the minimum, clear the hidden input so all rows will be seen
+
+ $cell.find('.filter')
+ .val( ( compare ? compare + v : v === o.min ? '' : (o.exactMatch ? '=' : '') + v ) )
+ .trigger( notrigger ? '' : 'search', searchType ).end()
+ .find('.slider').slider('value', v);
+
+ // update sticky header cell
+ if ($shcell.length) {
+ $shcell
+ .find(compareSelect).val( compare ).end()
+ .find('.slider').slider('value', v);
+ if (o.valueToHeader) {
+ $shcell.closest('thead').find('th[data-column=' + indx + ']').find('.curvalue').html(' (' + result + ')');
+ } else {
+ $shcell.find('.ui-slider-handle').addClass('value-popup').attr('data-value', result);
+ }
+ }
+
+ };
+ $cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed');
+
+ // add span to header for value - only works if the line in the updateSlider() function is also un-commented out
+ if (o.valueToHeader) {
+ $cell.closest('thead').find('th[data-column=' + indx + ']').find('.tablesorter-header-inner').append('
');
+ }
+
+ // add callbacks; preserve added callbacks
+ o.oldcreate = o.create;
+ o.oldslide = o.slide;
+ o.create = function(event, ui) {
+ updateSlider(); // ui is an empty object on create
+ if (typeof o.oldcreate === 'function') { o.oldcreate(event, ui); }
+ };
+ o.slide = function(event, ui) {
+ updateSlider(ui);
+ if (typeof o.oldslide === 'function') { o.oldslide(event, ui); }
+ };
+ // add a jQuery UI slider!
+ $('
')
+ .appendTo($cell)
+ .slider(o);
+
+ // update slider from hidden input, in case of saved filters
+ c.$table.bind('filterFomatterUpdate', function(){
+ var val = tsff.updateCompare($cell, $input, o)[0];
+ $cell.find('.slider').slider('value', val );
+ updateSlider({ value: val }, false);
+ ts.filter.formatterUpdated($cell, indx);
+ });
+
+ if (o.compare) {
+ // add compare select
+ tsff.addCompare($cell, indx, o);
+ $cell.find(compareSelect).bind('change', function(){
+ updateSlider({ value: $cell.find('.slider').slider('value') });
+ });
+ }
+
+ // on reset
+ c.$table.bind('filterReset', function(){
+ if ($.isArray(o.compare)) {
+ $cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
+ }
+ setTimeout(function(){
+ updateSlider({ value: o.value });
+ }, 0);
+ });
+
+ // has sticky headers?
+ c.$table.bind('stickyHeadersInit', function(){
+ $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
+
+ // add a jQuery UI slider!
+ $('
')
+ .val(o.value)
+ .appendTo($shcell)
+ .slider(o)
+ .bind('change keyup', function(){
+ $cell.find('.slider').slider('value', this.value );
+ updateSlider();
+ });
+
+ if (o.compare) {
+ // add compare select
+ tsff.addCompare($shcell, indx, o);
+ $shcell.find(compareSelect).bind('change', function(){
+ $cell.find(compareSelect).val( $(this).val() );
+ updateSlider();
+ });
+ }
+
+ });
+
+ return $input;
+ },
+
+ /*************************\
+ jQuery UI Range Slider (2 handles)
+ \*************************/
+ uiRange: function($cell, indx, rangeDef) {
+ var o = $.extend({
+ // filter formatter options
+ delayed : true,
+ valueToHeader : false,
+ // include ANY jQuery UI spinner options below
+ // except value, since this one is range specific)
+ values : [ 0, 100 ],
+ min : 0,
+ max : 100,
+ range : true
+ }, rangeDef ),
+ c = $cell.closest('table')[0].config,
+ // Add a hidden input to hold the range values
+ $input = $('
')
+ .appendTo($cell)
+ // hidden filter update namespace trigger by filter widget
+ .bind('change' + c.namespace + 'filter', function(){
+ getRange();
+ }),
+ $shcell = [],
+
+ getRange = function(){
+ var val = $input.val(),
+ v = val.split(' - ');
+ if (val === '') { v = [ o.min, o.max ]; }
+ if (v && v[1]) {
+ updateUiRange({ values: v, delay: false }, true);
+ }
+ },
+
+ // this function updates the hidden input and adds the current values to the header cell text
+ updateUiRange = function(ui, notrigger) {
+ // ui.values are undefined for some reason on create
+ var val = ui && ui.values || o.values,
+ result = val[0] + ' - ' + val[1],
+ // make range an empty string if entire range is covered so the filter row will hide (if set)
+ range = val[0] === o.min && val[1] === o.max ? '' : result,
+ searchType = ui && typeof ui.delayed === 'boolean' ? ui.delayed : c.$table[0].hasInitialized ? o.delayed || '' : true;
+ if (o.valueToHeader) {
+ // add range indication to the header cell above (if not using the css method)!
+ $cell.closest('thead').find('th[data-column=' + indx + ']').find('.currange').html(' (' + result + ')');
+ } else {
+ // add values to the handle data-value attribute so the css tooltip will work properly
+ $cell.find('.ui-slider-handle')
+ .addClass('value-popup')
+ .eq(0).attr('data-value', val[0]).end() // adding value to data attribute
+ .eq(1).attr('data-value', val[1]); // value popup shown via css
+ }
+ // update the hidden input
+ $cell.find('.filter').val(range)
+ .trigger(notrigger ? '' : 'search', searchType).end()
+ .find('.range').slider('values', val);
+ // update sticky header cell
+ if ($shcell.length) {
+ $shcell.find('.range').slider('values', val);
+ if (o.valueToHeader) {
+ $shcell.closest('thead').find('th[data-column=' + indx + ']').find('.currange').html(' (' + result + ')');
+ } else {
+ $shcell.find('.ui-slider-handle')
+ .addClass('value-popup')
+ .eq(0).attr('data-value', val[0]).end() // adding value to data attribute
+ .eq(1).attr('data-value', val[1]); // value popup shown via css
+ }
+ }
+
+ };
+ $cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed');
+
+ // add span to header for value - only works if the line in the updateUiRange() function is also un-commented out
+ if (o.valueToHeader) {
+ $cell.closest('thead').find('th[data-column=' + indx + ']').find('.tablesorter-header-inner').append('
');
+ }
+
+ // add callbacks; preserve added callbacks
+ o.oldcreate = o.create;
+ o.oldslide = o.slide;
+ // add a jQuery UI range slider!
+ o.create = function(event, ui) {
+ updateUiRange(); // ui is an empty object on create
+ if (typeof o.oldcreate === 'function') { o.oldcreate(event, ui); }
+ };
+ o.slide = function(event, ui) {
+ updateUiRange(ui);
+ if (typeof o.oldslide === 'function') { o.oldslide(event, ui); }
+ };
+ $('
')
+ .appendTo($cell)
+ .slider(o);
+
+ // update slider from hidden input, in case of saved filters
+ c.$table.bind('filterFomatterUpdate', function(){
+ getRange();
+ ts.filter.formatterUpdated($cell, indx);
+ });
+
+ // on reset
+ c.$table.bind('filterReset', function(){
+ $cell.find('.range').slider('values', o.values);
+ setTimeout(function(){
+ updateUiRange();
+ }, 0);
+ });
+
+ // has sticky headers?
+ c.$table.bind('stickyHeadersInit', function(){
+ $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
+
+ // add a jQuery UI slider!
+ $('
')
+ .val(o.value)
+ .appendTo($shcell)
+ .slider(o)
+ .bind('change keyup', function(){
+ $cell.find('.range').val( this.value );
+ updateUiRange();
+ });
+
+ });
+
+ // return the hidden input so the filter widget has a reference to it
+ return $input;
+ },
+
+ /*************************\
+ jQuery UI Datepicker compare (1 input)
+ \*************************/
+ uiDateCompare: function($cell, indx, defDate) {
+ var o = $.extend({
+ // filter formatter options
+ cellText : '',
+ compare : '',
+ endOfDay : true,
+ // include ANY jQuery UI spinner options below
+
+ defaultDate : '',
+
+ changeMonth : true,
+ changeYear : true,
+ numberOfMonths : 1
+ }, defDate),
+
+ $date,
+ c = $cell.closest('table')[0].config,
+ // make sure we're using parsed dates in the search
+ $hdr = $cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed'),
+ // Add a hidden input to hold the range values
+ $input = $('
')
+ .appendTo($cell)
+ // hidden filter update namespace trigger by filter widget
+ .bind('change' + c.namespace + 'filter', function(){
+ var v = this.value;
+ if (v) {
+ o.onClose(v);
+ }
+ }),
+ t, $shcell = [],
+
+ // this function updates the hidden input
+ date1Compare = function(notrigger) {
+ var date, query,
+ getdate = $date.datepicker('getDate') || '',
+ compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
+ searchType = c.$table[0].hasInitialized ? o.delayed || '' : true;
+ $date.datepicker('setDate', (getdate === '' ? '' : getdate) || null);
+ if (getdate === '') { notrigger = false; }
+ date = $date.datepicker('getDate');
+ query = date ? ( o.endOfDay && /<=/.test(compare) ? date.setHours(23, 59, 59) : date.getTime() ) || '' : '';
+ if (date && o.endOfDay && compare === '=') {
+ compare = '';
+ query += ' - ' + date.setHours(23, 59, 59);
+ notrigger = false;
+ }
+ $cell.find('.dateCompare')
+ // add equal to the beginning, so we filter exact numbers
+ .val(compare + query)
+ .trigger( notrigger ? '' : 'search', searchType ).end();
+ // update sticky header cell
+ if ($shcell.length) {
+ $shcell
+ .find('.dateCompare').val(compare + query).end()
+ .find(compareSelect).val(compare);
+ }
+ };
+
+ // Add date range picker
+ t = '
';
+ $date = $(t).appendTo($cell);
+
+ // add callbacks; preserve added callbacks
+ o.oldonClose = o.onClose;
+
+ o.onClose = function( selectedDate, ui ) {
+ date1Compare();
+ if (typeof o.oldonClose === 'function') { o.oldonClose(selectedDate, ui); }
+ };
+ $date.datepicker(o);
+
+ // on reset
+ c.$table.bind('filterReset', function(){
+ if ($.isArray(o.compare)) {
+ $cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
+ }
+ $cell.add($shcell).find('.date').val(o.defaultDate).datepicker('setDate', o.defaultDate || null);
+ setTimeout(function(){
+ date1Compare();
+ }, 0);
+ });
+
+ // update date compare from hidden input, in case of saved filters
+ c.$table.bind('filterFomatterUpdate', function(){
+ var num, v = $input.val();
+ if (/\s+-\s+/.test(v)) {
+ // date range found; assume an exact match on one day
+ $cell.find(compareSelect).val('=');
+ num = v.split(/\s+-\s+/)[0];
+ $date.datepicker( 'setDate', num || null );
+ } else {
+ num = (tsff.updateCompare($cell, $input, o)[1]).toString() || '';
+ // differeniate 1388556000000 from 1/1/2014 using \d{5} regex
+ num = num !== '' ? /\d{5}/g.test(num) ? new Date(Number(num)) : num || '' : '';
+ }
+ $cell.add($shcell).find('.date').datepicker( 'setDate', num || null );
+ setTimeout(function(){
+ date1Compare(true);
+ ts.filter.formatterUpdated($cell, indx);
+ }, 0);
+ });
+
+ if (o.compare) {
+ // add compare select
+ tsff.addCompare($cell, indx, o);
+ $cell.find(compareSelect).bind('change', function(){
date1Compare();
});
}
- });
+ // has sticky headers?
+ c.$table.bind('stickyHeadersInit', function(){
+ $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
- // return the hidden input so the filter widget has a reference to it
- return $input.val( o.defaultDate ? o.defaultDate : '' );
- },
+ // add a jQuery datepicker!
+ $shcell
+ .append(t)
+ .find('.date')
+ .datepicker(o);
- /*************************\
- jQuery UI Datepicker (2 inputs)
- \*************************/
- uiDatepicker: function($cell, indx, defDate) {
- var o = $.extend({
- // filter formatter options
- endOfDay : true,
- textFrom : 'from',
- textTo : 'to',
- from : '', // defaultDate "from" input
- to : '', // defaultDate "to" input
- // include ANY jQuery UI spinner options below
- changeMonth : true,
- changeYear : true,
- numberOfMonths : 1
- }, defDate),
- t, closeDate, $shcell = [],
- c = $cell.closest('table')[0].config,
- validDate = function(d){
- return d instanceof Date && isFinite(d);
- },
- // Add a hidden input to hold the range values
- $input = $('
')
- .appendTo($cell)
- // hidden filter update namespace trigger by filter widget
- .bind('change' + c.namespace + 'filter', function(){
- var v = this.value;
- if (v.match(' - ')) {
- v = v.split(' - ');
- $cell.find('.dateTo').val(v[1]);
- closeDate(v[0]);
- } else if (v.match('>=')) {
- closeDate( v.replace('>=', '') );
- } else if (v.match('<=')) {
- closeDate( v.replace('<=', '') );
+ if (o.compare) {
+ // add compare select
+ tsff.addCompare($shcell, indx, o);
+ $shcell.find(compareSelect).bind('change', function(){
+ $cell.find(compareSelect).val( $(this).val() );
+ date1Compare();
+ });
}
- }),
- // make sure we're using parsed dates in the search
- $hdr = $cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed');
- // Add date range picker
- t = '
' +
- '
';
- $(t).appendTo($cell);
+ });
- // add callbacks; preserve added callbacks
- o.oldonClose = o.onClose;
+ // return the hidden input so the filter widget has a reference to it
+ return $input.val( o.defaultDate ? o.defaultDate : '' );
+ },
- closeDate = o.onClose = function( selectedDate, ui ) {
- var range,
- from = $cell.find('.dateFrom').datepicker('getDate'),
- to = $cell.find('.dateTo').datepicker('getDate');
- from = validDate(from) ? from.getTime() : '';
- to = validDate(to) ? ( o.endOfDay ? to.setHours(23, 59, 59) : to.getTime() ) || '' : '';
- range = from ? ( to ? from + ' - ' + to : '>=' + from ) : (to ? '<=' + to : '');
- $cell.add( $shcell )
- .find('.dateRange').val(range)
- .trigger('search');
- // date picker needs date objects
- from = from ? new Date(from) : '';
- to = to ? new Date(to) : '';
+ /*************************\
+ jQuery UI Datepicker (2 inputs)
+ \*************************/
+ uiDatepicker: function($cell, indx, defDate) {
+ var o = $.extend({
+ // filter formatter options
+ endOfDay : true,
+ textFrom : 'from',
+ textTo : 'to',
+ from : '', // defaultDate 'from' input
+ to : '', // defaultDate 'to' input
+ // include ANY jQuery UI spinner options below
+ changeMonth : true,
+ changeYear : true,
+ numberOfMonths : 1
+ }, defDate),
+ t, closeDate, $shcell = [],
+ c = $cell.closest('table')[0].config,
+ validDate = function(d){
+ return d instanceof Date && isFinite(d);
+ },
+ // Add a hidden input to hold the range values
+ $input = $('
')
+ .appendTo($cell)
+ // hidden filter update namespace trigger by filter widget
+ .bind('change' + c.namespace + 'filter', function(){
+ var v = this.value;
+ if (v.match(' - ')) {
+ v = v.split(' - ');
+ $cell.find('.dateTo').val(v[1]);
+ closeDate(v[0]);
+ } else if (v.match('>=')) {
+ closeDate( v.replace('>=', '') );
+ } else if (v.match('<=')) {
+ closeDate( v.replace('<=', '') );
+ }
+ }),
- if (/<=/.test(range)) {
+ // make sure we're using parsed dates in the search
+ $hdr = $cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed');
+ // Add date range picker
+ t = '
' +
+ '
';
+ $(t).appendTo($cell);
+
+ // add callbacks; preserve added callbacks
+ o.oldonClose = o.onClose;
+
+ closeDate = o.onClose = function( selectedDate, ui ) {
+ var range,
+ from = $cell.find('.dateFrom').datepicker('getDate'),
+ to = $cell.find('.dateTo').datepicker('getDate');
+ from = validDate(from) ? from.getTime() : '';
+ to = validDate(to) ? ( o.endOfDay ? to.setHours(23, 59, 59) : to.getTime() ) || '' : '';
+ range = from ? ( to ? from + ' - ' + to : '>=' + from ) : (to ? '<=' + to : '');
$cell.add( $shcell )
- .find('.dateFrom').datepicker('option', 'maxDate', to || null ).end()
- .find('.dateTo').datepicker('option', 'minDate', null).datepicker('setDate', to || null);
- } else if (/>=/.test(range)) {
- $cell.add( $shcell )
- .find('.dateFrom').datepicker('option', 'maxDate', null).datepicker('setDate', from || null).end()
- .find('.dateTo').datepicker('option', 'minDate', from || null );
- } else {
- $cell.add( $shcell )
- .find('.dateFrom').datepicker('option', 'maxDate', null).datepicker('setDate', from || null ).end()
- .find('.dateTo').datepicker('option', 'minDate', null).datepicker('setDate', to || null);
- }
+ .find('.dateRange').val(range)
+ .trigger('search');
+ // date picker needs date objects
+ from = from ? new Date(from) : '';
+ to = to ? new Date(to) : '';
- if (typeof o.oldonClose === 'function') { o.oldonClose(selectedDate, ui); }
- };
+ if (/<=/.test(range)) {
+ $cell.add( $shcell )
+ .find('.dateFrom').datepicker('option', 'maxDate', to || null ).end()
+ .find('.dateTo').datepicker('option', 'minDate', null).datepicker('setDate', to || null);
+ } else if (/>=/.test(range)) {
+ $cell.add( $shcell )
+ .find('.dateFrom').datepicker('option', 'maxDate', null).datepicker('setDate', from || null).end()
+ .find('.dateTo').datepicker('option', 'minDate', from || null );
+ } else {
+ $cell.add( $shcell )
+ .find('.dateFrom').datepicker('option', 'maxDate', null).datepicker('setDate', from || null ).end()
+ .find('.dateTo').datepicker('option', 'minDate', null).datepicker('setDate', to || null);
+ }
- o.defaultDate = o.from || '';
- $cell.find('.dateFrom').datepicker(o);
- o.defaultDate = o.to || '+7d'; // set to date +7 days from today (if not defined)
- $cell.find('.dateTo').datepicker(o);
+ if (typeof o.oldonClose === 'function') { o.oldonClose(selectedDate, ui); }
+ };
- // update date compare from hidden input, in case of saved filters
- c.$table.bind('filterFomatterUpdate', function(){
- var val = $input.val() || '',
- from = '',
- to = '';
- // date range
- if (/\s+-\s+/.test(val)){
- val = val.split(/\s+-\s+/) || [];
- from = val[0] || '';
- to = val[1] || '';
- } else if (/>=/.test(val)) {
- // greater than date (to date empty)
- from = val.replace(/>=/, '') || '';
- } else if (/<=/.test(val)) {
- // less than date (from date empty)
- to = val.replace(/<=/, '') || '';
- }
-
- // differeniate 1388556000000 from 1/1/2014 using \d{5} regex
- from = from !== '' ? /\d{5}/g.test(from) ? new Date(Number(from)) : from || '' : '';
- to = to !== '' ? /\d{5}/g.test(to) ? new Date(Number(to)) : to || '' : '';
-
- $cell.add($shcell).find('.dateFrom').datepicker('setDate', from || null);
- $cell.add($shcell).find('.dateTo').datepicker('setDate', to || null);
- // give datepicker time to process
- setTimeout(function(){
- closeDate();
- ts.filter.formatterUpdated($cell, indx);
- }, 0);
- });
-
- // has sticky headers?
- c.$table.bind('stickyHeadersInit', function(){
- $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
- $shcell.append(t);
-
- // add a jQuery datepicker!
o.defaultDate = o.from || '';
- $shcell.find('.dateFrom').datepicker(o);
+ $cell.find('.dateFrom').datepicker(o);
+ o.defaultDate = o.to || '+7d'; // set to date +7 days from today (if not defined)
+ $cell.find('.dateTo').datepicker(o);
- o.defaultDate = o.to || '+7d';
- $shcell.find('.dateTo').datepicker(o);
+ // update date compare from hidden input, in case of saved filters
+ c.$table.bind('filterFomatterUpdate', function(){
+ var val = $input.val() || '',
+ from = '',
+ to = '';
+ // date range
+ if (/\s+-\s+/.test(val)){
+ val = val.split(/\s+-\s+/) || [];
+ from = val[0] || '';
+ to = val[1] || '';
+ } else if (/>=/.test(val)) {
+ // greater than date (to date empty)
+ from = val.replace(/>=/, '') || '';
+ } else if (/<=/.test(val)) {
+ // less than date (from date empty)
+ to = val.replace(/<=/, '') || '';
+ }
- });
+ // differeniate 1388556000000 from 1/1/2014 using \d{5} regex
+ from = from !== '' ? /\d{5}/g.test(from) ? new Date(Number(from)) : from || '' : '';
+ to = to !== '' ? /\d{5}/g.test(to) ? new Date(Number(to)) : to || '' : '';
- // on reset
- $cell.closest('table').bind('filterReset', function(){
- $cell.add($shcell).find('.dateFrom').val('').datepicker('setDate', o.from || null );
- $cell.add($shcell).find('.dateTo').val('').datepicker('setDate', o.to || null );
- setTimeout(function(){
- closeDate();
- }, 0);
- });
+ $cell.add($shcell).find('.dateFrom').datepicker('setDate', from || null);
+ $cell.add($shcell).find('.dateTo').datepicker('setDate', to || null);
+ // give datepicker time to process
+ setTimeout(function(){
+ closeDate();
+ ts.filter.formatterUpdated($cell, indx);
+ }, 0);
+ });
- // return the hidden input so the filter widget has a reference to it
- return $input.val( o.from ? ( o.to ? o.from + ' - ' + o.to : '>=' + o.from ) : (o.to ? '<=' + o.to : '') );
- }
+ // has sticky headers?
+ c.$table.bind('stickyHeadersInit', function(){
+ $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
+ $shcell.append(t);
-});
+ // add a jQuery datepicker!
+ o.defaultDate = o.from || '';
+ $shcell.find('.dateFrom').datepicker(o);
+
+ o.defaultDate = o.to || '+7d';
+ $shcell.find('.dateTo').datepicker(o);
+
+ });
+
+ // on reset
+ $cell.closest('table').bind('filterReset', function(){
+ $cell.add($shcell).find('.dateFrom').val('').datepicker('setDate', o.from || null );
+ $cell.add($shcell).find('.dateTo').val('').datepicker('setDate', o.to || null );
+ setTimeout(function(){
+ closeDate();
+ }, 0);
+ });
+
+ // return the hidden input so the filter widget has a reference to it
+ return $input.val( o.from ? ( o.to ? o.from + ' - ' + o.to : '>=' + o.from ) : (o.to ? '<=' + o.to : '') );
+ }
+
+ });
})(jQuery);
diff --git a/js/widgets/widget-filter-formatter-select2.js b/js/widgets/widget-filter-formatter-select2.js
index ec5d0d31..8139a58c 100644
--- a/js/widgets/widget-filter-formatter-select2.js
+++ b/js/widgets/widget-filter-formatter-select2.js
@@ -4,146 +4,146 @@
/*jshint browser:true, jquery:true, unused:false */
/*global jQuery: false */
;(function($){
-"use strict";
+ 'use strict';
-var ts = $.tablesorter || {};
-ts.filterFormatter = ts.filterFormatter || {};
+ var ts = $.tablesorter || {};
+ ts.filterFormatter = ts.filterFormatter || {};
-/************************\
- Select2 Filter Formatter
-\************************/
-ts.filterFormatter.select2 = function($cell, indx, select2Def) {
- var o = $.extend({
- // select2 filter formatter options
- cellText : '', // Text (wrapped in a label element)
- match : true, // adds "filter-match" to header
- value : '',
- // include ANY select2 options below
- multiple : true,
- width : '100%'
+ /************************\
+ Select2 Filter Formatter
+ \************************/
+ ts.filterFormatter.select2 = function($cell, indx, select2Def) {
+ var o = $.extend({
+ // select2 filter formatter options
+ cellText : '', // Text (wrapped in a label element)
+ match : true, // adds 'filter-match' to header
+ value : '',
+ // include ANY select2 options below
+ multiple : true,
+ width : '100%'
- }, select2Def ),
- arry, data,
- c = $cell.closest('table')[0].config,
- wo = c.widgetOptions,
- // Add a hidden input to hold the range values
- $input = $('
')
- .appendTo($cell)
- // hidden filter update namespace trigger by filter widget
- .bind('change' + c.namespace + 'filter', function(){
- var val = this.value;
- val = val.replace(/[/()$^]/g, '').split('|');
- $cell.find('.select2').select2('val', val);
- updateSelect2();
- }),
- $header = c.$headerIndexed[indx],
- onlyAvail = $header.hasClass(wo.filter_onlyAvail),
- $shcell = [],
- matchPrefix = o.match ? '' : '^',
- matchSuffix = o.match ? '' : '$',
+ }, select2Def ),
+ arry, data,
+ c = $cell.closest('table')[0].config,
+ wo = c.widgetOptions,
+ // Add a hidden input to hold the range values
+ $input = $('
')
+ .appendTo($cell)
+ // hidden filter update namespace trigger by filter widget
+ .bind('change' + c.namespace + 'filter', function(){
+ var val = this.value;
+ val = val.replace(/[/()$^]/g, '').split('|');
+ $cell.find('.select2').select2('val', val);
+ updateSelect2();
+ }),
+ $header = c.$headerIndexed[indx],
+ onlyAvail = $header.hasClass(wo.filter_onlyAvail),
+ $shcell = [],
+ matchPrefix = o.match ? '' : '^',
+ matchSuffix = o.match ? '' : '$',
- // this function updates the hidden input and adds the current values to the header cell text
- updateSelect2 = function() {
- var arry = false,
- v = $cell.find('.select2').select2('val') || o.value || '';
- // convert array to string
- if ($.isArray(v)) {
- arry = true;
- v = v.join('\u0000');
- }
- // escape special regex characters (http://stackoverflow.com/a/9310752/145346)
- v = v.replace(/[-[\]{}()*+?.,/\\^$|#\s]/g, '\\$&');
- // convert string back into an array
- if (arry) {
- v = v.split('\u0000');
- }
- $input
- // add regex, so we filter exact numbers
- .val( $.isArray(v) && v.length && v.join('') !== '' ? '/(' + matchPrefix + (v || []).join(matchSuffix + '|' + matchPrefix) + matchSuffix + ')/' : '' )
- .trigger('search').end()
- .find('.select2').select2('val', v);
- // update sticky header cell
- if ($shcell.length) {
- $shcell.find('.select2').select2('val', v);
- }
- },
+ // this function updates the hidden input and adds the current values to the header cell text
+ updateSelect2 = function() {
+ var arry = false,
+ v = $cell.find('.select2').select2('val') || o.value || '';
+ // convert array to string
+ if ($.isArray(v)) {
+ arry = true;
+ v = v.join('\u0000');
+ }
+ // escape special regex characters (http://stackoverflow.com/a/9310752/145346)
+ v = v.replace(/[-[\]{}()*+?.,/\\^$|#\s]/g, '\\$&');
+ // convert string back into an array
+ if (arry) {
+ v = v.split('\u0000');
+ }
+ $input
+ // add regex, so we filter exact numbers
+ .val( $.isArray(v) && v.length && v.join('') !== '' ? '/(' + matchPrefix + (v || []).join(matchSuffix + '|' + matchPrefix) + matchSuffix + ')/' : '' )
+ .trigger('search').end()
+ .find('.select2').select2('val', v);
+ // update sticky header cell
+ if ($shcell.length) {
+ $shcell.find('.select2').select2('val', v);
+ }
+ },
- // get options from table cell content or filter_selectSource (v2.16)
- updateOptions = function(){
- data = [];
- arry = ts.filter.getOptionSource(c.$table[0], indx, onlyAvail) || [];
- // build select2 data option
- $.each(arry, function(i,v){
- data.push({id: v, text: v});
- });
- o.data = data;
- };
-
- // get filter-match class from option
- $header.toggleClass('filter-match', o.match);
- if (o.cellText) {
- $cell.prepend('
');
- }
-
- // don't add default in table options if either ajax or
- // data options are already defined
- if (!(o.ajax && !$.isEmptyObject(o.ajax)) && !o.data) {
- updateOptions();
- if (onlyAvail) {
- c.$table.bind('filterEnd', function(){
- updateOptions();
- $cell.add($shcell).find('.select2').select2(o);
+ // get options from table cell content or filter_selectSource (v2.16)
+ updateOptions = function(){
+ data = [];
+ arry = ts.filter.getOptionSource(c.$table[0], indx, onlyAvail) || [];
+ // build select2 data option
+ $.each(arry, function(i, v){
+ data.push({id: v, text: v});
});
+ o.data = data;
+ };
+
+ // get filter-match class from option
+ $header.toggleClass('filter-match', o.match);
+ if (o.cellText) {
+ $cell.prepend('
');
}
- }
- // add a select2 hidden input!
- $('
')
- .val(o.value)
- .appendTo($cell)
- .select2(o)
- .bind('change', function(){
- updateSelect2();
- });
+ // don't add default in table options if either ajax or
+ // data options are already defined
+ if (!(o.ajax && !$.isEmptyObject(o.ajax)) && !o.data) {
+ updateOptions();
+ if (onlyAvail) {
+ c.$table.bind('filterEnd', function(){
+ updateOptions();
+ $cell.add($shcell).find('.select2').select2(o);
+ });
+ }
+ }
- // update select2 from filter hidden input, in case of saved filters
- c.$table.bind('filterFomatterUpdate', function(){
- // value = '/(^x$|^y$)/' => 'x,y'
- var val = c.$table.data('lastSearch')[indx] || '';
- val = val.replace(/^\/\(\^?/,'').replace(/\$\|\^/g, '|').replace(/\$?\)\/$/g,'').split('|');
- $cell.find('.select2').select2('val', val);
- updateSelect2();
- ts.filter.formatterUpdated($cell, indx);
- });
-
- // has sticky headers?
- c.$table.bind('stickyHeadersInit', function(){
- $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
- // add a select2!
- $('
')
+ // add a select2 hidden input!
+ $('
')
.val(o.value)
- .appendTo($shcell)
+ .appendTo($cell)
.select2(o)
.bind('change', function(){
- $cell.find('.select2').select2('val', $shcell.find('.select2').select2('val') );
updateSelect2();
});
- if (o.cellText) {
- $shcell.prepend('
');
- }
- });
-
- // on reset
- c.$table.bind('filterReset', function(){
- $cell.find('.select2').select2('val', o.value || '');
- setTimeout(function(){
+ // update select2 from filter hidden input, in case of saved filters
+ c.$table.bind('filterFomatterUpdate', function(){
+ // value = '/(^x$|^y$)/' => 'x,y'
+ var val = c.$table.data('lastSearch')[indx] || '';
+ val = val.replace(/^\/\(\^?/, '').replace(/\$\|\^/g, '|').replace(/\$?\)\/$/g, '').split('|');
+ $cell.find('.select2').select2('val', val);
updateSelect2();
- }, 0);
- });
+ ts.filter.formatterUpdated($cell, indx);
+ });
- updateSelect2();
- return $input;
-};
+ // has sticky headers?
+ c.$table.bind('stickyHeadersInit', function(){
+ $shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
+ // add a select2!
+ $('
')
+ .val(o.value)
+ .appendTo($shcell)
+ .select2(o)
+ .bind('change', function(){
+ $cell.find('.select2').select2('val', $shcell.find('.select2').select2('val') );
+ updateSelect2();
+ });
+ if (o.cellText) {
+ $shcell.prepend('
');
+ }
+
+ });
+
+ // on reset
+ c.$table.bind('filterReset', function(){
+ $cell.find('.select2').select2('val', o.value || '');
+ setTimeout(function(){
+ updateSelect2();
+ }, 0);
+ });
+
+ updateSelect2();
+ return $input;
+ };
})(jQuery);
diff --git a/js/widgets/widget-filter-type-insideRange.js b/js/widgets/widget-filter-type-insideRange.js
index 0bdd37b5..bb39f92f 100644
--- a/js/widgets/widget-filter-type-insideRange.js
+++ b/js/widgets/widget-filter-type-insideRange.js
@@ -1,6 +1,6 @@
/*! Widget: filter, insideRange filter type - updated 2/23/2015 (v2.21.0) */
;(function($){
-'use strict';
+ 'use strict';
// Add insideRange filter type
// ============================
diff --git a/js/widgets/widget-filter.js b/js/widgets/widget-filter.js
index 3436e4c7..ced1de3a 100644
--- a/js/widgets/widget-filter.js
+++ b/js/widgets/widget-filter.js
@@ -3,92 +3,92 @@
* by Rob Garrison
*/
;( function ( $ ) {
-'use strict';
-var ts = $.tablesorter || {},
+ 'use strict';
+ var ts = $.tablesorter || {},
tscss = ts.css;
-$.extend( tscss, {
- filterRow : 'tablesorter-filter-row',
- filter : 'tablesorter-filter',
- filterDisabled : 'disabled',
- filterRowHide : 'hideme'
-});
+ $.extend( tscss, {
+ filterRow : 'tablesorter-filter-row',
+ filter : 'tablesorter-filter',
+ filterDisabled : 'disabled',
+ filterRowHide : 'hideme'
+ });
-ts.addWidget({
- id: 'filter',
- priority: 50,
- options : {
- filter_childRows : false, // if true, filter includes child row content in the search
- filter_childByColumn : false, // ( filter_childRows must be true ) if true = search child rows by column; false = search all child row text grouped
- filter_columnFilters : true, // if true, a filter will be added to the top of each table column
- filter_columnAnyMatch: true, // if true, allows using '#:{query}' in AnyMatch searches ( column:query )
- filter_cellFilter : '', // css class name added to the filter cell ( string or array )
- filter_cssFilter : '', // css class name added to the filter row & each input in the row ( tablesorter-filter is ALWAYS added )
- filter_defaultFilter : {}, // add a default column filter type '~{query}' to make fuzzy searches default; '{q1} AND {q2}' to make all searches use a logical AND.
- filter_excludeFilter : {}, // filters to exclude, per column
- filter_external : '', // jQuery selector string ( or jQuery object ) of external filters
- filter_filteredRow : 'filtered', // class added to filtered rows; needed by pager plugin
- filter_formatter : null, // add custom filter elements to the filter row
- filter_functions : null, // add custom filter functions using this option
- filter_hideEmpty : true, // hide filter row when table is empty
- filter_hideFilters : false, // collapse filter row when mouse leaves the area
- filter_ignoreCase : true, // if true, make all searches case-insensitive
- filter_liveSearch : true, // if true, search column content while the user types ( with a delay )
- filter_onlyAvail : 'filter-onlyAvail', // a header with a select dropdown & this class name will only show available ( visible ) options within the drop down
- filter_placeholder : { search : '', select : '' }, // default placeholder text ( overridden by any header 'data-placeholder' setting )
- filter_reset : null, // jQuery selector string of an element used to reset the filters
- filter_saveFilters : false, // Use the $.tablesorter.storage utility to save the most recent filters
- filter_searchDelay : 300, // typing delay in milliseconds before starting a search
- filter_searchFiltered: true, // allow searching through already filtered rows in special circumstances; will speed up searching in large tables if true
- filter_selectSource : null, // include a function to return an array of values to be added to the column filter select
- filter_startsWith : false, // if true, filter start from the beginning of the cell contents
- filter_useParsedData : false, // filter all data using parsed content
- filter_serversideFiltering : false, // if true, server-side filtering should be performed because client-side filtering will be disabled, but the ui and events will still be used.
- filter_defaultAttrib : 'data-value', // data attribute in the header cell that contains the default filter value
- filter_selectSourceSeparator : '|' // filter_selectSource array text left of the separator is added to the option value, right into the option text
- },
- format: function( table, c, wo ) {
- if ( !c.$table.hasClass( 'hasFilters' ) ) {
- ts.filter.init( table, c, wo );
+ ts.addWidget({
+ id: 'filter',
+ priority: 50,
+ options : {
+ filter_childRows : false, // if true, filter includes child row content in the search
+ filter_childByColumn : false, // ( filter_childRows must be true ) if true = search child rows by column; false = search all child row text grouped
+ filter_columnFilters : true, // if true, a filter will be added to the top of each table column
+ filter_columnAnyMatch: true, // if true, allows using '#:{query}' in AnyMatch searches ( column:query )
+ filter_cellFilter : '', // css class name added to the filter cell ( string or array )
+ filter_cssFilter : '', // css class name added to the filter row & each input in the row ( tablesorter-filter is ALWAYS added )
+ filter_defaultFilter : {}, // add a default column filter type '~{query}' to make fuzzy searches default; '{q1} AND {q2}' to make all searches use a logical AND.
+ filter_excludeFilter : {}, // filters to exclude, per column
+ filter_external : '', // jQuery selector string ( or jQuery object ) of external filters
+ filter_filteredRow : 'filtered', // class added to filtered rows; needed by pager plugin
+ filter_formatter : null, // add custom filter elements to the filter row
+ filter_functions : null, // add custom filter functions using this option
+ filter_hideEmpty : true, // hide filter row when table is empty
+ filter_hideFilters : false, // collapse filter row when mouse leaves the area
+ filter_ignoreCase : true, // if true, make all searches case-insensitive
+ filter_liveSearch : true, // if true, search column content while the user types ( with a delay )
+ filter_onlyAvail : 'filter-onlyAvail', // a header with a select dropdown & this class name will only show available ( visible ) options within the drop down
+ filter_placeholder : { search : '', select : '' }, // default placeholder text ( overridden by any header 'data-placeholder' setting )
+ filter_reset : null, // jQuery selector string of an element used to reset the filters
+ filter_saveFilters : false, // Use the $.tablesorter.storage utility to save the most recent filters
+ filter_searchDelay : 300, // typing delay in milliseconds before starting a search
+ filter_searchFiltered: true, // allow searching through already filtered rows in special circumstances; will speed up searching in large tables if true
+ filter_selectSource : null, // include a function to return an array of values to be added to the column filter select
+ filter_startsWith : false, // if true, filter start from the beginning of the cell contents
+ filter_useParsedData : false, // filter all data using parsed content
+ filter_serversideFiltering : false, // if true, must perform server-side filtering b/c client-side filtering is disabled, but the ui and events will still be used.
+ filter_defaultAttrib : 'data-value', // data attribute in the header cell that contains the default filter value
+ filter_selectSourceSeparator : '|' // filter_selectSource array text left of the separator is added to the option value, right into the option text
+ },
+ format: function( table, c, wo ) {
+ if ( !c.$table.hasClass( 'hasFilters' ) ) {
+ ts.filter.init( table, c, wo );
+ }
+ },
+ remove: function( table, c, wo, refreshing ) {
+ var tbodyIndex, $tbody,
+ $table = c.$table,
+ $tbodies = c.$tbodies,
+ events = 'addRows updateCell update updateRows updateComplete appendCache filterReset filterEnd search '
+ .split( ' ' ).join( c.namespace + 'filter ' );
+ $table
+ .removeClass( 'hasFilters' )
+ // add .tsfilter namespace to all BUT search
+ .unbind( events.replace( /\s+/g, ' ' ) )
+ // remove the filter row even if refreshing, because the column might have been moved
+ .find( '.' + tscss.filterRow ).remove();
+ if ( refreshing ) { return; }
+ for ( tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) {
+ $tbody = ts.processTbody( table, $tbodies.eq( tbodyIndex ), true ); // remove tbody
+ $tbody.children().removeClass( wo.filter_filteredRow ).show();
+ ts.processTbody( table, $tbody, false ); // restore tbody
+ }
+ if ( wo.filter_reset ) {
+ $( document ).undelegate( wo.filter_reset, 'click.tsfilter' );
+ }
}
- },
- remove: function( table, c, wo, refreshing ) {
- var tbodyIndex, $tbody,
- $table = c.$table,
- $tbodies = c.$tbodies,
- events = 'addRows updateCell update updateRows updateComplete appendCache filterReset filterEnd search '
- .split( ' ' ).join( c.namespace + 'filter ' );
- $table
- .removeClass( 'hasFilters' )
- // add .tsfilter namespace to all BUT search
- .unbind( events.replace( /\s+/g, ' ' ) )
- // remove the filter row even if refreshing, because the column might have been moved
- .find( '.' + tscss.filterRow ).remove();
- if ( refreshing ) { return; }
- for ( tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) {
- $tbody = ts.processTbody( table, $tbodies.eq( tbodyIndex ), true ); // remove tbody
- $tbody.children().removeClass( wo.filter_filteredRow ).show();
- ts.processTbody( table, $tbody, false ); // restore tbody
- }
- if ( wo.filter_reset ) {
- $( document ).undelegate( wo.filter_reset, 'click.tsfilter' );
- }
- }
-});
+ });
-ts.filter = {
+ ts.filter = {
- // regex used in filter 'check' functions - not for general use and not documented
- regex: {
- regex : /^\/((?:\\\/|[^\/])+)\/([mig]{0,3})?$/, // regex to test for regex
- child : /tablesorter-childRow/, // child row class name; this gets updated in the script
- filtered : /filtered/, // filtered (hidden) row class name; updated in the script
- type : /undefined|number/, // check type
- exact : /(^[\"\'=]+)|([\"\'=]+$)/g, // exact match (allow '==')
- nondigit : /[^\w,. \-()]/g, // replace non-digits (from digit & currency parser)
- operators : /[<>=]/g, // replace operators
- query : '(q|query)' // replace filter queries
- },
+ // regex used in filter 'check' functions - not for general use and not documented
+ regex: {
+ regex : /^\/((?:\\\/|[^\/])+)\/([mig]{0,3})?$/, // regex to test for regex
+ child : /tablesorter-childRow/, // child row class name; this gets updated in the script
+ filtered : /filtered/, // filtered (hidden) row class name; updated in the script
+ type : /undefined|number/, // check type
+ exact : /(^[\"\'=]+)|([\"\'=]+$)/g, // exact match (allow '==')
+ nondigit : /[^\w,. \-()]/g, // replace non-digits (from digit & currency parser)
+ operators : /[<>=]/g, // replace operators
+ query : '(q|query)' // replace filter queries
+ },
// function( c, data ) { }
// c = table.config
// data.$row = jQuery object of the row currently being processed
@@ -102,1507 +102,1507 @@ ts.filter = {
// data.cacheArray = An array of parsed content from each table cell in the row being processed
// data.index = column index; table = table element ( DOM )
// data.parsed = array ( by column ) of boolean values ( from filter_useParsedData or 'filter-parsed' class )
- types: {
- or : function( c, data, vars ) {
- if ( /\|/.test( data.iFilter ) || ts.filter.regex.orSplit.test( data.filter ) ) {
- var indx, filterMatched, txt, query, regex,
- // duplicate data but split filter
- data2 = $.extend( {}, data ),
- index = data.index,
- parsed = data.parsed[ index ],
- filter = data.filter.split( ts.filter.regex.orSplit ),
- iFilter = data.iFilter.split( ts.filter.regex.orSplit ),
- len = filter.length;
- for ( indx = 0; indx < len; indx++ ) {
- data2.nestedFilters = true;
- data2.filter = '' + ( ts.filter.parseFilter( c, filter[ indx ], index, parsed ) || '' );
- data2.iFilter = '' + ( ts.filter.parseFilter( c, iFilter[ indx ], index, parsed ) || '' );
- query = '(' + ( ts.filter.parseFilter( c, data2.filter, index, parsed ) || '' ) + ')';
- regex = new RegExp( data.isMatch ? query : '^' + query + '$', c.widgetOptions.filter_ignoreCase ? 'i' : '' );
- // filterMatched = data2.filter === '' && indx > 0 ? true
- // look for an exact match with the 'or' unless the 'filter-match' class is found
- filterMatched = regex.test( data2.exact ) || ts.filter.processTypes( c, data2, vars );
- if ( filterMatched ) {
- return filterMatched;
+ types: {
+ or : function( c, data, vars ) {
+ if ( /\|/.test( data.iFilter ) || ts.filter.regex.orSplit.test( data.filter ) ) {
+ var indx, filterMatched, txt, query, regex,
+ // duplicate data but split filter
+ data2 = $.extend( {}, data ),
+ index = data.index,
+ parsed = data.parsed[ index ],
+ filter = data.filter.split( ts.filter.regex.orSplit ),
+ iFilter = data.iFilter.split( ts.filter.regex.orSplit ),
+ len = filter.length;
+ for ( indx = 0; indx < len; indx++ ) {
+ data2.nestedFilters = true;
+ data2.filter = '' + ( ts.filter.parseFilter( c, filter[ indx ], index, parsed ) || '' );
+ data2.iFilter = '' + ( ts.filter.parseFilter( c, iFilter[ indx ], index, parsed ) || '' );
+ query = '(' + ( ts.filter.parseFilter( c, data2.filter, index, parsed ) || '' ) + ')';
+ regex = new RegExp( data.isMatch ? query : '^' + query + '$', c.widgetOptions.filter_ignoreCase ? 'i' : '' );
+ // filterMatched = data2.filter === '' && indx > 0 ? true
+ // look for an exact match with the 'or' unless the 'filter-match' class is found
+ filterMatched = regex.test( data2.exact ) || ts.filter.processTypes( c, data2, vars );
+ if ( filterMatched ) {
+ return filterMatched;
+ }
}
+ // may be null from processing types
+ return filterMatched || false;
}
- // may be null from processing types
- return filterMatched || false;
- }
- return null;
- },
- // Look for an AND or && operator ( logical and )
- and : function( c, data, vars ) {
- if ( ts.filter.regex.andTest.test( data.filter ) ) {
- var indx, filterMatched, result, txt, query, regex,
- // duplicate data but split filter
- data2 = $.extend( {}, data ),
- index = data.index,
- parsed = data.parsed[ index ],
- filter = data.filter.split( ts.filter.regex.andSplit ),
- iFilter = data.iFilter.split( ts.filter.regex.andSplit ),
- len = filter.length;
- for ( indx = 0; indx < len; indx++ ) {
- data2.nestedFilters = true;
- data2.filter = '' + ( ts.filter.parseFilter( c, filter[ indx ], index, parsed ) || '' );
- data2.iFilter = '' + ( ts.filter.parseFilter( c, iFilter[ indx ], index, parsed ) || '' );
- query = ( '(' + ( ts.filter.parseFilter( c, data2.filter, index, parsed ) || '' ) + ')' )
- // replace wild cards since /(a*)/i will match anything
- .replace( /\?/g, '\\S{1}' ).replace( /\*/g, '\\S*' );
- regex = new RegExp( data.isMatch ? query : '^' + query + '$', c.widgetOptions.filter_ignoreCase ? 'i' : '' );
- // look for an exact match with the 'and' unless the 'filter-match' class is found
- result = ( regex.test( data2.exact ) || ts.filter.processTypes( c, data2, vars ) );
- if ( indx === 0 ) {
- filterMatched = result;
+ return null;
+ },
+ // Look for an AND or && operator ( logical and )
+ and : function( c, data, vars ) {
+ if ( ts.filter.regex.andTest.test( data.filter ) ) {
+ var indx, filterMatched, result, txt, query, regex,
+ // duplicate data but split filter
+ data2 = $.extend( {}, data ),
+ index = data.index,
+ parsed = data.parsed[ index ],
+ filter = data.filter.split( ts.filter.regex.andSplit ),
+ iFilter = data.iFilter.split( ts.filter.regex.andSplit ),
+ len = filter.length;
+ for ( indx = 0; indx < len; indx++ ) {
+ data2.nestedFilters = true;
+ data2.filter = '' + ( ts.filter.parseFilter( c, filter[ indx ], index, parsed ) || '' );
+ data2.iFilter = '' + ( ts.filter.parseFilter( c, iFilter[ indx ], index, parsed ) || '' );
+ query = ( '(' + ( ts.filter.parseFilter( c, data2.filter, index, parsed ) || '' ) + ')' )
+ // replace wild cards since /(a*)/i will match anything
+ .replace( /\?/g, '\\S{1}' ).replace( /\*/g, '\\S*' );
+ regex = new RegExp( data.isMatch ? query : '^' + query + '$', c.widgetOptions.filter_ignoreCase ? 'i' : '' );
+ // look for an exact match with the 'and' unless the 'filter-match' class is found
+ result = ( regex.test( data2.exact ) || ts.filter.processTypes( c, data2, vars ) );
+ if ( indx === 0 ) {
+ filterMatched = result;
+ } else {
+ filterMatched = filterMatched && result;
+ }
+ }
+ // may be null from processing types
+ return filterMatched || false;
+ }
+ return null;
+ },
+ // Look for regex
+ regex: function( c, data ) {
+ if ( ts.filter.regex.regex.test( data.filter ) ) {
+ var matches,
+ // cache regex per column for optimal speed
+ regex = data.filter_regexCache[ data.index ] || ts.filter.regex.regex.exec( data.filter ),
+ isRegex = regex instanceof RegExp;
+ try {
+ if ( !isRegex ) {
+ // force case insensitive search if ignoreCase option set?
+ // if ( c.ignoreCase && !regex[2] ) { regex[2] = 'i'; }
+ data.filter_regexCache[ data.index ] = regex = new RegExp( regex[1], regex[2] );
+ }
+ matches = regex.test( data.exact );
+ } catch ( error ) {
+ matches = false;
+ }
+ return matches;
+ }
+ return null;
+ },
+ // Look for operators >, >=, < or <=
+ operators: function( c, data ) {
+ // ignore empty strings... because '' < 10 is true
+ if ( /^[<>]=?/.test( data.iFilter ) && data.iExact !== '' ) {
+ var cachedValue, result, txt,
+ table = c.table,
+ index = data.index,
+ parsed = data.parsed[index],
+ query = ts.formatFloat( data.iFilter.replace( ts.filter.regex.operators, '' ), table ),
+ parser = c.parsers[index],
+ savedSearch = query;
+ // parse filter value in case we're comparing numbers ( dates )
+ if ( parsed || parser.type === 'numeric' ) {
+ txt = $.trim( '' + data.iFilter.replace( ts.filter.regex.operators, '' ) );
+ result = ts.filter.parseFilter( c, txt, index, true );
+ query = ( typeof result === 'number' && result !== '' && !isNaN( result ) ) ? result : query;
+ }
+ // iExact may be numeric - see issue #149;
+ // check if cached is defined, because sometimes j goes out of range? ( numeric columns )
+ if ( ( parsed || parser.type === 'numeric' ) && !isNaN( query ) &&
+ typeof data.cache !== 'undefined' ) {
+ cachedValue = data.cache;
} else {
- filterMatched = filterMatched && result;
+ txt = isNaN( data.iExact ) ? data.iExact.replace( ts.filter.regex.nondigit, '' ) : data.iExact;
+ cachedValue = ts.formatFloat( txt, table );
+ }
+ if ( />/.test( data.iFilter ) ) {
+ result = />=/.test( data.iFilter ) ? cachedValue >= query : cachedValue > query;
+ } else if ( /= 0 );
}
}
- // may be null from processing types
- return filterMatched || false;
- }
- return null;
- },
- // Look for regex
- regex: function( c, data ) {
- if ( ts.filter.regex.regex.test( data.filter ) ) {
- var matches,
- // cache regex per column for optimal speed
- regex = data.filter_regexCache[ data.index ] || ts.filter.regex.regex.exec( data.filter ),
- isRegex = regex instanceof RegExp;
- try {
- if ( !isRegex ) {
- // force case insensitive search if ignoreCase option set?
- // if ( c.ignoreCase && !regex[2] ) { regex[2] = 'i'; }
- data.filter_regexCache[ data.index ] = regex = new RegExp( regex[1], regex[2] );
- }
- matches = regex.test( data.exact );
- } catch ( error ) {
- matches = false;
+ return null;
+ },
+ // Look for quotes or equals to get an exact match; ignore type since iExact could be numeric
+ exact: function( c, data ) {
+ /*jshint eqeqeq:false */
+ if ( ts.filter.regex.exact.test( data.iFilter ) ) {
+ var txt = data.iFilter.replace( ts.filter.regex.exact, '' ),
+ filter = ts.filter.parseFilter( c, txt, data.index, data.parsed[data.index] ) || '';
+ return data.anyMatch ? $.inArray( filter, data.rowArray ) >= 0 : filter == data.iExact;
}
- return matches;
- }
- return null;
- },
- // Look for operators >, >=, < or <=
- operators: function( c, data ) {
- // ignore empty strings... because '' < 10 is true
- if ( /^[<>]=?/.test( data.iFilter ) && data.iExact !== '' ) {
- var cachedValue, result, txt,
- table = c.table,
- index = data.index,
- parsed = data.parsed[index],
- query = ts.formatFloat( data.iFilter.replace( ts.filter.regex.operators, '' ), table ),
- parser = c.parsers[index],
- savedSearch = query;
- // parse filter value in case we're comparing numbers ( dates )
- if ( parsed || parser.type === 'numeric' ) {
- txt = $.trim( '' + data.iFilter.replace( ts.filter.regex.operators, '' ) );
- result = ts.filter.parseFilter( c, txt, index, true );
- query = ( typeof result === 'number' && result !== '' && !isNaN( result ) ) ? result : query;
- }
- // iExact may be numeric - see issue #149;
- // check if cached is defined, because sometimes j goes out of range? ( numeric columns )
- if ( ( parsed || parser.type === 'numeric' ) && !isNaN( query ) &&
- typeof data.cache !== 'undefined' ) {
- cachedValue = data.cache;
- } else {
- txt = isNaN( data.iExact ) ? data.iExact.replace( ts.filter.regex.nondigit, '' ) : data.iExact;
- cachedValue = ts.formatFloat( txt, table );
- }
- if ( />/.test( data.iFilter ) ) {
- result = />=/.test( data.iFilter ) ? cachedValue >= query : cachedValue > query;
- } else if ( /= 0 );
- }
- }
- return null;
- },
- // Look for quotes or equals to get an exact match; ignore type since iExact could be numeric
- exact: function( c, data ) {
- /*jshint eqeqeq:false */
- if ( ts.filter.regex.exact.test( data.iFilter ) ) {
- var txt = data.iFilter.replace( ts.filter.regex.exact, '' ),
- filter = ts.filter.parseFilter( c, txt, data.index, data.parsed[data.index] ) || '';
- return data.anyMatch ? $.inArray( filter, data.rowArray ) >= 0 : filter == data.iExact;
- }
- return null;
- },
- // Look for a range ( using ' to ' or ' - ' ) - see issue #166; thanks matzhu!
- range : function( c, data ) {
- if ( ts.filter.regex.toTest.test( data.iFilter ) ) {
- var result, tmp, range1, range2,
- table = c.table,
- index = data.index,
- parsed = data.parsed[index],
- // make sure the dash is for a range and not indicating a negative number
- query = data.iFilter.split( ts.filter.regex.toSplit );
+ return null;
+ },
+ // Look for a range ( using ' to ' or ' - ' ) - see issue #166; thanks matzhu!
+ range : function( c, data ) {
+ if ( ts.filter.regex.toTest.test( data.iFilter ) ) {
+ var result, tmp, range1, range2,
+ table = c.table,
+ index = data.index,
+ parsed = data.parsed[index],
+ // make sure the dash is for a range and not indicating a negative number
+ query = data.iFilter.split( ts.filter.regex.toSplit );
- tmp = query[0].replace( ts.filter.regex.nondigit, '' ) || '';
- range1 = ts.formatFloat( ts.filter.parseFilter( c, tmp, index, parsed ), table );
- tmp = query[1].replace( ts.filter.regex.nondigit, '' ) || '';
- range2 = ts.formatFloat( ts.filter.parseFilter( c, tmp, index, parsed ), table );
- // parse filter value in case we're comparing numbers ( dates )
- if ( parsed || c.parsers[index].type === 'numeric' ) {
- result = c.parsers[ index ].format( '' + query[0], table, c.$headers.eq( index ), index );
- range1 = ( result !== '' && !isNaN( result ) ) ? result : range1;
- result = c.parsers[ index ].format( '' + query[1], table, c.$headers.eq( index ), index );
- range2 = ( result !== '' && !isNaN( result ) ) ? result : range2;
- }
- if ( ( parsed || c.parsers[ index ].type === 'numeric' ) && !isNaN( range1 ) && !isNaN( range2 ) ) {
- result = data.cache;
- } else {
- tmp = isNaN( data.iExact ) ? data.iExact.replace( ts.filter.regex.nondigit, '' ) : data.iExact;
- result = ts.formatFloat( tmp, table );
- }
- if ( range1 > range2 ) {
- tmp = range1; range1 = range2; range2 = tmp; // swap
- }
- return ( result >= range1 && result <= range2 ) || ( range1 === '' || range2 === '' );
- }
- return null;
- },
- // Look for wild card: ? = single, * = multiple, or | = logical OR
- wild : function( c, data ) {
- if ( /[\?\*\|]/.test( data.iFilter ) ) {
- var index = data.index,
- parsed = data.parsed[ index ],
- query = '' + ( ts.filter.parseFilter( c, data.iFilter, index, parsed ) || '' );
- // look for an exact match with the 'or' unless the 'filter-match' class is found
- if ( !/\?\*/.test( query ) && data.nestedFilters ) {
- query = data.isMatch ? query : '^(' + query + ')$';
- }
- // parsing the filter may not work properly when using wildcards =/
- return new RegExp(
- query.replace( /\?/g, '\\S{1}' ).replace( /\*/g, '\\S*' ),
- c.widgetOptions.filter_ignoreCase ? 'i' : ''
- )
- .test( data.exact );
- }
- return null;
- },
- // fuzzy text search; modified from https://github.com/mattyork/fuzzy ( MIT license )
- fuzzy: function( c, data ) {
- if ( /^~/.test( data.iFilter ) ) {
- var indx,
- patternIndx = 0,
- len = data.iExact.length,
- txt = data.iFilter.slice( 1 ),
- pattern = ts.filter.parseFilter( c, txt, data.index, data.parsed[data.index] ) || '';
- for ( indx = 0; indx < len; indx++ ) {
- if ( data.iExact[ indx ] === pattern[ patternIndx ] ) {
- patternIndx += 1;
+ tmp = query[0].replace( ts.filter.regex.nondigit, '' ) || '';
+ range1 = ts.formatFloat( ts.filter.parseFilter( c, tmp, index, parsed ), table );
+ tmp = query[1].replace( ts.filter.regex.nondigit, '' ) || '';
+ range2 = ts.formatFloat( ts.filter.parseFilter( c, tmp, index, parsed ), table );
+ // parse filter value in case we're comparing numbers ( dates )
+ if ( parsed || c.parsers[index].type === 'numeric' ) {
+ result = c.parsers[ index ].format( '' + query[0], table, c.$headers.eq( index ), index );
+ range1 = ( result !== '' && !isNaN( result ) ) ? result : range1;
+ result = c.parsers[ index ].format( '' + query[1], table, c.$headers.eq( index ), index );
+ range2 = ( result !== '' && !isNaN( result ) ) ? result : range2;
}
+ if ( ( parsed || c.parsers[ index ].type === 'numeric' ) && !isNaN( range1 ) && !isNaN( range2 ) ) {
+ result = data.cache;
+ } else {
+ tmp = isNaN( data.iExact ) ? data.iExact.replace( ts.filter.regex.nondigit, '' ) : data.iExact;
+ result = ts.formatFloat( tmp, table );
+ }
+ if ( range1 > range2 ) {
+ tmp = range1; range1 = range2; range2 = tmp; // swap
+ }
+ return ( result >= range1 && result <= range2 ) || ( range1 === '' || range2 === '' );
}
- if ( patternIndx === pattern.length ) {
- return true;
+ return null;
+ },
+ // Look for wild card: ? = single, * = multiple, or | = logical OR
+ wild : function( c, data ) {
+ if ( /[\?\*\|]/.test( data.iFilter ) ) {
+ var index = data.index,
+ parsed = data.parsed[ index ],
+ query = '' + ( ts.filter.parseFilter( c, data.iFilter, index, parsed ) || '' );
+ // look for an exact match with the 'or' unless the 'filter-match' class is found
+ if ( !/\?\*/.test( query ) && data.nestedFilters ) {
+ query = data.isMatch ? query : '^(' + query + ')$';
+ }
+ // parsing the filter may not work properly when using wildcards =/
+ return new RegExp(
+ query.replace( /\?/g, '\\S{1}' ).replace( /\*/g, '\\S*' ),
+ c.widgetOptions.filter_ignoreCase ? 'i' : ''
+ )
+ .test( data.exact );
+ }
+ return null;
+ },
+ // fuzzy text search; modified from https://github.com/mattyork/fuzzy ( MIT license )
+ fuzzy: function( c, data ) {
+ if ( /^~/.test( data.iFilter ) ) {
+ var indx,
+ patternIndx = 0,
+ len = data.iExact.length,
+ txt = data.iFilter.slice( 1 ),
+ pattern = ts.filter.parseFilter( c, txt, data.index, data.parsed[data.index] ) || '';
+ for ( indx = 0; indx < len; indx++ ) {
+ if ( data.iExact[ indx ] === pattern[ patternIndx ] ) {
+ patternIndx += 1;
+ }
+ }
+ if ( patternIndx === pattern.length ) {
+ return true;
+ }
+ return false;
+ }
+ return null;
+ }
+ },
+ init: function( table, c, wo ) {
+ // filter language options
+ ts.language = $.extend( true, {}, {
+ to : 'to',
+ or : 'or',
+ and : 'and'
+ }, ts.language );
+
+ var options, string, txt, $header, column, filters, val, fxn, noSelect,
+ regex = ts.filter.regex;
+ c.$table.addClass( 'hasFilters' );
+
+ // define timers so using clearTimeout won't cause an undefined error
+ wo.searchTimer = null;
+ wo.filter_initTimer = null;
+ wo.filter_formatterCount = 0;
+ wo.filter_formatterInit = [];
+ wo.filter_anyColumnSelector = '[data-column="all"],[data-column="any"]';
+ wo.filter_multipleColumnSelector = '[data-column*="-"],[data-column*=","]';
+
+ val = '\\{' + ts.filter.regex.query + '\\}';
+ $.extend( regex, {
+ child : new RegExp( c.cssChildRow ),
+ filtered : new RegExp( wo.filter_filteredRow ),
+ alreadyFiltered : new RegExp( '(\\s+(' + ts.language.or + '|-|' + ts.language.to + ')\\s+)', 'i' ),
+ toTest : new RegExp( '\\s+(-|' + ts.language.to + ')\\s+', 'i' ),
+ toSplit : new RegExp( '(?:\\s+(?:-|' + ts.language.to + ')\\s+)', 'gi' ),
+ andTest : new RegExp( '\\s+(' + ts.language.and + '|&&)\\s+', 'i' ),
+ andSplit : new RegExp( '(?:\\s+(?:' + ts.language.and + '|&&)\\s+)', 'gi' ),
+ orSplit : new RegExp( '(?:\\s+(?:' + ts.language.or + ')\\s+|\\|)', 'gi' ),
+ iQuery : new RegExp( val, 'i' ),
+ igQuery : new RegExp( val, 'ig' )
+ });
+
+ // don't build filter row if columnFilters is false or all columns are set to 'filter-false'
+ // see issue #156
+ val = c.$headers.filter( '.filter-false, .parser-false' ).length;
+ if ( wo.filter_columnFilters !== false && val !== c.$headers.length ) {
+ // build filter row
+ ts.filter.buildRow( table, c, wo );
+ }
+
+ txt = 'addRows updateCell update updateRows updateComplete appendCache filterReset filterEnd search '
+ .split( ' ' ).join( c.namespace + 'filter ' );
+ c.$table.bind( txt, function( event, filter ) {
+ val = wo.filter_hideEmpty &&
+ $.isEmptyObject( c.cache ) &&
+ !( c.delayInit && event.type === 'appendCache' );
+ // hide filter row using the 'filtered' class name
+ c.$table.find( '.' + tscss.filterRow ).toggleClass( wo.filter_filteredRow, val ); // fixes #450
+ if ( !/(search|filter)/.test( event.type ) ) {
+ event.stopPropagation();
+ ts.filter.buildDefault( table, true );
+ }
+ if ( event.type === 'filterReset' ) {
+ c.$table.find( '.' + tscss.filter ).add( wo.filter_$externalFilters ).val( '' );
+ ts.filter.searching( table, [] );
+ } else if ( event.type === 'filterEnd' ) {
+ ts.filter.buildDefault( table, true );
+ } else {
+ // send false argument to force a new search; otherwise if the filter hasn't changed,
+ // it will return
+ filter = event.type === 'search' ? filter :
+ event.type === 'updateComplete' ? c.$table.data( 'lastSearch' ) : '';
+ if ( /(update|add)/.test( event.type ) && event.type !== 'updateComplete' ) {
+ // force a new search since content has changed
+ c.lastCombinedFilter = null;
+ c.lastSearch = [];
+ }
+ // pass true ( skipFirst ) to prevent the tablesorter.setFilters function from skipping the first
+ // input ensures all inputs are updated when a search is triggered on the table
+ // $( 'table' ).trigger( 'search', [...] );
+ ts.filter.searching( table, filter, true );
}
return false;
- }
- return null;
- }
- },
- init: function( table, c, wo ) {
- // filter language options
- ts.language = $.extend( true, {}, {
- to : 'to',
- or : 'or',
- and : 'and'
- }, ts.language );
+ });
- var options, string, txt, $header, column, filters, val, fxn, noSelect,
- regex = ts.filter.regex;
- c.$table.addClass( 'hasFilters' );
-
- // define timers so using clearTimeout won't cause an undefined error
- wo.searchTimer = null;
- wo.filter_initTimer = null;
- wo.filter_formatterCount = 0;
- wo.filter_formatterInit = [];
- wo.filter_anyColumnSelector = '[data-column="all"],[data-column="any"]';
- wo.filter_multipleColumnSelector = '[data-column*="-"],[data-column*=","]';
-
- val = '\\{' + ts.filter.regex.query + '\\}';
- $.extend( regex, {
- child : new RegExp( c.cssChildRow ),
- filtered : new RegExp( wo.filter_filteredRow ),
- alreadyFiltered : new RegExp( '(\\s+(' + ts.language.or + '|-|' + ts.language.to + ')\\s+)', 'i' ),
- toTest : new RegExp( '\\s+(-|' + ts.language.to + ')\\s+', 'i' ),
- toSplit : new RegExp( '(?:\\s+(?:-|' + ts.language.to + ')\\s+)' ,'gi' ),
- andTest : new RegExp( '\\s+(' + ts.language.and + '|&&)\\s+', 'i' ),
- andSplit : new RegExp( '(?:\\s+(?:' + ts.language.and + '|&&)\\s+)', 'gi' ),
- orSplit : new RegExp( '(?:\\s+(?:' + ts.language.or + ')\\s+|\\|)', 'gi' ),
- iQuery : new RegExp( val, 'i' ),
- igQuery : new RegExp( val, 'ig' )
- });
-
- // don't build filter row if columnFilters is false or all columns are set to 'filter-false'
- // see issue #156
- val = c.$headers.filter( '.filter-false, .parser-false' ).length;
- if ( wo.filter_columnFilters !== false && val !== c.$headers.length ) {
- // build filter row
- ts.filter.buildRow( table, c, wo );
- }
-
- txt = 'addRows updateCell update updateRows updateComplete appendCache filterReset filterEnd search '
- .split( ' ' ).join( c.namespace + 'filter ' );
- c.$table.bind( txt, function( event, filter ) {
- val = wo.filter_hideEmpty &&
- $.isEmptyObject( c.cache ) &&
- !( c.delayInit && event.type === 'appendCache' );
- // hide filter row using the 'filtered' class name
- c.$table.find( '.' + tscss.filterRow ).toggleClass( wo.filter_filteredRow, val ); // fixes #450
- if ( !/(search|filter)/.test( event.type ) ) {
- event.stopPropagation();
- ts.filter.buildDefault( table, true );
- }
- if ( event.type === 'filterReset' ) {
- c.$table.find( '.' + tscss.filter ).add( wo.filter_$externalFilters ).val( '' );
- ts.filter.searching( table, [] );
- } else if ( event.type === 'filterEnd' ) {
- ts.filter.buildDefault( table, true );
- } else {
- // send false argument to force a new search; otherwise if the filter hasn't changed,
- // it will return
- filter = event.type === 'search' ? filter :
- event.type === 'updateComplete' ? c.$table.data( 'lastSearch' ) : '';
- if ( /(update|add)/.test( event.type ) && event.type !== 'updateComplete' ) {
- // force a new search since content has changed
- c.lastCombinedFilter = null;
- c.lastSearch = [];
- }
- // pass true ( skipFirst ) to prevent the tablesorter.setFilters function from skipping the first
- // input ensures all inputs are updated when a search is triggered on the table
- // $( 'table' ).trigger( 'search', [...] );
- ts.filter.searching( table, filter, true );
- }
- return false;
- });
-
- // reset button/link
- if ( wo.filter_reset ) {
- if ( wo.filter_reset instanceof $ ) {
- // reset contains a jQuery object, bind to it
- wo.filter_reset.click( function() {
- c.$table.trigger( 'filterReset' );
- });
- } else if ( $( wo.filter_reset ).length ) {
- // reset is a jQuery selector, use event delegation
- $( document )
- .undelegate( wo.filter_reset, 'click.tsfilter' )
- .delegate( wo.filter_reset, 'click.tsfilter', function() {
- // trigger a reset event, so other functions ( filter_formatter ) know when to reset
+ // reset button/link
+ if ( wo.filter_reset ) {
+ if ( wo.filter_reset instanceof $ ) {
+ // reset contains a jQuery object, bind to it
+ wo.filter_reset.click( function() {
c.$table.trigger( 'filterReset' );
});
+ } else if ( $( wo.filter_reset ).length ) {
+ // reset is a jQuery selector, use event delegation
+ $( document )
+ .undelegate( wo.filter_reset, 'click.tsfilter' )
+ .delegate( wo.filter_reset, 'click.tsfilter', function() {
+ // trigger a reset event, so other functions ( filter_formatter ) know when to reset
+ c.$table.trigger( 'filterReset' );
+ });
+ }
}
- }
- if ( wo.filter_functions ) {
- for ( column = 0; column < c.columns; column++ ) {
- fxn = ts.getColumnData( table, wo.filter_functions, column );
- if ( fxn ) {
- // remove 'filter-select' from header otherwise the options added here are replaced with
- // all options
- $header = c.$headerIndexed[ column ].removeClass( 'filter-select' );
- // don't build select if 'filter-false' or 'parser-false' set
- noSelect = !( $header.hasClass( 'filter-false' ) || $header.hasClass( 'parser-false' ) );
- options = '';
- if ( fxn === true && noSelect ) {
- ts.filter.buildSelect( table, column );
- } else if ( typeof fxn === 'object' && noSelect ) {
- // add custom drop down list
- for ( string in fxn ) {
- if ( typeof string === 'string' ) {
- options += options === '' ?
- '
' : '';
- val = string;
- txt = string;
- if ( string.indexOf( wo.filter_selectSourceSeparator ) >= 0 ) {
- val = string.split( wo.filter_selectSourceSeparator );
- txt = val[1];
- val = val[0];
+ if ( wo.filter_functions ) {
+ for ( column = 0; column < c.columns; column++ ) {
+ fxn = ts.getColumnData( table, wo.filter_functions, column );
+ if ( fxn ) {
+ // remove 'filter-select' from header otherwise the options added here are replaced with
+ // all options
+ $header = c.$headerIndexed[ column ].removeClass( 'filter-select' );
+ // don't build select if 'filter-false' or 'parser-false' set
+ noSelect = !( $header.hasClass( 'filter-false' ) || $header.hasClass( 'parser-false' ) );
+ options = '';
+ if ( fxn === true && noSelect ) {
+ ts.filter.buildSelect( table, column );
+ } else if ( typeof fxn === 'object' && noSelect ) {
+ // add custom drop down list
+ for ( string in fxn ) {
+ if ( typeof string === 'string' ) {
+ options += options === '' ?
+ '
' : '';
+ val = string;
+ txt = string;
+ if ( string.indexOf( wo.filter_selectSourceSeparator ) >= 0 ) {
+ val = string.split( wo.filter_selectSourceSeparator );
+ txt = val[1];
+ val = val[0];
+ }
+ options += '
';
}
- options += '
';
+ }
+ c.$table
+ .find( 'thead' )
+ .find( 'select.' + tscss.filter + '[data-column="' + column + '"]' )
+ .append( options );
+ txt = wo.filter_selectSource;
+ fxn = $.isFunction( txt ) ? true : ts.getColumnData( table, txt, column );
+ if ( fxn ) {
+ // updating so the extra options are appended
+ ts.filter.buildSelect( c.table, column, '', true, $header.hasClass( wo.filter_onlyAvail ) );
}
}
+ }
+ }
+ }
+ // not really updating, but if the column has both the 'filter-select' class &
+ // filter_functions set to true, it would append the same options twice.
+ ts.filter.buildDefault( table, true );
+
+ ts.filter.bindSearch( table, c.$table.find( '.' + tscss.filter ), true );
+ if ( wo.filter_external ) {
+ ts.filter.bindSearch( table, wo.filter_external );
+ }
+
+ if ( wo.filter_hideFilters ) {
+ ts.filter.hideFilters( table, c );
+ }
+
+ // show processing icon
+ if ( c.showProcessing ) {
+ txt = 'filterStart filterEnd '.split( ' ' ).join( c.namespace + 'filter ' );
+ c.$table
+ .unbind( txt.replace( /\s+/g, ' ' ) )
+ .bind( txt, function( event, columns ) {
+ // only add processing to certain columns to all columns
+ $header = ( columns ) ?
c.$table
- .find( 'thead' )
- .find( 'select.' + tscss.filter + '[data-column="' + column + '"]' )
- .append( options );
- txt = wo.filter_selectSource;
- fxn = $.isFunction( txt ) ? true : ts.getColumnData( table, txt, column );
- if ( fxn ) {
- // updating so the extra options are appended
- ts.filter.buildSelect( c.table, column, '', true, $header.hasClass( wo.filter_onlyAvail ) );
- }
- }
- }
- }
- }
- // not really updating, but if the column has both the 'filter-select' class &
- // filter_functions set to true, it would append the same options twice.
- ts.filter.buildDefault( table, true );
-
- ts.filter.bindSearch( table, c.$table.find( '.' + tscss.filter ), true );
- if ( wo.filter_external ) {
- ts.filter.bindSearch( table, wo.filter_external );
- }
-
- if ( wo.filter_hideFilters ) {
- ts.filter.hideFilters( table, c );
- }
-
- // show processing icon
- if ( c.showProcessing ) {
- txt = 'filterStart filterEnd '.split( ' ' ).join( c.namespace + 'filter ' );
- c.$table
- .unbind( txt.replace( /\s+/g, ' ' ) )
- .bind( txt, function( event, columns ) {
- // only add processing to certain columns to all columns
- $header = ( columns ) ?
- c.$table
- .find( '.' + tscss.header )
- .filter( '[data-column]' )
- .filter( function() {
- return columns[ $( this ).data( 'column' ) ] !== '';
- }) : '';
- ts.isProcessing( table, event.type === 'filterStart', columns ? $header : '' );
- });
- }
-
- // set filtered rows count ( intially unfiltered )
- c.filteredRows = c.totalRows;
-
- // add default values
- txt = 'tablesorter-initialized pagerBeforeInitialized '.split( ' ' ).join( c.namespace + 'filter ' );
- c.$table
- .unbind( txt.replace( /\s+/g, ' ' ) )
- .bind( txt, function() {
- // redefine 'wo' as it does not update properly inside this callback
- var wo = this.config.widgetOptions;
- filters = ts.filter.setDefaults( table, c, wo ) || [];
- if ( filters.length ) {
- // prevent delayInit from triggering a cache build if filters are empty
- if ( !( c.delayInit && filters.join( '' ) === '' ) ) {
- ts.setFilters( table, filters, true );
- }
- }
- c.$table.trigger( 'filterFomatterUpdate' );
- // trigger init after setTimeout to prevent multiple filterStart/End/Init triggers
- setTimeout( function() {
- if ( !wo.filter_initialized ) {
- ts.filter.filterInitComplete( c );
- }
- }, 100 );
- });
- // if filter widget is added after pager has initialized; then set filter init flag
- if ( c.pager && c.pager.initialized && !wo.filter_initialized ) {
- c.$table.trigger( 'filterFomatterUpdate' );
- setTimeout( function() {
- ts.filter.filterInitComplete( c );
- }, 100 );
- }
- },
- // $cell parameter, but not the config, is passed to the filter_formatters,
- // so we have to work with it instead
- formatterUpdated: function( $cell, column ) {
- var wo = $cell.closest( 'table' )[0].config.widgetOptions;
- if ( !wo.filter_initialized ) {
- // add updates by column since this function
- // may be called numerous times before initialization
- wo.filter_formatterInit[ column ] = 1;
- }
- },
- filterInitComplete: function( c ) {
- var indx, len,
- wo = c.widgetOptions,
- count = 0,
- completed = function() {
- wo.filter_initialized = true;
- c.$table.trigger( 'filterInit', c );
- ts.filter.findRows( c.table, c.$table.data( 'lastSearch' ) || [] );
- };
- if ( $.isEmptyObject( wo.filter_formatter ) ) {
- completed();
- } else {
- len = wo.filter_formatterInit.length;
- for ( indx = 0; indx < len; indx++ ) {
- if ( wo.filter_formatterInit[ indx ] === 1 ) {
- count++;
- }
- }
- clearTimeout( wo.filter_initTimer );
- if ( !wo.filter_initialized && count === wo.filter_formatterCount ) {
- // filter widget initialized
- completed();
- } else if ( !wo.filter_initialized ) {
- // fall back in case a filter_formatter doesn't call
- // $.tablesorter.filter.formatterUpdated( $cell, column ), and the count is off
- wo.filter_initTimer = setTimeout( function() {
- completed();
- }, 500 );
- }
- }
- },
- setDefaults: function( table, c, wo ) {
- var isArray, saved, indx, col, $filters,
- // get current ( default ) filters
- filters = ts.getFilters( table ) || [];
- if ( wo.filter_saveFilters && ts.storage ) {
- saved = ts.storage( table, 'tablesorter-filters' ) || [];
- isArray = $.isArray( saved );
- // make sure we're not just getting an empty array
- if ( !( isArray && saved.join( '' ) === '' || !isArray ) ) {
- filters = saved;
- }
- }
- // if no filters saved, then check default settings
- if ( filters.join( '' ) === '' ) {
- // allow adding default setting to external filters
- $filters = c.$headers.add( wo.filter_$externalFilters )
- .filter( '[' + wo.filter_defaultAttrib + ']' );
- for ( indx = 0; indx <= c.columns; indx++ ) {
- // include data-column='all' external filters
- col = indx === c.columns ? 'all' : indx;
- filters[indx] = $filters
- .filter( '[data-column="' + col + '"]' )
- .attr( wo.filter_defaultAttrib ) || filters[indx] || '';
- }
- }
- c.$table.data( 'lastSearch', filters );
- return filters;
- },
- parseFilter: function( c, filter, column, parsed ) {
- return parsed ? c.parsers[column].format( filter, c.table, [], column ) : filter;
- },
- buildRow: function( table, c, wo ) {
- var col, column, $header, buildSelect, disabled, name, ffxn, tmp,
- // c.columns defined in computeThIndexes()
- cellFilter = wo.filter_cellFilter,
- columns = c.columns,
- arry = $.isArray( cellFilter ),
- buildFilter = '
';
- for ( column = 0; column < columns; column++ ) {
- buildFilter += '' ).appendTo( c.$filters.eq( column ) );
- } else {
- ffxn = ts.getColumnData( table, wo.filter_formatter, column );
- if ( ffxn ) {
- wo.filter_formatterCount++;
- buildFilter = ffxn( c.$filters.eq( column ), column );
- // no element returned, so lets go find it
- if ( buildFilter && buildFilter.length === 0 ) {
- buildFilter = c.$filters.eq( column ).children( 'input' );
- }
- // element not in DOM, so lets attach it
- if ( buildFilter && ( buildFilter.parent().length === 0 ||
- ( buildFilter.parent().length && buildFilter.parent()[0] !== c.$filters[column] ) ) ) {
- c.$filters.eq( column ).append( buildFilter );
- }
- } else {
- buildFilter = $( '' ).appendTo( c.$filters.eq( column ) );
- }
- if ( buildFilter ) {
- tmp = $header.data( 'placeholder' ) ||
- $header.attr( 'data-placeholder' ) ||
- wo.filter_placeholder.search || '';
- buildFilter.attr( 'placeholder', tmp );
- }
- }
- if ( buildFilter ) {
- // add filter class name
- name = ( $.isArray( wo.filter_cssFilter ) ?
- ( typeof wo.filter_cssFilter[column] !== 'undefined' ? wo.filter_cssFilter[column] || '' : '' ) :
- wo.filter_cssFilter ) || '';
- buildFilter.addClass( tscss.filter + ' ' + name ).attr( 'data-column', column );
- if ( disabled ) {
- buildFilter.attr( 'placeholder', '' ).addClass( tscss.filterDisabled )[0].disabled = true;
- }
- }
- }
- },
- bindSearch: function( table, $el, internal ) {
- table = $( table )[0];
- $el = $( $el ); // allow passing a selector string
- if ( !$el.length ) { return; }
- var tmp,
- c = table.config,
- wo = c.widgetOptions,
- namespace = c.namespace + 'filter',
- $ext = wo.filter_$externalFilters;
- if ( internal !== true ) {
- // save anyMatch element
- tmp = wo.filter_anyColumnSelector + ',' + wo.filter_multipleColumnSelector;
- wo.filter_$anyMatch = $el.filter( tmp );
- if ( $ext && $ext.length ) {
- wo.filter_$externalFilters = wo.filter_$externalFilters.add( $el );
- } else {
- wo.filter_$externalFilters = $el;
- }
- // update values ( external filters added after table initialization )
- ts.setFilters( table, c.$table.data( 'lastSearch' ) || [], internal === false );
- }
- // unbind events
- tmp = ( 'keypress keyup search change '.split( ' ' ).join( namespace + ' ' ) );
- $el
- // use data attribute instead of jQuery data since the head is cloned without including
- // the data/binding
- .attr( 'data-lastSearchTime', new Date().getTime() )
- .unbind( tmp.replace( /\s+/g, ' ' ) )
- // include change for select - fixes #473
- .bind( 'keyup' + namespace, function( event ) {
- $( this ).attr( 'data-lastSearchTime', new Date().getTime() );
- // emulate what webkit does.... escape clears the filter
- if ( event.which === 27 ) {
- this.value = '';
- // live search
- } else if ( wo.filter_liveSearch === false ) {
- return;
- // don't return if the search value is empty ( all rows need to be revealed )
- } else if ( this.value !== '' && (
- // liveSearch can contain a min value length; ignore arrow and meta keys, but allow backspace
- ( typeof wo.filter_liveSearch === 'number' && this.value.length < wo.filter_liveSearch ) ||
- // let return & backspace continue on, but ignore arrows & non-valid characters
- ( event.which !== 13 && event.which !== 8 &&
- ( event.which < 32 || ( event.which >= 37 && event.which <= 40 ) ) ) ) ) {
- return;
- }
- // change event = no delay; last true flag tells getFilters to skip newest timed input
- ts.filter.searching( table, true, true );
- })
- .bind( 'search change keypress '.split( ' ' ).join( namespace + ' ' ), function( event ) {
- var column = $( this ).data( 'column' );
- // don't allow 'change' event to process if the input value is the same - fixes #685
- if ( event.which === 13 || event.type === 'search' ||
- event.type === 'change' && this.value !== c.lastSearch[column] ) {
- event.preventDefault();
- // init search with no delay
- $( this ).attr( 'data-lastSearchTime', new Date().getTime() );
- ts.filter.searching( table, false, true );
- }
- });
- },
- searching: function( table, filter, skipFirst ) {
- var wo = table.config.widgetOptions;
- clearTimeout( wo.searchTimer );
- if ( typeof filter === 'undefined' || filter === true ) {
- // delay filtering
- wo.searchTimer = setTimeout( function() {
- ts.filter.checkFilters( table, filter, skipFirst );
- }, wo.filter_liveSearch ? wo.filter_searchDelay : 10 );
- } else {
- // skip delay
- ts.filter.checkFilters( table, filter, skipFirst );
- }
- },
- checkFilters: function( table, filter, skipFirst ) {
- var c = table.config,
- wo = c.widgetOptions,
- filterArray = $.isArray( filter ),
- filters = ( filterArray ) ? filter : ts.getFilters( table, true ),
- combinedFilters = ( filters || [] ).join( '' ); // combined filter values
- // prevent errors if delay init is set
- if ( $.isEmptyObject( c.cache ) ) {
- // update cache if delayInit set & pager has initialized ( after user initiates a search )
- if ( c.delayInit && c.pager && c.pager.initialized ) {
- c.$table.trigger( 'updateCache', [ function() {
- ts.filter.checkFilters( table, false, skipFirst );
- } ] );
- }
- return;
- }
- // add filter array back into inputs
- if ( filterArray ) {
- ts.setFilters( table, filters, false, skipFirst !== true );
- if ( !wo.filter_initialized ) { c.lastCombinedFilter = ''; }
- }
- if ( wo.filter_hideFilters ) {
- // show/hide filter row as needed
- c.$table
- .find( '.' + tscss.filterRow )
- .trigger( combinedFilters === '' ? 'mouseleave' : 'mouseenter' );
- }
- // return if the last search is the same; but filter === false when updating the search
- // see example-widget-filter.html filter toggle buttons
- if ( c.lastCombinedFilter === combinedFilters && filter !== false ) {
- return;
- } else if ( filter === false ) {
- // force filter refresh
- c.lastCombinedFilter = null;
- c.lastSearch = [];
- }
- if ( wo.filter_initialized ) {
- c.$table.trigger( 'filterStart', [filters] );
- }
- if ( c.showProcessing ) {
- // give it time for the processing icon to kick in
- setTimeout( function() {
- ts.filter.findRows( table, filters, combinedFilters );
- return false;
- }, 30 );
- } else {
- ts.filter.findRows( table, filters, combinedFilters );
- return false;
- }
- },
- hideFilters: function( table, c ) {
- var timer;
- c.$table
- .find( '.' + tscss.filterRow )
- .bind( 'mouseenter mouseleave', function( e ) {
- // save event object - http://bugs.jquery.com/ticket/12140
- var event = e,
- $filterRow = $( this );
- clearTimeout( timer );
- timer = setTimeout( function() {
- if ( /enter|over/.test( event.type ) ) {
- $filterRow.removeClass( tscss.filterRowHide );
- } else {
- // don't hide if input has focus
- // $( ':focus' ) needs jQuery 1.6+
- if ( $( document.activeElement ).closest( 'tr' )[0] !== $filterRow[0] ) {
- // don't hide row if any filter has a value
- if ( c.lastCombinedFilter === '' ) {
- $filterRow.addClass( tscss.filterRowHide );
- }
- }
- }
- }, 200 );
- })
- .find( 'input, select' ).bind( 'focus blur', function( e ) {
- var event = e,
- $row = $( this ).closest( 'tr' );
- clearTimeout( timer );
- timer = setTimeout( function() {
- clearTimeout( timer );
- // don't hide row if any filter has a value
- if ( ts.getFilters( c.$table ).join( '' ) === '' ) {
- $row.toggleClass( tscss.filterRowHide, event.type !== 'focus' );
- }
- }, 200 );
- });
- },
- defaultFilter: function( filter, mask ) {
- if ( filter === '' ) { return filter; }
- var regex = ts.filter.regex.iQuery,
- maskLen = mask.match( ts.filter.regex.igQuery ).length,
- query = maskLen > 1 ? $.trim( filter ).split( /\s/ ) : [ $.trim( filter ) ],
- len = query.length - 1,
- indx = 0,
- val = mask;
- if ( len < 1 && maskLen > 1 ) {
- // only one 'word' in query but mask has >1 slots
- query[1] = query[0];
- }
- // replace all {query} with query words...
- // if query = 'Bob', then convert mask from '!{query}' to '!Bob'
- // if query = 'Bob Joe Frank', then convert mask '{q} OR {q}' to 'Bob OR Joe OR Frank'
- while ( regex.test( val ) ) {
- val = val.replace( regex, query[indx++] || '' );
- if ( regex.test( val ) && indx < len && ( query[indx] || '' ) !== '' ) {
- val = mask.replace( regex, val );
- }
- }
- return val;
- },
- getLatestSearch: function( $input ) {
- if ( $input ) {
- return $input.sort( function( a, b ) {
- return $( b ).attr( 'data-lastSearchTime' ) - $( a ).attr( 'data-lastSearchTime' );
- });
- }
- return $input || $();
- },
- multipleColumns: function( c, $input ) {
- // look for multiple columns '1-3,4-6,8' in data-column
- var temp, ranges, range, start, end, singles, i, indx, len,
- wo = c.widgetOptions,
- // only target 'all' column inputs on initialization
- // & don't target 'all' column inputs if they don't exist
- targets = wo.filter_initialized || !$input.filter( wo.filter_anyColumnSelector ).length,
- columns = [],
- val = $.trim( ts.filter.getLatestSearch( $input ).attr( 'data-column' ) || '' );
- // process column range
- if ( targets && /-/.test( val ) ) {
- ranges = val.match( /(\d+)\s*-\s*(\d+)/g );
- len = ranges.length;
- for ( indx = 0; indx < len; indx++ ) {
- range = ranges[indx].split( /\s*-\s*/ );
- start = parseInt( range[0], 10 ) || 0;
- end = parseInt( range[1], 10 ) || ( c.columns - 1 );
- if ( start > end ) {
- temp = start; start = end; end = temp; // swap
- }
- if ( end >= c.columns ) {
- end = c.columns - 1;
- }
- for ( ; start <= end; start++ ) {
- columns.push( start );
- }
- // remove processed range from val
- val = val.replace( ranges[ indx ], '' );
- }
- }
- // process single columns
- if ( targets && /,/.test( val ) ) {
- singles = val.split( /\s*,\s*/ );
- len = singles.length;
- for ( i = 0; i < len; i++ ) {
- if ( singles[ i ] !== '' ) {
- indx = parseInt( singles[ i ], 10 );
- if ( indx < c.columns ) {
- columns.push( indx );
- }
- }
- }
- }
- // return all columns
- if ( !columns.length ) {
- for ( indx = 0; indx < c.columns; indx++ ) {
- columns.push( indx );
- }
- }
- return columns;
- },
- processTypes: function( c, data, vars ) {
- var ffxn,
- filterMatched = null,
- matches = null;
- for ( ffxn in ts.filter.types ) {
- if ( $.inArray( ffxn, vars.excludeMatch ) < 0 && matches === null ) {
- matches = ts.filter.types[ffxn]( c, data, vars );
- if ( matches !== null ) {
- filterMatched = matches;
- }
- }
- }
- return filterMatched;
- },
- processRow: function( c, data, vars ) {
- var columnIndex, hasSelect, result, val, filterMatched,
- fxn, ffxn, txt,
- regex = ts.filter.regex,
- wo = c.widgetOptions,
- showRow = true;
- data.$cells = data.$row.children();
-
- if ( data.anyMatchFlag ) {
- // look for multiple columns '1-3,4-6,8'
- columnIndex = ts.filter.multipleColumns( c, wo.filter_$anyMatch );
- data.anyMatch = true;
- data.isMatch = true;
- data.rowArray = data.$cells.map( function( i ) {
- if ( $.inArray( i, columnIndex ) > -1 ) {
- if ( data.parsed[ i ] ) {
- txt = data.cacheArray[ i ];
- } else {
- txt = data.rawArray[ i ];
- txt = $.trim( wo.filter_ignoreCase ? txt.toLowerCase() : txt );
- if ( c.sortLocaleCompare ) {
- txt = ts.replaceAccents( txt );
- }
- }
- return txt;
- }
- }).get();
- data.filter = data.anyMatchFilter;
- data.iFilter = data.iAnyMatchFilter;
- data.exact = data.rowArray.join( ' ' );
- data.iExact = wo.filter_ignoreCase ? data.exact.toLowerCase() : data.exact;
- data.cache = data.cacheArray.slice( 0, -1 ).join( ' ' );
-
- vars.excludeMatch = vars.noAnyMatch;
- filterMatched = ts.filter.processTypes( c, data, vars );
-
- if ( filterMatched !== null ) {
- showRow = filterMatched;
- } else {
- if ( wo.filter_startsWith ) {
- showRow = false;
- columnIndex = c.columns;
- while ( !showRow && columnIndex > 0 ) {
- columnIndex--;
- showRow = showRow || data.rowArray[ columnIndex ].indexOf( data.iFilter ) === 0;
- }
- } else {
- showRow = ( data.iExact + data.childRowText ).indexOf( data.iFilter ) >= 0;
- }
- }
- data.anyMatch = false;
- // no other filters to process
- if ( data.filters.join( '' ) === data.filter ) {
- return showRow;
- }
- }
-
- for ( columnIndex = 0; columnIndex < c.columns; columnIndex++ ) {
- data.filter = data.filters[ columnIndex ];
- data.index = columnIndex;
-
- // filter types to exclude, per column
- vars.excludeMatch = vars.excludeFilter[ columnIndex ];
-
- // ignore if filter is empty or disabled
- if ( data.filter ) {
- data.cache = data.cacheArray[ columnIndex ];
- // check if column data should be from the cell or from parsed data
- if ( wo.filter_useParsedData || data.parsed[ columnIndex ] ) {
- data.exact = data.cache;
- } else {
- result = data.rawArray[ columnIndex ] || '';
- data.exact = c.sortLocaleCompare ? ts.replaceAccents( result ) : result; // issue #405
- }
- data.iExact = !regex.type.test( typeof data.exact ) && wo.filter_ignoreCase ?
- data.exact.toLowerCase() : data.exact;
-
- data.isMatch = c.$headerIndexed[ data.index ].hasClass( 'filter-match' );
-
- result = showRow; // if showRow is true, show that row
-
- // in case select filter option has a different value vs text 'a - z|A through Z'
- ffxn = wo.filter_columnFilters ?
- c.$filters.add( c.$externalFilters )
- .filter( '[data-column="'+ columnIndex + '"]' )
- .find( 'select option:selected' )
- .attr( 'data-function-name' ) || '' : '';
- // replace accents - see #357
- if ( c.sortLocaleCompare ) {
- data.filter = ts.replaceAccents( data.filter );
- }
-
- val = true;
- if ( wo.filter_defaultFilter && regex.iQuery.test( vars.defaultColFilter[ columnIndex ] ) ) {
- data.filter = ts.filter.defaultFilter( data.filter, vars.defaultColFilter[ columnIndex ] );
- // val is used to indicate that a filter select is using a default filter;
- // so we override the exact & partial matches
- val = false;
- }
- // data.iFilter = case insensitive ( if wo.filter_ignoreCase is true ),
- // data.filter = case sensitive
- data.iFilter = wo.filter_ignoreCase ? ( data.filter || '' ).toLowerCase() : data.filter;
- fxn = vars.functions[ columnIndex ];
- hasSelect = c.$headerIndexed[ columnIndex ].hasClass( 'filter-select' );
- filterMatched = null;
- if ( fxn || ( hasSelect && val ) ) {
- if ( fxn === true || hasSelect ) {
- // default selector uses exact match unless 'filter-match' class is found
- filterMatched = data.isMatch ?
- data.iExact.search( data.iFilter ) >= 0 :
- data.filter === data.exact;
- } else if ( typeof fxn === 'function' ) {
- // filter callback( exact cell content, parser normalized content,
- // filter input value, column index, jQuery row object )
- filterMatched = fxn( data.exact, data.cache, data.filter, columnIndex, data.$row, c, data );
- } else if ( typeof fxn[ ffxn || data.filter ] === 'function' ) {
- // selector option function
- txt = ffxn || data.filter;
- filterMatched =
- fxn[ txt ]( data.exact, data.cache, data.filter, columnIndex, data.$row, c, data );
- }
- }
- if ( filterMatched === null ) {
- // cycle through the different filters
- // filters return a boolean or null if nothing matches
- filterMatched = ts.filter.processTypes( c, data, vars );
- if ( filterMatched !== null ) {
- result = filterMatched;
- // Look for match, and add child row data for matching
- } else {
- txt = ( data.iExact + data.childRowText )
- .indexOf( ts.filter.parseFilter( c, data.iFilter, columnIndex, data.parsed[ columnIndex ] ) );
- result = ( ( !wo.filter_startsWith && txt >= 0 ) || ( wo.filter_startsWith && txt === 0 ) );
- }
- } else {
- result = filterMatched;
- }
- showRow = ( result ) ? showRow : false;
- }
- }
- return showRow;
- },
- findRows: function( table, filters, combinedFilters ) {
- if ( table.config.lastCombinedFilter === combinedFilters ||
- !table.config.widgetOptions.filter_initialized ) {
- return;
- }
- var len, norm_rows, rowData, $rows, rowIndex, tbodyIndex, $tbody, columnIndex,
- isChild, childRow, lastSearch, showRow, time, val, indx,
- notFiltered, searchFiltered, query, injected, res, id, txt,
- storedFilters = $.extend( [], filters ),
- regex = ts.filter.regex,
- c = table.config,
- wo = c.widgetOptions,
- // data object passed to filters; anyMatch is a flag for the filters
- data = {
- anyMatch: false,
- filters: filters,
- // regex filter type cache
- filter_regexCache : []
- },
- vars = {
- // anyMatch really screws up with these types of filters
- noAnyMatch: [ 'range', 'notMatch', 'operators' ],
- // cache filter variables that use ts.getColumnData in the main loop
- functions : [],
- excludeFilter : [],
- defaultColFilter : [],
- defaultAnyFilter : ts.getColumnData( table, wo.filter_defaultFilter, c.columns, true ) || ''
- };
-
- // parse columns after formatter, in case the class is added at that point
- data.parsed = c.$headers.map( function( columnIndex ) {
- return c.parsers && c.parsers[ columnIndex ] &&
- // force parsing if parser type is numeric
- c.parsers[ columnIndex ].parsed ||
- // getData won't return 'parsed' if other 'filter-' class names exist
- // ( e.g. | )
- ts.getData && ts.getData( c.$headerIndexed[ columnIndex ],
- ts.getColumnData( table, c.headers, columnIndex ), 'filter' ) === 'parsed' ||
- $( this ).hasClass( 'filter-parsed' );
- }).get();
-
- for ( columnIndex = 0; columnIndex < c.columns; columnIndex++ ) {
- vars.functions[ columnIndex ] =
- ts.getColumnData( table, wo.filter_functions, columnIndex );
- vars.defaultColFilter[ columnIndex ] =
- ts.getColumnData( table, wo.filter_defaultFilter, columnIndex ) || '';
- vars.excludeFilter[ columnIndex ] =
- ( ts.getColumnData( table, wo.filter_excludeFilter, columnIndex, true ) || '' ).split( /\s+/ );
- }
-
- if ( c.debug ) {
- ts.log( 'Filter: Starting filter widget search', filters );
- time = new Date();
- }
- // filtered rows count
- c.filteredRows = 0;
- c.totalRows = 0;
- // combindedFilters are undefined on init
- combinedFilters = ( storedFilters || [] ).join( '' );
-
- for ( tbodyIndex = 0; tbodyIndex < c.$tbodies.length; tbodyIndex++ ) {
- $tbody = ts.processTbody( table, c.$tbodies.eq( tbodyIndex ), true );
- // skip child rows & widget added ( removable ) rows - fixes #448 thanks to @hempel!
- // $rows = $tbody.children( 'tr' ).not( c.selectorRemove );
- columnIndex = c.columns;
- // convert stored rows into a jQuery object
- norm_rows = c.cache[ tbodyIndex ].normalized;
- $rows = $( $.map( norm_rows, function( el ) {
- return el[ columnIndex ].$row.get();
- }) );
-
- if ( combinedFilters === '' || wo.filter_serversideFiltering ) {
- $rows
- .removeClass( wo.filter_filteredRow )
- .not( '.' + c.cssChildRow )
- .css( 'display', '' );
- } else {
- // filter out child rows
- $rows = $rows.not( '.' + c.cssChildRow );
- len = $rows.length;
-
- if ( ( wo.filter_$anyMatch && wo.filter_$anyMatch.length ) ||
- typeof filters[c.columns] !== 'undefined' ) {
- data.anyMatchFlag = true;
- data.anyMatchFilter = '' + (
- filters[ c.columns ] ||
- wo.filter_$anyMatch && ts.filter.getLatestSearch( wo.filter_$anyMatch ).val() ||
- ''
- );
- if ( wo.filter_columnAnyMatch ) {
- // specific columns search
- query = data.anyMatchFilter.split( regex.andSplit );
- injected = false;
- for ( indx = 0; indx < query.length; indx++ ) {
- res = query[ indx ].split( ':' );
- if ( res.length > 1 ) {
- // make the column a one-based index ( non-developers start counting from one :P )
- id = parseInt( res[0], 10 ) - 1;
- if ( id >= 0 && id < c.columns ) { // if id is an integer
- filters[ id ] = res[1];
- query.splice( indx, 1 );
- indx--;
- injected = true;
- }
- }
- }
- if ( injected ) {
- data.anyMatchFilter = query.join( ' && ' );
- }
- }
- }
-
- // optimize searching only through already filtered rows - see #313
- searchFiltered = wo.filter_searchFiltered;
- lastSearch = c.lastSearch || c.$table.data( 'lastSearch' ) || [];
- if ( searchFiltered ) {
- // cycle through all filters; include last ( columnIndex + 1 = match any column ). Fixes #669
- for ( indx = 0; indx < columnIndex + 1; indx++ ) {
- val = filters[indx] || '';
- // break out of loop if we've already determined not to search filtered rows
- if ( !searchFiltered ) { indx = columnIndex; }
- // search already filtered rows if...
- searchFiltered = searchFiltered && lastSearch.length &&
- // there are no changes from beginning of filter
- val.indexOf( lastSearch[indx] || '' ) === 0 &&
- // if there is NOT a logical 'or', or range ( 'to' or '-' ) in the string
- !regex.alreadyFiltered.test( val ) &&
- // if we are not doing exact matches, using '|' ( logical or ) or not '!'
- !/[=\"\|!]/.test( val ) &&
- // don't search only filtered if the value is negative
- // ( '> -10' => '> -100' will ignore hidden rows )
- !( /(>=?\s*-\d)/.test( val ) || /(<=?\s*\d)/.test( val ) ) &&
- // if filtering using a select without a 'filter-match' class ( exact match ) - fixes #593
- !( val !== '' && c.$filters && c.$filters.eq( indx ).find( 'select' ).length &&
- !c.$headerIndexed[indx].hasClass( 'filter-match' ) );
- }
- }
- notFiltered = $rows.not( '.' + wo.filter_filteredRow ).length;
- // can't search when all rows are hidden - this happens when looking for exact matches
- if ( searchFiltered && notFiltered === 0 ) { searchFiltered = false; }
- if ( c.debug ) {
- ts.log( 'Filter: Searching through ' +
- ( searchFiltered && notFiltered < len ? notFiltered : 'all' ) + ' rows' );
- }
- if ( data.anyMatchFlag ) {
- if ( c.sortLocaleCompare ) {
- // replace accents
- data.anyMatchFilter = ts.replaceAccents( data.anyMatchFilter );
- }
- if ( wo.filter_defaultFilter && regex.iQuery.test( vars.defaultAnyFilter ) ) {
- data.anyMatchFilter = ts.filter.defaultFilter( data.anyMatchFilter, vars.defaultAnyFilter );
- // clear search filtered flag because default filters are not saved to the last search
- searchFiltered = false;
- }
- // make iAnyMatchFilter lowercase unless both filter widget & core ignoreCase options are true
- // when c.ignoreCase is true, the cache contains all lower case data
- data.iAnyMatchFilter = !( wo.filter_ignoreCase && c.ignoreCase ) ?
- data.anyMatchFilter :
- data.anyMatchFilter.toLowerCase();
- }
-
- // loop through the rows
- for ( rowIndex = 0; rowIndex < len; rowIndex++ ) {
-
- txt = $rows[ rowIndex ].className;
- // the first row can never be a child row
- isChild = rowIndex && regex.child.test( txt );
- // skip child rows & already filtered rows
- if ( isChild || ( searchFiltered && regex.filtered.test( txt ) ) ) {
- continue;
- }
-
- data.$row = $rows.eq( rowIndex );
- data.cacheArray = norm_rows[ rowIndex ];
- rowData = data.cacheArray[ c.columns ];
- data.rawArray = rowData.raw;
- data.childRowText = '';
-
- if ( !wo.filter_childByColumn ) {
- txt = '';
- // child row cached text
- childRow = rowData.child;
- // so, if 'table.config.widgetOptions.filter_childRows' is true and there is
- // a match anywhere in the child row, then it will make the row visible
- // checked here so the option can be changed dynamically
- for ( indx = 0; indx < childRow.length; indx++ ) {
- txt += ' ' + childRow[indx].join( '' ) || '';
- }
- data.childRowText = wo.filter_childRows ?
- ( wo.filter_ignoreCase ? txt.toLowerCase() : txt ) :
- '';
- }
-
- showRow = ts.filter.processRow( c, data, vars );
- childRow = rowData.$row.filter( ':gt( 0 )' );
-
- if ( wo.filter_childRows && childRow.length ) {
- if ( wo.filter_childByColumn ) {
- // cycle through each child row
- for ( indx = 0; indx < childRow.length; indx++ ) {
- data.$row = childRow.eq( indx );
- data.cacheArray = rowData.child[ indx ];
- data.rawArray = data.cacheArray;
- // use OR comparison on child rows
- showRow = showRow || ts.filter.processRow( c, data, vars );
- }
- }
- childRow.toggleClass( wo.filter_filteredRow, !showRow );
- }
-
- rowData.$row
- .toggleClass( wo.filter_filteredRow, !showRow )[0]
- .display = showRow ? '' : 'none';
- }
- }
- c.filteredRows += $rows.not( '.' + wo.filter_filteredRow ).length;
- c.totalRows += $rows.length;
- ts.processTbody( table, $tbody, false );
- }
- c.lastCombinedFilter = combinedFilters; // save last search
- // don't save 'filters' directly since it may have altered ( AnyMatch column searches )
- c.lastSearch = storedFilters;
- c.$table.data( 'lastSearch', storedFilters );
- if ( wo.filter_saveFilters && ts.storage ) {
- ts.storage( table, 'tablesorter-filters', storedFilters );
- }
- if ( c.debug ) {
- ts.benchmark( 'Completed filter widget search', time );
- }
- if ( wo.filter_initialized ) {
- c.$table.trigger( 'filterEnd', c );
- }
- setTimeout( function() {
- c.$table.trigger( 'applyWidgets' ); // make sure zebra widget is applied
- }, 0 );
- },
- getOptionSource: function( table, column, onlyAvail ) {
- table = $( table )[0];
- var cts, txt, indx, len,
- c = table.config,
- wo = c.widgetOptions,
- parsed = [],
- arry = false,
- source = wo.filter_selectSource,
- last = c.$table.data( 'lastSearch' ) || [],
- fxn = $.isFunction( source ) ? true : ts.getColumnData( table, source, column );
-
- if ( onlyAvail && last[column] !== '' ) {
- onlyAvail = false;
- }
-
- // filter select source option
- if ( fxn === true ) {
- // OVERALL source
- arry = source( table, column, onlyAvail );
- } else if ( fxn instanceof $ || ( $.type( fxn ) === 'string' && fxn.indexOf( '' ) >= 0 ) ) {
- // selectSource is a jQuery object or string of options
- return fxn;
- } else if ( $.isArray( fxn ) ) {
- arry = fxn;
- } else if ( $.type( source ) === 'object' && fxn ) {
- // custom select source function for a SPECIFIC COLUMN
- arry = fxn( table, column, onlyAvail );
- }
- if ( arry === false ) {
- // fall back to original method
- arry = ts.filter.getOptions( table, column, onlyAvail );
- }
-
- // get unique elements and sort the list
- // if $.tablesorter.sortText exists ( not in the original tablesorter ),
- // then natural sort the list otherwise use a basic sort
- arry = $.grep( arry, function( value, indx ) {
- return $.inArray( value, arry ) === indx;
- });
-
- if ( c.$headerIndexed[ column ].hasClass( 'filter-select-nosort' ) ) {
- // unsorted select options
- return arry;
- } else {
- len = arry.length;
- // parse select option values
- for ( indx = 0; indx < len; indx++ ) {
- txt = arry[ indx ];
- // parse array data using set column parser; this DOES NOT pass the original
- // table cell to the parser format function
- parsed.push({
- t : txt,
- // check parser length - fixes #934
- p : c.parsers && c.parsers.length && c.parsers[ column ].format( txt, table, [], column ) || txt
+ .find( '.' + tscss.header )
+ .filter( '[data-column]' )
+ .filter( function() {
+ return columns[ $( this ).data( 'column' ) ] !== '';
+ }) : '';
+ ts.isProcessing( table, event.type === 'filterStart', columns ? $header : '' );
});
}
- // sort parsed select options
- cts = c.textSorter || '';
- parsed.sort( function( a, b ) {
- // sortNatural breaks if you don't pass it strings
- var x = a.p.toString(),
- y = b.p.toString();
- if ( $.isFunction( cts ) ) {
- // custom OVERALL text sorter
- return cts( x, y, true, column, table );
- } else if ( typeof( cts ) === 'object' && cts.hasOwnProperty( column ) ) {
- // custom text sorter for a SPECIFIC COLUMN
- return cts[column]( x, y, true, column, table );
- } else if ( ts.sortNatural ) {
- // fall back to natural sort
- return ts.sortNatural( x, y );
+ // set filtered rows count ( intially unfiltered )
+ c.filteredRows = c.totalRows;
+
+ // add default values
+ txt = 'tablesorter-initialized pagerBeforeInitialized '.split( ' ' ).join( c.namespace + 'filter ' );
+ c.$table
+ .unbind( txt.replace( /\s+/g, ' ' ) )
+ .bind( txt, function() {
+ // redefine 'wo' as it does not update properly inside this callback
+ var wo = this.config.widgetOptions;
+ filters = ts.filter.setDefaults( table, c, wo ) || [];
+ if ( filters.length ) {
+ // prevent delayInit from triggering a cache build if filters are empty
+ if ( !( c.delayInit && filters.join( '' ) === '' ) ) {
+ ts.setFilters( table, filters, true );
+ }
}
- // using an older version! do a basic sort
- return true;
+ c.$table.trigger( 'filterFomatterUpdate' );
+ // trigger init after setTimeout to prevent multiple filterStart/End/Init triggers
+ setTimeout( function() {
+ if ( !wo.filter_initialized ) {
+ ts.filter.filterInitComplete( c );
+ }
+ }, 100 );
});
- // rebuild arry from sorted parsed data
- arry = [];
- len = parsed.length;
- for ( indx = 0; indx < len; indx++ ) {
- arry.push( parsed[indx].t );
+ // if filter widget is added after pager has initialized; then set filter init flag
+ if ( c.pager && c.pager.initialized && !wo.filter_initialized ) {
+ c.$table.trigger( 'filterFomatterUpdate' );
+ setTimeout( function() {
+ ts.filter.filterInitComplete( c );
+ }, 100 );
+ }
+ },
+ // $cell parameter, but not the config, is passed to the filter_formatters,
+ // so we have to work with it instead
+ formatterUpdated: function( $cell, column ) {
+ var wo = $cell.closest( 'table' )[0].config.widgetOptions;
+ if ( !wo.filter_initialized ) {
+ // add updates by column since this function
+ // may be called numerous times before initialization
+ wo.filter_formatterInit[ column ] = 1;
+ }
+ },
+ filterInitComplete: function( c ) {
+ var indx, len,
+ wo = c.widgetOptions,
+ count = 0,
+ completed = function() {
+ wo.filter_initialized = true;
+ c.$table.trigger( 'filterInit', c );
+ ts.filter.findRows( c.table, c.$table.data( 'lastSearch' ) || [] );
+ };
+ if ( $.isEmptyObject( wo.filter_formatter ) ) {
+ completed();
+ } else {
+ len = wo.filter_formatterInit.length;
+ for ( indx = 0; indx < len; indx++ ) {
+ if ( wo.filter_formatterInit[ indx ] === 1 ) {
+ count++;
+ }
+ }
+ clearTimeout( wo.filter_initTimer );
+ if ( !wo.filter_initialized && count === wo.filter_formatterCount ) {
+ // filter widget initialized
+ completed();
+ } else if ( !wo.filter_initialized ) {
+ // fall back in case a filter_formatter doesn't call
+ // $.tablesorter.filter.formatterUpdated( $cell, column ), and the count is off
+ wo.filter_initTimer = setTimeout( function() {
+ completed();
+ }, 500 );
+ }
+ }
+ },
+ setDefaults: function( table, c, wo ) {
+ var isArray, saved, indx, col, $filters,
+ // get current ( default ) filters
+ filters = ts.getFilters( table ) || [];
+ if ( wo.filter_saveFilters && ts.storage ) {
+ saved = ts.storage( table, 'tablesorter-filters' ) || [];
+ isArray = $.isArray( saved );
+ // make sure we're not just getting an empty array
+ if ( !( isArray && saved.join( '' ) === '' || !isArray ) ) {
+ filters = saved;
+ }
+ }
+ // if no filters saved, then check default settings
+ if ( filters.join( '' ) === '' ) {
+ // allow adding default setting to external filters
+ $filters = c.$headers.add( wo.filter_$externalFilters )
+ .filter( '[' + wo.filter_defaultAttrib + ']' );
+ for ( indx = 0; indx <= c.columns; indx++ ) {
+ // include data-column='all' external filters
+ col = indx === c.columns ? 'all' : indx;
+ filters[indx] = $filters
+ .filter( '[data-column="' + col + '"]' )
+ .attr( wo.filter_defaultAttrib ) || filters[indx] || '';
+ }
+ }
+ c.$table.data( 'lastSearch', filters );
+ return filters;
+ },
+ parseFilter: function( c, filter, column, parsed ) {
+ return parsed ? c.parsers[column].format( filter, c.table, [], column ) : filter;
+ },
+ buildRow: function( table, c, wo ) {
+ var col, column, $header, buildSelect, disabled, name, ffxn, tmp,
+ // c.columns defined in computeThIndexes()
+ cellFilter = wo.filter_cellFilter,
+ columns = c.columns,
+ arry = $.isArray( cellFilter ),
+ buildFilter = ' | ';
+ for ( column = 0; column < columns; column++ ) {
+ buildFilter += '' ).appendTo( c.$filters.eq( column ) );
+ } else {
+ ffxn = ts.getColumnData( table, wo.filter_formatter, column );
+ if ( ffxn ) {
+ wo.filter_formatterCount++;
+ buildFilter = ffxn( c.$filters.eq( column ), column );
+ // no element returned, so lets go find it
+ if ( buildFilter && buildFilter.length === 0 ) {
+ buildFilter = c.$filters.eq( column ).children( 'input' );
+ }
+ // element not in DOM, so lets attach it
+ if ( buildFilter && ( buildFilter.parent().length === 0 ||
+ ( buildFilter.parent().length && buildFilter.parent()[0] !== c.$filters[column] ) ) ) {
+ c.$filters.eq( column ).append( buildFilter );
+ }
+ } else {
+ buildFilter = $( '' ).appendTo( c.$filters.eq( column ) );
+ }
+ if ( buildFilter ) {
+ tmp = $header.data( 'placeholder' ) ||
+ $header.attr( 'data-placeholder' ) ||
+ wo.filter_placeholder.search || '';
+ buildFilter.attr( 'placeholder', tmp );
+ }
+ }
+ if ( buildFilter ) {
+ // add filter class name
+ name = ( $.isArray( wo.filter_cssFilter ) ?
+ ( typeof wo.filter_cssFilter[column] !== 'undefined' ? wo.filter_cssFilter[column] || '' : '' ) :
+ wo.filter_cssFilter ) || '';
+ buildFilter.addClass( tscss.filter + ' ' + name ).attr( 'data-column', column );
+ if ( disabled ) {
+ buildFilter.attr( 'placeholder', '' ).addClass( tscss.filterDisabled )[0].disabled = true;
+ }
+ }
+ }
+ },
+ bindSearch: function( table, $el, internal ) {
+ table = $( table )[0];
+ $el = $( $el ); // allow passing a selector string
+ if ( !$el.length ) { return; }
+ var tmp,
+ c = table.config,
+ wo = c.widgetOptions,
+ namespace = c.namespace + 'filter',
+ $ext = wo.filter_$externalFilters;
+ if ( internal !== true ) {
+ // save anyMatch element
+ tmp = wo.filter_anyColumnSelector + ',' + wo.filter_multipleColumnSelector;
+ wo.filter_$anyMatch = $el.filter( tmp );
+ if ( $ext && $ext.length ) {
+ wo.filter_$externalFilters = wo.filter_$externalFilters.add( $el );
+ } else {
+ wo.filter_$externalFilters = $el;
+ }
+ // update values ( external filters added after table initialization )
+ ts.setFilters( table, c.$table.data( 'lastSearch' ) || [], internal === false );
+ }
+ // unbind events
+ tmp = ( 'keypress keyup search change '.split( ' ' ).join( namespace + ' ' ) );
+ $el
+ // use data attribute instead of jQuery data since the head is cloned without including
+ // the data/binding
+ .attr( 'data-lastSearchTime', new Date().getTime() )
+ .unbind( tmp.replace( /\s+/g, ' ' ) )
+ // include change for select - fixes #473
+ .bind( 'keyup' + namespace, function( event ) {
+ $( this ).attr( 'data-lastSearchTime', new Date().getTime() );
+ // emulate what webkit does.... escape clears the filter
+ if ( event.which === 27 ) {
+ this.value = '';
+ // live search
+ } else if ( wo.filter_liveSearch === false ) {
+ return;
+ // don't return if the search value is empty ( all rows need to be revealed )
+ } else if ( this.value !== '' && (
+ // liveSearch can contain a min value length; ignore arrow and meta keys, but allow backspace
+ ( typeof wo.filter_liveSearch === 'number' && this.value.length < wo.filter_liveSearch ) ||
+ // let return & backspace continue on, but ignore arrows & non-valid characters
+ ( event.which !== 13 && event.which !== 8 &&
+ ( event.which < 32 || ( event.which >= 37 && event.which <= 40 ) ) ) ) ) {
+ return;
+ }
+ // change event = no delay; last true flag tells getFilters to skip newest timed input
+ ts.filter.searching( table, true, true );
+ })
+ .bind( 'search change keypress '.split( ' ' ).join( namespace + ' ' ), function( event ) {
+ var column = $( this ).data( 'column' );
+ // don't allow 'change' event to process if the input value is the same - fixes #685
+ if ( event.which === 13 || event.type === 'search' ||
+ event.type === 'change' && this.value !== c.lastSearch[column] ) {
+ event.preventDefault();
+ // init search with no delay
+ $( this ).attr( 'data-lastSearchTime', new Date().getTime() );
+ ts.filter.searching( table, false, true );
+ }
+ });
+ },
+ searching: function( table, filter, skipFirst ) {
+ var wo = table.config.widgetOptions;
+ clearTimeout( wo.searchTimer );
+ if ( typeof filter === 'undefined' || filter === true ) {
+ // delay filtering
+ wo.searchTimer = setTimeout( function() {
+ ts.filter.checkFilters( table, filter, skipFirst );
+ }, wo.filter_liveSearch ? wo.filter_searchDelay : 10 );
+ } else {
+ // skip delay
+ ts.filter.checkFilters( table, filter, skipFirst );
+ }
+ },
+ checkFilters: function( table, filter, skipFirst ) {
+ var c = table.config,
+ wo = c.widgetOptions,
+ filterArray = $.isArray( filter ),
+ filters = ( filterArray ) ? filter : ts.getFilters( table, true ),
+ combinedFilters = ( filters || [] ).join( '' ); // combined filter values
+ // prevent errors if delay init is set
+ if ( $.isEmptyObject( c.cache ) ) {
+ // update cache if delayInit set & pager has initialized ( after user initiates a search )
+ if ( c.delayInit && c.pager && c.pager.initialized ) {
+ c.$table.trigger( 'updateCache', [ function() {
+ ts.filter.checkFilters( table, false, skipFirst );
+ } ] );
+ }
+ return;
+ }
+ // add filter array back into inputs
+ if ( filterArray ) {
+ ts.setFilters( table, filters, false, skipFirst !== true );
+ if ( !wo.filter_initialized ) { c.lastCombinedFilter = ''; }
+ }
+ if ( wo.filter_hideFilters ) {
+ // show/hide filter row as needed
+ c.$table
+ .find( '.' + tscss.filterRow )
+ .trigger( combinedFilters === '' ? 'mouseleave' : 'mouseenter' );
+ }
+ // return if the last search is the same; but filter === false when updating the search
+ // see example-widget-filter.html filter toggle buttons
+ if ( c.lastCombinedFilter === combinedFilters && filter !== false ) {
+ return;
+ } else if ( filter === false ) {
+ // force filter refresh
+ c.lastCombinedFilter = null;
+ c.lastSearch = [];
+ }
+ if ( wo.filter_initialized ) {
+ c.$table.trigger( 'filterStart', [ filters ] );
+ }
+ if ( c.showProcessing ) {
+ // give it time for the processing icon to kick in
+ setTimeout( function() {
+ ts.filter.findRows( table, filters, combinedFilters );
+ return false;
+ }, 30 );
+ } else {
+ ts.filter.findRows( table, filters, combinedFilters );
+ return false;
+ }
+ },
+ hideFilters: function( table, c ) {
+ var timer;
+ c.$table
+ .find( '.' + tscss.filterRow )
+ .bind( 'mouseenter mouseleave', function( e ) {
+ // save event object - http://bugs.jquery.com/ticket/12140
+ var event = e,
+ $filterRow = $( this );
+ clearTimeout( timer );
+ timer = setTimeout( function() {
+ if ( /enter|over/.test( event.type ) ) {
+ $filterRow.removeClass( tscss.filterRowHide );
+ } else {
+ // don't hide if input has focus
+ // $( ':focus' ) needs jQuery 1.6+
+ if ( $( document.activeElement ).closest( 'tr' )[0] !== $filterRow[0] ) {
+ // don't hide row if any filter has a value
+ if ( c.lastCombinedFilter === '' ) {
+ $filterRow.addClass( tscss.filterRowHide );
+ }
+ }
+ }
+ }, 200 );
+ })
+ .find( 'input, select' ).bind( 'focus blur', function( e ) {
+ var event = e,
+ $row = $( this ).closest( 'tr' );
+ clearTimeout( timer );
+ timer = setTimeout( function() {
+ clearTimeout( timer );
+ // don't hide row if any filter has a value
+ if ( ts.getFilters( c.$table ).join( '' ) === '' ) {
+ $row.toggleClass( tscss.filterRowHide, event.type !== 'focus' );
+ }
+ }, 200 );
+ });
+ },
+ defaultFilter: function( filter, mask ) {
+ if ( filter === '' ) { return filter; }
+ var regex = ts.filter.regex.iQuery,
+ maskLen = mask.match( ts.filter.regex.igQuery ).length,
+ query = maskLen > 1 ? $.trim( filter ).split( /\s/ ) : [ $.trim( filter ) ],
+ len = query.length - 1,
+ indx = 0,
+ val = mask;
+ if ( len < 1 && maskLen > 1 ) {
+ // only one 'word' in query but mask has >1 slots
+ query[1] = query[0];
+ }
+ // replace all {query} with query words...
+ // if query = 'Bob', then convert mask from '!{query}' to '!Bob'
+ // if query = 'Bob Joe Frank', then convert mask '{q} OR {q}' to 'Bob OR Joe OR Frank'
+ while ( regex.test( val ) ) {
+ val = val.replace( regex, query[indx++] || '' );
+ if ( regex.test( val ) && indx < len && ( query[indx] || '' ) !== '' ) {
+ val = mask.replace( regex, val );
+ }
+ }
+ return val;
+ },
+ getLatestSearch: function( $input ) {
+ if ( $input ) {
+ return $input.sort( function( a, b ) {
+ return $( b ).attr( 'data-lastSearchTime' ) - $( a ).attr( 'data-lastSearchTime' );
+ });
+ }
+ return $input || $();
+ },
+ multipleColumns: function( c, $input ) {
+ // look for multiple columns '1-3,4-6,8' in data-column
+ var temp, ranges, range, start, end, singles, i, indx, len,
+ wo = c.widgetOptions,
+ // only target 'all' column inputs on initialization
+ // & don't target 'all' column inputs if they don't exist
+ targets = wo.filter_initialized || !$input.filter( wo.filter_anyColumnSelector ).length,
+ columns = [],
+ val = $.trim( ts.filter.getLatestSearch( $input ).attr( 'data-column' ) || '' );
+ // process column range
+ if ( targets && /-/.test( val ) ) {
+ ranges = val.match( /(\d+)\s*-\s*(\d+)/g );
+ len = ranges.length;
+ for ( indx = 0; indx < len; indx++ ) {
+ range = ranges[indx].split( /\s*-\s*/ );
+ start = parseInt( range[0], 10 ) || 0;
+ end = parseInt( range[1], 10 ) || ( c.columns - 1 );
+ if ( start > end ) {
+ temp = start; start = end; end = temp; // swap
+ }
+ if ( end >= c.columns ) {
+ end = c.columns - 1;
+ }
+ for ( ; start <= end; start++ ) {
+ columns.push( start );
+ }
+ // remove processed range from val
+ val = val.replace( ranges[ indx ], '' );
+ }
+ }
+ // process single columns
+ if ( targets && /,/.test( val ) ) {
+ singles = val.split( /\s*,\s*/ );
+ len = singles.length;
+ for ( i = 0; i < len; i++ ) {
+ if ( singles[ i ] !== '' ) {
+ indx = parseInt( singles[ i ], 10 );
+ if ( indx < c.columns ) {
+ columns.push( indx );
+ }
+ }
+ }
+ }
+ // return all columns
+ if ( !columns.length ) {
+ for ( indx = 0; indx < c.columns; indx++ ) {
+ columns.push( indx );
+ }
+ }
+ return columns;
+ },
+ processTypes: function( c, data, vars ) {
+ var ffxn,
+ filterMatched = null,
+ matches = null;
+ for ( ffxn in ts.filter.types ) {
+ if ( $.inArray( ffxn, vars.excludeMatch ) < 0 && matches === null ) {
+ matches = ts.filter.types[ffxn]( c, data, vars );
+ if ( matches !== null ) {
+ filterMatched = matches;
+ }
+ }
+ }
+ return filterMatched;
+ },
+ processRow: function( c, data, vars ) {
+ var columnIndex, hasSelect, result, val, filterMatched,
+ fxn, ffxn, txt,
+ regex = ts.filter.regex,
+ wo = c.widgetOptions,
+ showRow = true;
+ data.$cells = data.$row.children();
+
+ if ( data.anyMatchFlag ) {
+ // look for multiple columns '1-3,4-6,8'
+ columnIndex = ts.filter.multipleColumns( c, wo.filter_$anyMatch );
+ data.anyMatch = true;
+ data.isMatch = true;
+ data.rowArray = data.$cells.map( function( i ) {
+ if ( $.inArray( i, columnIndex ) > -1 ) {
+ if ( data.parsed[ i ] ) {
+ txt = data.cacheArray[ i ];
+ } else {
+ txt = data.rawArray[ i ];
+ txt = $.trim( wo.filter_ignoreCase ? txt.toLowerCase() : txt );
+ if ( c.sortLocaleCompare ) {
+ txt = ts.replaceAccents( txt );
+ }
+ }
+ return txt;
+ }
+ }).get();
+ data.filter = data.anyMatchFilter;
+ data.iFilter = data.iAnyMatchFilter;
+ data.exact = data.rowArray.join( ' ' );
+ data.iExact = wo.filter_ignoreCase ? data.exact.toLowerCase() : data.exact;
+ data.cache = data.cacheArray.slice( 0, -1 ).join( ' ' );
+
+ vars.excludeMatch = vars.noAnyMatch;
+ filterMatched = ts.filter.processTypes( c, data, vars );
+
+ if ( filterMatched !== null ) {
+ showRow = filterMatched;
+ } else {
+ if ( wo.filter_startsWith ) {
+ showRow = false;
+ columnIndex = c.columns;
+ while ( !showRow && columnIndex > 0 ) {
+ columnIndex--;
+ showRow = showRow || data.rowArray[ columnIndex ].indexOf( data.iFilter ) === 0;
+ }
+ } else {
+ showRow = ( data.iExact + data.childRowText ).indexOf( data.iFilter ) >= 0;
+ }
+ }
+ data.anyMatch = false;
+ // no other filters to process
+ if ( data.filters.join( '' ) === data.filter ) {
+ return showRow;
+ }
+ }
+
+ for ( columnIndex = 0; columnIndex < c.columns; columnIndex++ ) {
+ data.filter = data.filters[ columnIndex ];
+ data.index = columnIndex;
+
+ // filter types to exclude, per column
+ vars.excludeMatch = vars.excludeFilter[ columnIndex ];
+
+ // ignore if filter is empty or disabled
+ if ( data.filter ) {
+ data.cache = data.cacheArray[ columnIndex ];
+ // check if column data should be from the cell or from parsed data
+ if ( wo.filter_useParsedData || data.parsed[ columnIndex ] ) {
+ data.exact = data.cache;
+ } else {
+ result = data.rawArray[ columnIndex ] || '';
+ data.exact = c.sortLocaleCompare ? ts.replaceAccents( result ) : result; // issue #405
+ }
+ data.iExact = !regex.type.test( typeof data.exact ) && wo.filter_ignoreCase ?
+ data.exact.toLowerCase() : data.exact;
+
+ data.isMatch = c.$headerIndexed[ data.index ].hasClass( 'filter-match' );
+
+ result = showRow; // if showRow is true, show that row
+
+ // in case select filter option has a different value vs text 'a - z|A through Z'
+ ffxn = wo.filter_columnFilters ?
+ c.$filters.add( c.$externalFilters )
+ .filter( '[data-column="' + columnIndex + '"]' )
+ .find( 'select option:selected' )
+ .attr( 'data-function-name' ) || '' : '';
+ // replace accents - see #357
+ if ( c.sortLocaleCompare ) {
+ data.filter = ts.replaceAccents( data.filter );
+ }
+
+ val = true;
+ if ( wo.filter_defaultFilter && regex.iQuery.test( vars.defaultColFilter[ columnIndex ] ) ) {
+ data.filter = ts.filter.defaultFilter( data.filter, vars.defaultColFilter[ columnIndex ] );
+ // val is used to indicate that a filter select is using a default filter;
+ // so we override the exact & partial matches
+ val = false;
+ }
+ // data.iFilter = case insensitive ( if wo.filter_ignoreCase is true ),
+ // data.filter = case sensitive
+ data.iFilter = wo.filter_ignoreCase ? ( data.filter || '' ).toLowerCase() : data.filter;
+ fxn = vars.functions[ columnIndex ];
+ hasSelect = c.$headerIndexed[ columnIndex ].hasClass( 'filter-select' );
+ filterMatched = null;
+ if ( fxn || ( hasSelect && val ) ) {
+ if ( fxn === true || hasSelect ) {
+ // default selector uses exact match unless 'filter-match' class is found
+ filterMatched = data.isMatch ?
+ data.iExact.search( data.iFilter ) >= 0 :
+ data.filter === data.exact;
+ } else if ( typeof fxn === 'function' ) {
+ // filter callback( exact cell content, parser normalized content,
+ // filter input value, column index, jQuery row object )
+ filterMatched = fxn( data.exact, data.cache, data.filter, columnIndex, data.$row, c, data );
+ } else if ( typeof fxn[ ffxn || data.filter ] === 'function' ) {
+ // selector option function
+ txt = ffxn || data.filter;
+ filterMatched =
+ fxn[ txt ]( data.exact, data.cache, data.filter, columnIndex, data.$row, c, data );
+ }
+ }
+ if ( filterMatched === null ) {
+ // cycle through the different filters
+ // filters return a boolean or null if nothing matches
+ filterMatched = ts.filter.processTypes( c, data, vars );
+ if ( filterMatched !== null ) {
+ result = filterMatched;
+ // Look for match, and add child row data for matching
+ } else {
+ txt = ( data.iExact + data.childRowText )
+ .indexOf( ts.filter.parseFilter( c, data.iFilter, columnIndex, data.parsed[ columnIndex ] ) );
+ result = ( ( !wo.filter_startsWith && txt >= 0 ) || ( wo.filter_startsWith && txt === 0 ) );
+ }
+ } else {
+ result = filterMatched;
+ }
+ showRow = ( result ) ? showRow : false;
+ }
+ }
+ return showRow;
+ },
+ findRows: function( table, filters, combinedFilters ) {
+ if ( table.config.lastCombinedFilter === combinedFilters ||
+ !table.config.widgetOptions.filter_initialized ) {
+ return;
+ }
+ var len, norm_rows, rowData, $rows, rowIndex, tbodyIndex, $tbody, columnIndex,
+ isChild, childRow, lastSearch, showRow, time, val, indx,
+ notFiltered, searchFiltered, query, injected, res, id, txt,
+ storedFilters = $.extend( [], filters ),
+ regex = ts.filter.regex,
+ c = table.config,
+ wo = c.widgetOptions,
+ // data object passed to filters; anyMatch is a flag for the filters
+ data = {
+ anyMatch: false,
+ filters: filters,
+ // regex filter type cache
+ filter_regexCache : []
+ },
+ vars = {
+ // anyMatch really screws up with these types of filters
+ noAnyMatch: [ 'range', 'notMatch', 'operators' ],
+ // cache filter variables that use ts.getColumnData in the main loop
+ functions : [],
+ excludeFilter : [],
+ defaultColFilter : [],
+ defaultAnyFilter : ts.getColumnData( table, wo.filter_defaultFilter, c.columns, true ) || ''
+ };
+
+ // parse columns after formatter, in case the class is added at that point
+ data.parsed = c.$headers.map( function( columnIndex ) {
+ return c.parsers && c.parsers[ columnIndex ] &&
+ // force parsing if parser type is numeric
+ c.parsers[ columnIndex ].parsed ||
+ // getData won't return 'parsed' if other 'filter-' class names exist
+ // ( e.g. | )
+ ts.getData && ts.getData( c.$headerIndexed[ columnIndex ],
+ ts.getColumnData( table, c.headers, columnIndex ), 'filter' ) === 'parsed' ||
+ $( this ).hasClass( 'filter-parsed' );
+ }).get();
+
+ for ( columnIndex = 0; columnIndex < c.columns; columnIndex++ ) {
+ vars.functions[ columnIndex ] =
+ ts.getColumnData( table, wo.filter_functions, columnIndex );
+ vars.defaultColFilter[ columnIndex ] =
+ ts.getColumnData( table, wo.filter_defaultFilter, columnIndex ) || '';
+ vars.excludeFilter[ columnIndex ] =
+ ( ts.getColumnData( table, wo.filter_excludeFilter, columnIndex, true ) || '' ).split( /\s+/ );
+ }
+
+ if ( c.debug ) {
+ ts.log( 'Filter: Starting filter widget search', filters );
+ time = new Date();
+ }
+ // filtered rows count
+ c.filteredRows = 0;
+ c.totalRows = 0;
+ // combindedFilters are undefined on init
+ combinedFilters = ( storedFilters || [] ).join( '' );
+
+ for ( tbodyIndex = 0; tbodyIndex < c.$tbodies.length; tbodyIndex++ ) {
+ $tbody = ts.processTbody( table, c.$tbodies.eq( tbodyIndex ), true );
+ // skip child rows & widget added ( removable ) rows - fixes #448 thanks to @hempel!
+ // $rows = $tbody.children( 'tr' ).not( c.selectorRemove );
+ columnIndex = c.columns;
+ // convert stored rows into a jQuery object
+ norm_rows = c.cache[ tbodyIndex ].normalized;
+ $rows = $( $.map( norm_rows, function( el ) {
+ return el[ columnIndex ].$row.get();
+ }) );
+
+ if ( combinedFilters === '' || wo.filter_serversideFiltering ) {
+ $rows
+ .removeClass( wo.filter_filteredRow )
+ .not( '.' + c.cssChildRow )
+ .css( 'display', '' );
+ } else {
+ // filter out child rows
+ $rows = $rows.not( '.' + c.cssChildRow );
+ len = $rows.length;
+
+ if ( ( wo.filter_$anyMatch && wo.filter_$anyMatch.length ) ||
+ typeof filters[c.columns] !== 'undefined' ) {
+ data.anyMatchFlag = true;
+ data.anyMatchFilter = '' + (
+ filters[ c.columns ] ||
+ wo.filter_$anyMatch && ts.filter.getLatestSearch( wo.filter_$anyMatch ).val() ||
+ ''
+ );
+ if ( wo.filter_columnAnyMatch ) {
+ // specific columns search
+ query = data.anyMatchFilter.split( regex.andSplit );
+ injected = false;
+ for ( indx = 0; indx < query.length; indx++ ) {
+ res = query[ indx ].split( ':' );
+ if ( res.length > 1 ) {
+ // make the column a one-based index ( non-developers start counting from one :P )
+ id = parseInt( res[0], 10 ) - 1;
+ if ( id >= 0 && id < c.columns ) { // if id is an integer
+ filters[ id ] = res[1];
+ query.splice( indx, 1 );
+ indx--;
+ injected = true;
+ }
+ }
+ }
+ if ( injected ) {
+ data.anyMatchFilter = query.join( ' && ' );
+ }
+ }
+ }
+
+ // optimize searching only through already filtered rows - see #313
+ searchFiltered = wo.filter_searchFiltered;
+ lastSearch = c.lastSearch || c.$table.data( 'lastSearch' ) || [];
+ if ( searchFiltered ) {
+ // cycle through all filters; include last ( columnIndex + 1 = match any column ). Fixes #669
+ for ( indx = 0; indx < columnIndex + 1; indx++ ) {
+ val = filters[indx] || '';
+ // break out of loop if we've already determined not to search filtered rows
+ if ( !searchFiltered ) { indx = columnIndex; }
+ // search already filtered rows if...
+ searchFiltered = searchFiltered && lastSearch.length &&
+ // there are no changes from beginning of filter
+ val.indexOf( lastSearch[indx] || '' ) === 0 &&
+ // if there is NOT a logical 'or', or range ( 'to' or '-' ) in the string
+ !regex.alreadyFiltered.test( val ) &&
+ // if we are not doing exact matches, using '|' ( logical or ) or not '!'
+ !/[=\"\|!]/.test( val ) &&
+ // don't search only filtered if the value is negative
+ // ( '> -10' => '> -100' will ignore hidden rows )
+ !( /(>=?\s*-\d)/.test( val ) || /(<=?\s*\d)/.test( val ) ) &&
+ // if filtering using a select without a 'filter-match' class ( exact match ) - fixes #593
+ !( val !== '' && c.$filters && c.$filters.eq( indx ).find( 'select' ).length &&
+ !c.$headerIndexed[indx].hasClass( 'filter-match' ) );
+ }
+ }
+ notFiltered = $rows.not( '.' + wo.filter_filteredRow ).length;
+ // can't search when all rows are hidden - this happens when looking for exact matches
+ if ( searchFiltered && notFiltered === 0 ) { searchFiltered = false; }
+ if ( c.debug ) {
+ ts.log( 'Filter: Searching through ' +
+ ( searchFiltered && notFiltered < len ? notFiltered : 'all' ) + ' rows' );
+ }
+ if ( data.anyMatchFlag ) {
+ if ( c.sortLocaleCompare ) {
+ // replace accents
+ data.anyMatchFilter = ts.replaceAccents( data.anyMatchFilter );
+ }
+ if ( wo.filter_defaultFilter && regex.iQuery.test( vars.defaultAnyFilter ) ) {
+ data.anyMatchFilter = ts.filter.defaultFilter( data.anyMatchFilter, vars.defaultAnyFilter );
+ // clear search filtered flag because default filters are not saved to the last search
+ searchFiltered = false;
+ }
+ // make iAnyMatchFilter lowercase unless both filter widget & core ignoreCase options are true
+ // when c.ignoreCase is true, the cache contains all lower case data
+ data.iAnyMatchFilter = !( wo.filter_ignoreCase && c.ignoreCase ) ?
+ data.anyMatchFilter :
+ data.anyMatchFilter.toLowerCase();
+ }
+
+ // loop through the rows
+ for ( rowIndex = 0; rowIndex < len; rowIndex++ ) {
+
+ txt = $rows[ rowIndex ].className;
+ // the first row can never be a child row
+ isChild = rowIndex && regex.child.test( txt );
+ // skip child rows & already filtered rows
+ if ( isChild || ( searchFiltered && regex.filtered.test( txt ) ) ) {
+ continue;
+ }
+
+ data.$row = $rows.eq( rowIndex );
+ data.cacheArray = norm_rows[ rowIndex ];
+ rowData = data.cacheArray[ c.columns ];
+ data.rawArray = rowData.raw;
+ data.childRowText = '';
+
+ if ( !wo.filter_childByColumn ) {
+ txt = '';
+ // child row cached text
+ childRow = rowData.child;
+ // so, if 'table.config.widgetOptions.filter_childRows' is true and there is
+ // a match anywhere in the child row, then it will make the row visible
+ // checked here so the option can be changed dynamically
+ for ( indx = 0; indx < childRow.length; indx++ ) {
+ txt += ' ' + childRow[indx].join( '' ) || '';
+ }
+ data.childRowText = wo.filter_childRows ?
+ ( wo.filter_ignoreCase ? txt.toLowerCase() : txt ) :
+ '';
+ }
+
+ showRow = ts.filter.processRow( c, data, vars );
+ childRow = rowData.$row.filter( ':gt( 0 )' );
+
+ if ( wo.filter_childRows && childRow.length ) {
+ if ( wo.filter_childByColumn ) {
+ // cycle through each child row
+ for ( indx = 0; indx < childRow.length; indx++ ) {
+ data.$row = childRow.eq( indx );
+ data.cacheArray = rowData.child[ indx ];
+ data.rawArray = data.cacheArray;
+ // use OR comparison on child rows
+ showRow = showRow || ts.filter.processRow( c, data, vars );
+ }
+ }
+ childRow.toggleClass( wo.filter_filteredRow, !showRow );
+ }
+
+ rowData.$row
+ .toggleClass( wo.filter_filteredRow, !showRow )[0]
+ .display = showRow ? '' : 'none';
+ }
+ }
+ c.filteredRows += $rows.not( '.' + wo.filter_filteredRow ).length;
+ c.totalRows += $rows.length;
+ ts.processTbody( table, $tbody, false );
+ }
+ c.lastCombinedFilter = combinedFilters; // save last search
+ // don't save 'filters' directly since it may have altered ( AnyMatch column searches )
+ c.lastSearch = storedFilters;
+ c.$table.data( 'lastSearch', storedFilters );
+ if ( wo.filter_saveFilters && ts.storage ) {
+ ts.storage( table, 'tablesorter-filters', storedFilters );
+ }
+ if ( c.debug ) {
+ ts.benchmark( 'Completed filter widget search', time );
+ }
+ if ( wo.filter_initialized ) {
+ c.$table.trigger( 'filterEnd', c );
+ }
+ setTimeout( function() {
+ c.$table.trigger( 'applyWidgets' ); // make sure zebra widget is applied
+ }, 0 );
+ },
+ getOptionSource: function( table, column, onlyAvail ) {
+ table = $( table )[0];
+ var cts, txt, indx, len,
+ c = table.config,
+ wo = c.widgetOptions,
+ parsed = [],
+ arry = false,
+ source = wo.filter_selectSource,
+ last = c.$table.data( 'lastSearch' ) || [],
+ fxn = $.isFunction( source ) ? true : ts.getColumnData( table, source, column );
+
+ if ( onlyAvail && last[column] !== '' ) {
+ onlyAvail = false;
+ }
+
+ // filter select source option
+ if ( fxn === true ) {
+ // OVERALL source
+ arry = source( table, column, onlyAvail );
+ } else if ( fxn instanceof $ || ( $.type( fxn ) === 'string' && fxn.indexOf( '' ) >= 0 ) ) {
+ // selectSource is a jQuery object or string of options
+ return fxn;
+ } else if ( $.isArray( fxn ) ) {
+ arry = fxn;
+ } else if ( $.type( source ) === 'object' && fxn ) {
+ // custom select source function for a SPECIFIC COLUMN
+ arry = fxn( table, column, onlyAvail );
+ }
+ if ( arry === false ) {
+ // fall back to original method
+ arry = ts.filter.getOptions( table, column, onlyAvail );
+ }
+
+ // get unique elements and sort the list
+ // if $.tablesorter.sortText exists ( not in the original tablesorter ),
+ // then natural sort the list otherwise use a basic sort
+ arry = $.grep( arry, function( value, indx ) {
+ return $.inArray( value, arry ) === indx;
+ });
+
+ if ( c.$headerIndexed[ column ].hasClass( 'filter-select-nosort' ) ) {
+ // unsorted select options
+ return arry;
+ } else {
+ len = arry.length;
+ // parse select option values
+ for ( indx = 0; indx < len; indx++ ) {
+ txt = arry[ indx ];
+ // parse array data using set column parser; this DOES NOT pass the original
+ // table cell to the parser format function
+ parsed.push({
+ t : txt,
+ // check parser length - fixes #934
+ p : c.parsers && c.parsers.length && c.parsers[ column ].format( txt, table, [], column ) || txt
+ });
+ }
+
+ // sort parsed select options
+ cts = c.textSorter || '';
+ parsed.sort( function( a, b ) {
+ // sortNatural breaks if you don't pass it strings
+ var x = a.p.toString(),
+ y = b.p.toString();
+ if ( $.isFunction( cts ) ) {
+ // custom OVERALL text sorter
+ return cts( x, y, true, column, table );
+ } else if ( typeof cts === 'object' && cts.hasOwnProperty( column ) ) {
+ // custom text sorter for a SPECIFIC COLUMN
+ return cts[column]( x, y, true, column, table );
+ } else if ( ts.sortNatural ) {
+ // fall back to natural sort
+ return ts.sortNatural( x, y );
+ }
+ // using an older version! do a basic sort
+ return true;
+ });
+ // rebuild arry from sorted parsed data
+ arry = [];
+ len = parsed.length;
+ for ( indx = 0; indx < len; indx++ ) {
+ arry.push( parsed[indx].t );
+ }
+ return arry;
+ }
+ },
+ getOptions: function( table, column, onlyAvail ) {
+ table = $( table )[0];
+ var rowIndex, tbodyIndex, len, row, cache,
+ c = table.config,
+ wo = c.widgetOptions,
+ arry = [];
+ for ( tbodyIndex = 0; tbodyIndex < c.$tbodies.length; tbodyIndex++ ) {
+ cache = c.cache[tbodyIndex];
+ len = c.cache[tbodyIndex].normalized.length;
+ // loop through the rows
+ for ( rowIndex = 0; rowIndex < len; rowIndex++ ) {
+ // get cached row from cache.row ( old ) or row data object
+ // ( new; last item in normalized array )
+ row = cache.row ?
+ cache.row[ rowIndex ] :
+ cache.normalized[ rowIndex ][ c.columns ].$row[0];
+ // check if has class filtered
+ if ( onlyAvail && row.className.match( wo.filter_filteredRow ) ) {
+ continue;
+ }
+ // get non-normalized cell content
+ if ( wo.filter_useParsedData ||
+ c.parsers[column].parsed ||
+ c.$headerIndexed[column].hasClass( 'filter-parsed' ) ) {
+ arry.push( '' + cache.normalized[ rowIndex ][ column ] );
+ } else {
+ // get raw cached data instead of content directly from the cells
+ arry.push( cache.normalized[ rowIndex ][ c.columns ].raw[ column ] );
+ }
+ }
}
return arry;
- }
- },
- getOptions: function( table, column, onlyAvail ) {
- table = $( table )[0];
- var rowIndex, tbodyIndex, len, row, cache,
- c = table.config,
- wo = c.widgetOptions,
- arry = [];
- for ( tbodyIndex = 0; tbodyIndex < c.$tbodies.length; tbodyIndex++ ) {
- cache = c.cache[tbodyIndex];
- len = c.cache[tbodyIndex].normalized.length;
- // loop through the rows
- for ( rowIndex = 0; rowIndex < len; rowIndex++ ) {
- // get cached row from cache.row ( old ) or row data object
- // ( new; last item in normalized array )
- row = cache.row ?
- cache.row[ rowIndex ] :
- cache.normalized[ rowIndex ][ c.columns ].$row[0];
- // check if has class filtered
- if ( onlyAvail && row.className.match( wo.filter_filteredRow ) ) {
- continue;
+ },
+ buildSelect: function( table, column, arry, updating, onlyAvail ) {
+ table = $( table )[0];
+ column = parseInt( column, 10 );
+ if ( !table.config.cache || $.isEmptyObject( table.config.cache ) ) {
+ return;
+ }
+ var indx, val, txt, t, $filters, $filter,
+ c = table.config,
+ wo = c.widgetOptions,
+ node = c.$headerIndexed[ column ],
+ // t.data( 'placeholder' ) won't work in jQuery older than 1.4.3
+ options = '',
+ // Get curent filter value
+ currentValue = c.$table
+ .find( 'thead' )
+ .find( 'select.' + tscss.filter + '[data-column="' + column + '"]' )
+ .val();
+ // nothing included in arry ( external source ), so get the options from
+ // filter_selectSource or column data
+ if ( typeof arry === 'undefined' || arry === '' ) {
+ arry = ts.filter.getOptionSource( table, column, onlyAvail );
+ }
+
+ if ( $.isArray( arry ) ) {
+ // build option list
+ for ( indx = 0; indx < arry.length; indx++ ) {
+ txt = arry[indx] = ( '' + arry[indx] ).replace( /\"/g, '"' );
+ val = txt;
+ // allow including a symbol in the selectSource array
+ // 'a-z|A through Z' so that 'a-z' becomes the option value
+ // and 'A through Z' becomes the option text
+ if ( txt.indexOf( wo.filter_selectSourceSeparator ) >= 0 ) {
+ t = txt.split( wo.filter_selectSourceSeparator );
+ val = t[0];
+ txt = t[1];
+ }
+ // replace quotes - fixes #242 & ignore empty strings
+ // see http://stackoverflow.com/q/14990971/145346
+ options += arry[indx] !== '' ?
+ '' : '';
}
- // get non-normalized cell content
- if ( wo.filter_useParsedData ||
- c.parsers[column].parsed ||
- c.$headerIndexed[column].hasClass( 'filter-parsed' ) ) {
- arry.push( '' + cache.normalized[ rowIndex ][ column ] );
- } else {
- // get raw cached data instead of content directly from the cells
- arry.push( cache.normalized[ rowIndex ][ c.columns ].raw[ column ] );
+ // clear arry so it doesn't get appended twice
+ arry = [];
+ }
+
+ // update all selects in the same column ( clone thead in sticky headers &
+ // any external selects ) - fixes 473
+ $filters = ( c.$filters ? c.$filters : c.$table.children( 'thead' ) )
+ .find( '.' + tscss.filter );
+ if ( wo.filter_$externalFilters ) {
+ $filters = $filters && $filters.length ?
+ $filters.add( wo.filter_$externalFilters ) :
+ wo.filter_$externalFilters;
+ }
+ $filter = $filters.filter( 'select[data-column="' + column + '"]' );
+
+ // make sure there is a select there!
+ if ( $filter.length ) {
+ $filter[ updating ? 'html' : 'append' ]( options );
+ if ( !$.isArray( arry ) ) {
+ // append options if arry is provided externally as a string or jQuery object
+ // options ( default value ) was already added
+ $filter.append( arry ).val( currentValue );
+ }
+ $filter.val( currentValue );
+ }
+ },
+ buildDefault: function( table, updating ) {
+ var columnIndex, $header, noSelect,
+ c = table.config,
+ wo = c.widgetOptions,
+ columns = c.columns;
+ // build default select dropdown
+ for ( columnIndex = 0; columnIndex < columns; columnIndex++ ) {
+ $header = c.$headerIndexed[columnIndex];
+ noSelect = !( $header.hasClass( 'filter-false' ) || $header.hasClass( 'parser-false' ) );
+ // look for the filter-select class; build/update it if found
+ if ( ( $header.hasClass( 'filter-select' ) ||
+ ts.getColumnData( table, wo.filter_functions, columnIndex ) === true ) && noSelect ) {
+ ts.filter.buildSelect( table, columnIndex, '', updating, $header.hasClass( wo.filter_onlyAvail ) );
}
}
}
- return arry;
- },
- buildSelect: function( table, column, arry, updating, onlyAvail ) {
- table = $( table )[0];
- column = parseInt( column, 10 );
- if ( !table.config.cache || $.isEmptyObject( table.config.cache ) ) {
- return;
- }
- var indx, val, txt, t, $filters, $filter,
- c = table.config,
- wo = c.widgetOptions,
- node = c.$headerIndexed[ column ],
- // t.data( 'placeholder' ) won't work in jQuery older than 1.4.3
- options = '',
- // Get curent filter value
- currentValue = c.$table
- .find( 'thead' )
- .find( 'select.' + tscss.filter + '[data-column="' + column + '"]' )
- .val();
- // nothing included in arry ( external source ), so get the options from
- // filter_selectSource or column data
- if ( typeof arry === 'undefined' || arry === '' ) {
- arry = ts.filter.getOptionSource( table, column, onlyAvail );
- }
+ };
- if ( $.isArray( arry ) ) {
- // build option list
- for ( indx = 0; indx < arry.length; indx++ ) {
- txt = arry[indx] = ( '' + arry[indx] ).replace( /\"/g, '"' );
- val = txt;
- // allow including a symbol in the selectSource array
- // 'a-z|A through Z' so that 'a-z' becomes the option value
- // and 'A through Z' becomes the option text
- if ( txt.indexOf( wo.filter_selectSourceSeparator ) >= 0 ) {
- t = txt.split( wo.filter_selectSourceSeparator );
- val = t[0];
- txt = t[1];
- }
- // replace quotes - fixes #242 & ignore empty strings
- // see http://stackoverflow.com/q/14990971/145346
- options += arry[indx] !== '' ?
- '' : '';
+ ts.getFilters = function( table, getRaw, setFilters, skipFirst ) {
+ var i, $filters, $column, cols,
+ filters = false,
+ c = table ? $( table )[0].config : '',
+ wo = c ? c.widgetOptions : '';
+ if ( ( getRaw !== true && wo && !wo.filter_columnFilters ) ||
+ // setFilters called, but last search is exactly the same as the current
+ // fixes issue #733 & #903 where calling update causes the input values to reset
+ ( $.isArray(setFilters) && setFilters.join('') === c.lastCombinedFilter ) ) {
+ return $( table ).data( 'lastSearch' );
+ }
+ if ( c ) {
+ if ( c.$filters ) {
+ $filters = c.$filters.find( '.' + tscss.filter );
}
- // clear arry so it doesn't get appended twice
- arry = [];
- }
-
- // update all selects in the same column ( clone thead in sticky headers &
- // any external selects ) - fixes 473
- $filters = ( c.$filters ? c.$filters : c.$table.children( 'thead' ) )
- .find( '.' + tscss.filter );
- if ( wo.filter_$externalFilters ) {
- $filters = $filters && $filters.length ?
- $filters.add( wo.filter_$externalFilters ) :
- wo.filter_$externalFilters;
- }
- $filter = $filters.filter( 'select[data-column="' + column + '"]' );
-
- // make sure there is a select there!
- if ( $filter.length ) {
- $filter[ updating ? 'html' : 'append' ]( options );
- if ( !$.isArray( arry ) ) {
- // append options if arry is provided externally as a string or jQuery object
- // options ( default value ) was already added
- $filter.append( arry ).val( currentValue );
+ if ( wo.filter_$externalFilters ) {
+ $filters = $filters && $filters.length ?
+ $filters.add( wo.filter_$externalFilters ) :
+ wo.filter_$externalFilters;
}
- $filter.val( currentValue );
- }
- },
- buildDefault: function( table, updating ) {
- var columnIndex, $header, noSelect,
- c = table.config,
- wo = c.widgetOptions,
- columns = c.columns;
- // build default select dropdown
- for ( columnIndex = 0; columnIndex < columns; columnIndex++ ) {
- $header = c.$headerIndexed[columnIndex];
- noSelect = !( $header.hasClass( 'filter-false' ) || $header.hasClass( 'parser-false' ) );
- // look for the filter-select class; build/update it if found
- if ( ( $header.hasClass( 'filter-select' ) ||
- ts.getColumnData( table, wo.filter_functions, columnIndex ) === true ) && noSelect ) {
- ts.filter.buildSelect( table, columnIndex, '', updating, $header.hasClass( wo.filter_onlyAvail ) );
- }
- }
- }
-};
-
-ts.getFilters = function( table, getRaw, setFilters, skipFirst ) {
- var i, $filters, $column, cols,
- filters = false,
- c = table ? $( table )[0].config : '',
- wo = c ? c.widgetOptions : '';
- if ( ( getRaw !== true && wo && !wo.filter_columnFilters ) ||
- // setFilters called, but last search is exactly the same as the current
- // fixes issue #733 & #903 where calling update causes the input values to reset
- ( $.isArray(setFilters) && setFilters.join('') === c.lastCombinedFilter ) ) {
- return $( table ).data( 'lastSearch' );
- }
- if ( c ) {
- if ( c.$filters ) {
- $filters = c.$filters.find( '.' + tscss.filter );
- }
- if ( wo.filter_$externalFilters ) {
- $filters = $filters && $filters.length ?
- $filters.add( wo.filter_$externalFilters ) :
- wo.filter_$externalFilters;
- }
- if ( $filters && $filters.length ) {
- filters = setFilters || [];
- for ( i = 0; i < c.columns + 1; i++ ) {
- cols = ( i === c.columns ?
- // 'all' columns can now include a range or set of columms ( data-column='0-2,4,6-7' )
- wo.filter_anyColumnSelector + ',' + wo.filter_multipleColumnSelector :
- '[data-column="' + i + '"]' );
- $column = $filters.filter( cols );
- if ( $column.length ) {
- // move the latest search to the first slot in the array
- $column = ts.filter.getLatestSearch( $column );
- if ( $.isArray( setFilters ) ) {
- // skip first ( latest input ) to maintain cursor position while typing
- if ( skipFirst && $column.length > 1 ) {
- $column = $column.slice( 1 );
- }
- if ( i === c.columns ) {
- // prevent data-column='all' from filling data-column='0,1' ( etc )
- cols = $column.filter( wo.filter_anyColumnSelector );
- $column = cols.length ? cols : $column;
- }
- $column
- .val( setFilters[ i ] )
- .trigger( 'change.tsfilter' );
- } else {
- filters[i] = $column.val() || '';
- // don't change the first... it will move the cursor
- if ( i === c.columns ) {
- // don't update range columns from 'all' setting
+ if ( $filters && $filters.length ) {
+ filters = setFilters || [];
+ for ( i = 0; i < c.columns + 1; i++ ) {
+ cols = ( i === c.columns ?
+ // 'all' columns can now include a range or set of columms ( data-column='0-2,4,6-7' )
+ wo.filter_anyColumnSelector + ',' + wo.filter_multipleColumnSelector :
+ '[data-column="' + i + '"]' );
+ $column = $filters.filter( cols );
+ if ( $column.length ) {
+ // move the latest search to the first slot in the array
+ $column = ts.filter.getLatestSearch( $column );
+ if ( $.isArray( setFilters ) ) {
+ // skip first ( latest input ) to maintain cursor position while typing
+ if ( skipFirst && $column.length > 1 ) {
+ $column = $column.slice( 1 );
+ }
+ if ( i === c.columns ) {
+ // prevent data-column='all' from filling data-column='0,1' ( etc )
+ cols = $column.filter( wo.filter_anyColumnSelector );
+ $column = cols.length ? cols : $column;
+ }
$column
- .slice( 1 )
- .filter( '[data-column*="' + $column.attr( 'data-column' ) + '"]' )
- .val( filters[ i ] );
+ .val( setFilters[ i ] )
+ .trigger( 'change.tsfilter' );
} else {
- $column
- .slice( 1 )
- .val( filters[ i ] );
+ filters[i] = $column.val() || '';
+ // don't change the first... it will move the cursor
+ if ( i === c.columns ) {
+ // don't update range columns from 'all' setting
+ $column
+ .slice( 1 )
+ .filter( '[data-column*="' + $column.attr( 'data-column' ) + '"]' )
+ .val( filters[ i ] );
+ } else {
+ $column
+ .slice( 1 )
+ .val( filters[ i ] );
+ }
+ }
+ // save any match input dynamically
+ if ( i === c.columns && $column.length ) {
+ wo.filter_$anyMatch = $column;
}
- }
- // save any match input dynamically
- if ( i === c.columns && $column.length ) {
- wo.filter_$anyMatch = $column;
}
}
}
}
- }
- if ( filters.length === 0 ) {
- filters = false;
- }
- return filters;
-};
+ if ( filters.length === 0 ) {
+ filters = false;
+ }
+ return filters;
+ };
-ts.setFilters = function( table, filter, apply, skipFirst ) {
- var c = table ? $( table )[0].config : '',
- valid = ts.getFilters( table, true, filter, skipFirst );
- if ( c && apply ) {
- // ensure new set filters are applied, even if the search is the same
- c.lastCombinedFilter = null;
- c.lastSearch = [];
- ts.filter.searching( c.table, filter, skipFirst );
- c.$table.trigger( 'filterFomatterUpdate' );
- }
- return !!valid;
-};
+ ts.setFilters = function( table, filter, apply, skipFirst ) {
+ var c = table ? $( table )[0].config : '',
+ valid = ts.getFilters( table, true, filter, skipFirst );
+ if ( c && apply ) {
+ // ensure new set filters are applied, even if the search is the same
+ c.lastCombinedFilter = null;
+ c.lastSearch = [];
+ ts.filter.searching( c.table, filter, skipFirst );
+ c.$table.trigger( 'filterFomatterUpdate' );
+ }
+ return !!valid;
+ };
})( jQuery );
diff --git a/js/widgets/widget-formatter.js b/js/widgets/widget-formatter.js
index 61e1a03d..c3608a50 100644
--- a/js/widgets/widget-formatter.js
+++ b/js/widgets/widget-formatter.js
@@ -5,7 +5,7 @@
/*jshint browser:true, jquery:true, unused:false */
/*global jQuery: false */
;(function($){
-'use strict';
+ 'use strict';
var ts = $.tablesorter;
ts.formatter = {
diff --git a/js/widgets/widget-grouping.js b/js/widgets/widget-grouping.js
index 178d8cc1..d0133dac 100644
--- a/js/widgets/widget-grouping.js
+++ b/js/widgets/widget-grouping.js
@@ -5,246 +5,246 @@
/*jshint browser:true, jquery:true, unused:false */
/*global jQuery: false */
;(function($){
-"use strict";
-var ts = $.tablesorter;
+ 'use strict';
+ var ts = $.tablesorter;
-ts.grouping = {
+ ts.grouping = {
- types : {
- number : function(c, $column, txt, num, group){
- var value, word;
- if (num > 1 && txt !== '') {
- if ($column.hasClass(ts.css.sortAsc)) {
- value = Math.floor(parseFloat(txt)/num) * num;
- return value > parseFloat(group || 0) ? value : parseFloat(group || 0);
+ types : {
+ number : function(c, $column, txt, num, group){
+ var value, word;
+ if (num > 1 && txt !== '') {
+ if ($column.hasClass(ts.css.sortAsc)) {
+ value = Math.floor(parseFloat(txt) / num) * num;
+ return value > parseFloat(group || 0) ? value : parseFloat(group || 0);
+ } else {
+ value = Math.ceil(parseFloat(txt) / num) * num;
+ return value < parseFloat(group || num) - value ? parseFloat(group || num) - value : value;
+ }
} else {
- value = Math.ceil(parseFloat(txt)/num) * num;
- return value < parseFloat(group || num) - value ? parseFloat(group || num) - value : value;
+ word = (txt + '').match(/\d+/g);
+ return word && word.length >= num ? word[num - 1] : txt || '';
}
- } else {
- word = (txt + '').match(/\d+/g);
+ },
+ separator : function(c, $column, txt, num){
+ var word = (txt + '').split(c.widgetOptions.group_separator);
+ return $.trim(word && num > 0 && word.length >= num ? word[(num || 1) - 1] : '');
+ },
+ word : function(c, $column, txt, num){
+ var word = (txt + ' ').match(/\w+/g);
return word && word.length >= num ? word[num - 1] : txt || '';
+ },
+ letter : function(c, $column, txt, num){
+ return txt ? (txt + ' ').substring(0, num) : '';
+ },
+ date : function(c, $column, txt, part, group){
+ var wo = c.widgetOptions,
+ time = new Date(txt || ''),
+ hours = time.getHours();
+ return part === 'year' ? time.getFullYear() :
+ part === 'month' ? wo.group_months[time.getMonth()] :
+ part === 'monthyear' ? wo.group_months[time.getMonth()] + ' ' + time.getFullYear() :
+ part === 'day' ? wo.group_months[time.getMonth()] + ' ' + time.getDate() :
+ part === 'week' ? wo.group_week[time.getDay()] :
+ part === 'time' ? ('00' + (hours > 12 ? hours - 12 : hours === 0 ? hours + 12 : hours)).slice(-2) + ':' +
+ ('00' + time.getMinutes()).slice(-2) + ' ' + ('00' + wo.group_time[hours >= 12 ? 1 : 0]).slice(-2) :
+ wo.group_dateString(time);
}
},
- separator : function(c, $column, txt, num){
- var word = (txt + '').split(c.widgetOptions.group_separator);
- return $.trim(word && num > 0 && word.length >= num ? word[(num || 1) - 1] : '');
- },
- word : function(c, $column, txt, num){
- var word = (txt + ' ').match(/\w+/g);
- return word && word.length >= num ? word[num - 1] : txt || '';
- },
- letter : function(c, $column, txt, num){
- return txt ? (txt + ' ').substring(0, num) : '';
- },
- date : function(c, $column, txt, part, group){
- var wo = c.widgetOptions,
- time = new Date(txt || ''),
- hours = time.getHours();
- return part === 'year' ? time.getFullYear() :
- part === 'month' ? wo.group_months[time.getMonth()] :
- part === 'monthyear' ? wo.group_months[time.getMonth()] + ' ' + time.getFullYear() :
- part === 'day' ? wo.group_months[time.getMonth()] + ' ' + time.getDate() :
- part === 'week' ? wo.group_week[time.getDay()] :
- part === 'time' ? ('00' + (hours > 12 ? hours - 12 : hours === 0 ? hours + 12 : hours)).slice(-2) + ':' +
- ('00' + time.getMinutes()).slice(-2) + ' ' + ('00' + wo.group_time[hours >= 12 ? 1 : 0]).slice(-2) :
- wo.group_dateString(time);
- }
- },
- update : function(table, c, wo){
- if ($.isEmptyObject(c.cache)) { return; }
- var rowIndex, tbodyIndex, currentGroup, $rows, groupClass, grouping, norm_rows, saveName, direction,
- lang = wo.grouping_language,
- group = '',
- savedGroup = false,
- column = c.sortList[0] ? c.sortList[0][0] : -1;
- c.$table
- .find('tr.group-hidden').removeClass('group-hidden').end()
- .find('tr.group-header').remove();
- if (wo.group_collapsible) {
- // clear pager saved spacer height (in case the rows are collapsed)
- c.$table.data('pagerSavedHeight', 0);
- }
- if (column >= 0 && !c.$headerIndexed[column].hasClass('group-false')) {
- wo.group_currentGroup = ''; // save current groups
- wo.group_currentGroups = {};
+ update : function(table, c, wo){
+ if ($.isEmptyObject(c.cache)) { return; }
+ var rowIndex, tbodyIndex, currentGroup, $rows, groupClass, grouping, norm_rows, saveName, direction,
+ lang = wo.grouping_language,
+ group = '',
+ savedGroup = false,
+ column = c.sortList[0] ? c.sortList[0][0] : -1;
+ c.$table
+ .find('tr.group-hidden').removeClass('group-hidden').end()
+ .find('tr.group-header').remove();
+ if (wo.group_collapsible) {
+ // clear pager saved spacer height (in case the rows are collapsed)
+ c.$table.data('pagerSavedHeight', 0);
+ }
+ if (column >= 0 && !c.$headerIndexed[column].hasClass('group-false')) {
+ wo.group_currentGroup = ''; // save current groups
+ wo.group_currentGroups = {};
- // group class finds "group-{word/separator/letter/number/date/false}-{optional:#/year/month/day/week/time}"
- groupClass = (c.$headerIndexed[column].attr('class') || '').match(/(group-\w+(-\w+)?)/g);
- // grouping = [ 'group', '{word/separator/letter/number/date/false}', '{#/year/month/day/week/time}' ]
- grouping = groupClass ? groupClass[0].split('-') : ['group','letter',1]; // default to letter 1
+ // group class finds 'group-{word/separator/letter/number/date/false}-{optional:#/year/month/day/week/time}'
+ groupClass = (c.$headerIndexed[column].attr('class') || '').match(/(group-\w+(-\w+)?)/g);
+ // grouping = [ 'group', '{word/separator/letter/number/date/false}', '{#/year/month/day/week/time}' ]
+ grouping = groupClass ? groupClass[0].split('-') : [ 'group', 'letter', 1 ]; // default to letter 1
- // save current grouping
- if (wo.group_collapsible && wo.group_saveGroups && ts.storage) {
- wo.group_currentGroups = ts.storage( table, 'tablesorter-groups' ) || {};
- // include direction when grouping numbers > 1 (reversed direction shows different range values)
- direction = (grouping[1] === 'number' && grouping[2] > 1) ? 'dir' + c.sortList[0][1] : '';
- // combine column, sort direction & grouping as save key
- saveName = wo.group_currentGroup = '' + column + direction + grouping.join('');
- if (!wo.group_currentGroups[saveName]) {
- wo.group_currentGroups[saveName] = [];
- } else {
- savedGroup = true;
+ // save current grouping
+ if (wo.group_collapsible && wo.group_saveGroups && ts.storage) {
+ wo.group_currentGroups = ts.storage( table, 'tablesorter-groups' ) || {};
+ // include direction when grouping numbers > 1 (reversed direction shows different range values)
+ direction = (grouping[1] === 'number' && grouping[2] > 1) ? 'dir' + c.sortList[0][1] : '';
+ // combine column, sort direction & grouping as save key
+ saveName = wo.group_currentGroup = '' + column + direction + grouping.join('');
+ if (!wo.group_currentGroups[saveName]) {
+ wo.group_currentGroups[saveName] = [];
+ } else {
+ savedGroup = true;
+ }
}
- }
- for (tbodyIndex = 0; tbodyIndex < c.$tbodies.length; tbodyIndex++) {
- norm_rows = c.cache[tbodyIndex].normalized;
- group = ''; // clear grouping across tbodies
- $rows = c.$tbodies.eq(tbodyIndex).children('tr').not('.' + c.cssChildRow);
- for (rowIndex = 0; rowIndex < $rows.length; rowIndex++) {
- if ( $rows.eq(rowIndex).is(':visible') ) {
- // fixes #438
- if (ts.grouping.types[grouping[1]]) {
- currentGroup = norm_rows[rowIndex] ?
- ts.grouping.types[grouping[1]]( c, c.$headerIndexed[column], norm_rows[rowIndex][column], /date/.test(groupClass) ?
- grouping[2] : parseInt(grouping[2] || 1, 10) || 1, group, lang ) : currentGroup;
- if (group !== currentGroup) {
- group = currentGroup;
- // show range if number > 1
- if (grouping[1] === 'number' && grouping[2] > 1 && currentGroup !== '') {
- currentGroup += ' - ' + (parseInt(currentGroup, 10) +
- ((parseInt(grouping[2],10) - 1) * (c.$headerIndexed[column].hasClass(ts.css.sortAsc) ? 1 : -1)));
- }
- if ($.isFunction(wo.group_formatter)) {
- currentGroup = wo.group_formatter((currentGroup || '').toString(), column, table, c, wo) || currentGroup;
- }
- $rows.eq(rowIndex).before(' | ');
- if (wo.group_saveGroups && !savedGroup && wo.group_collapsed && wo.group_collapsible) {
- // all groups start collapsed
- wo.group_currentGroups[wo.group_currentGroup].push(currentGroup);
+ for (tbodyIndex = 0; tbodyIndex < c.$tbodies.length; tbodyIndex++) {
+ norm_rows = c.cache[tbodyIndex].normalized;
+ group = ''; // clear grouping across tbodies
+ $rows = c.$tbodies.eq(tbodyIndex).children('tr').not('.' + c.cssChildRow);
+ for (rowIndex = 0; rowIndex < $rows.length; rowIndex++) {
+ if ( $rows.eq(rowIndex).is(':visible') ) {
+ // fixes #438
+ if (ts.grouping.types[grouping[1]]) {
+ currentGroup = norm_rows[rowIndex] ?
+ ts.grouping.types[grouping[1]]( c, c.$headerIndexed[column], norm_rows[rowIndex][column], /date/.test(groupClass) ?
+ grouping[2] : parseInt(grouping[2] || 1, 10) || 1, group, lang ) : currentGroup;
+ if (group !== currentGroup) {
+ group = currentGroup;
+ // show range if number > 1
+ if (grouping[1] === 'number' && grouping[2] > 1 && currentGroup !== '') {
+ currentGroup += ' - ' + (parseInt(currentGroup, 10) +
+ ((parseInt(grouping[2], 10) - 1) * (c.$headerIndexed[column].hasClass(ts.css.sortAsc) ? 1 : -1)));
+ }
+ if ($.isFunction(wo.group_formatter)) {
+ currentGroup = wo.group_formatter((currentGroup || '').toString(), column, table, c, wo) || currentGroup;
+ }
+ $rows.eq(rowIndex).before('');
+ if (wo.group_saveGroups && !savedGroup && wo.group_collapsed && wo.group_collapsible) {
+ // all groups start collapsed
+ wo.group_currentGroups[wo.group_currentGroup].push(currentGroup);
+ }
}
}
}
}
}
+ c.$table.find('tr.group-header')
+ .bind('selectstart', false)
+ .each(function(){
+ var isHidden, $label, name,
+ $row = $(this),
+ $rows = $row.nextUntil('tr.group-header').filter(':visible');
+ if (wo.group_count || $.isFunction(wo.group_callback)) {
+ $label = $row.find('.group-count');
+ if ($label.length) {
+ if (wo.group_count) {
+ $label.html( wo.group_count.replace(/\{num\}/g, $rows.length) );
+ }
+ if ($.isFunction(wo.group_callback)) {
+ wo.group_callback($row.find('td'), $rows, column, table);
+ }
+ }
+ }
+ if (wo.group_saveGroups && wo.group_currentGroups.length && wo.group_currentGroups[wo.group_currentGroup].length) {
+ name = $row.find('.group-name').text().toLowerCase();
+ isHidden = $.inArray( name, wo.group_currentGroups[wo.group_currentGroup] ) > -1;
+ $row.toggleClass('collapsed', isHidden);
+ $rows.toggleClass('group-hidden', isHidden);
+ } else if (wo.group_collapsed && wo.group_collapsible) {
+ $row.addClass('collapsed');
+ $rows.addClass('group-hidden');
+ }
+ });
+ c.$table.trigger(wo.group_complete);
}
- c.$table.find('tr.group-header')
- .bind('selectstart', false)
- .each(function(){
- var isHidden, $label, name,
- $row = $(this),
- $rows = $row.nextUntil('tr.group-header').filter(':visible');
- if (wo.group_count || $.isFunction(wo.group_callback)) {
- $label = $row.find('.group-count');
- if ($label.length) {
- if (wo.group_count) {
- $label.html( wo.group_count.replace(/\{num\}/g, $rows.length) );
- }
- if ($.isFunction(wo.group_callback)) {
- wo.group_callback($row.find('td'), $rows, column, table);
- }
- }
- }
- if (wo.group_saveGroups && wo.group_currentGroups.length && wo.group_currentGroups[wo.group_currentGroup].length) {
- name = $row.find('.group-name').text().toLowerCase();
- isHidden = $.inArray( name, wo.group_currentGroups[wo.group_currentGroup] ) > -1;
- $row.toggleClass('collapsed', isHidden);
- $rows.toggleClass('group-hidden', isHidden);
- } else if (wo.group_collapsed && wo.group_collapsible) {
- $row.addClass('collapsed');
- $rows.addClass('group-hidden');
- }
- });
- c.$table.trigger(wo.group_complete);
- }
- },
+ },
- bindEvents : function(table, c, wo){
- if (wo.group_collapsible) {
- wo.group_currentGroups = [];
- // .on() requires jQuery 1.7+
- c.$table.on('click toggleGroup keyup', 'tr.group-header', function(event){
- event.stopPropagation();
- // pressing enter will toggle the group
- if (event.type === 'keyup' && event.which !== 13) { return; }
- var isCollapsed, $groups, indx,
- $this = $(this),
- name = $this.find('.group-name').text().toLowerCase();
- // use shift-click to toggle ALL groups
- if (event.shiftKey && (event.type === 'click' || event.type ==='keyup')) {
- $this.siblings('.group-header').trigger('toggleGroup');
- }
- $this.toggleClass('collapsed');
- // nextUntil requires jQuery 1.4+
- $this.nextUntil('tr.group-header').toggleClass('group-hidden', $this.hasClass('collapsed') );
- // save collapsed groups
- if (wo.group_saveGroups && ts.storage) {
- $groups = c.$table.find('.group-header');
- isCollapsed = $this.hasClass('collapsed');
- if (!wo.group_currentGroups[wo.group_currentGroup]) {
- wo.group_currentGroups[wo.group_currentGroup] = [];
+ bindEvents : function(table, c, wo){
+ if (wo.group_collapsible) {
+ wo.group_currentGroups = [];
+ // .on() requires jQuery 1.7+
+ c.$table.on('click toggleGroup keyup', 'tr.group-header', function(event){
+ event.stopPropagation();
+ // pressing enter will toggle the group
+ if (event.type === 'keyup' && event.which !== 13) { return; }
+ var isCollapsed, $groups, indx,
+ $this = $(this),
+ name = $this.find('.group-name').text().toLowerCase();
+ // use shift-click to toggle ALL groups
+ if (event.shiftKey && (event.type === 'click' || event.type === 'keyup')) {
+ $this.siblings('.group-header').trigger('toggleGroup');
}
- if (isCollapsed && wo.group_currentGroup) {
- wo.group_currentGroups[wo.group_currentGroup].push( name );
- } else if (wo.group_currentGroup) {
- indx = $.inArray( name, wo.group_currentGroups[wo.group_currentGroup] );
- if (indx > -1) {
- wo.group_currentGroups[wo.group_currentGroup].splice( indx, 1 );
+ $this.toggleClass('collapsed');
+ // nextUntil requires jQuery 1.4+
+ $this.nextUntil('tr.group-header').toggleClass('group-hidden', $this.hasClass('collapsed') );
+ // save collapsed groups
+ if (wo.group_saveGroups && ts.storage) {
+ $groups = c.$table.find('.group-header');
+ isCollapsed = $this.hasClass('collapsed');
+ if (!wo.group_currentGroups[wo.group_currentGroup]) {
+ wo.group_currentGroups[wo.group_currentGroup] = [];
}
+ if (isCollapsed && wo.group_currentGroup) {
+ wo.group_currentGroups[wo.group_currentGroup].push( name );
+ } else if (wo.group_currentGroup) {
+ indx = $.inArray( name, wo.group_currentGroups[wo.group_currentGroup] );
+ if (indx > -1) {
+ wo.group_currentGroups[wo.group_currentGroup].splice( indx, 1 );
+ }
+ }
+ ts.storage( table, 'tablesorter-groups', wo.group_currentGroups );
}
- ts.storage( table, 'tablesorter-groups', wo.group_currentGroups );
- }
+ });
+ }
+ $(wo.group_saveReset).on('click', function(){
+ ts.grouping.clearSavedGroups(table);
});
+ c.$table.on('pagerChange.tsgrouping', function(){
+ ts.grouping.update(table, c, wo);
+ });
+ },
+
+ clearSavedGroups: function(table){
+ if (table && ts.storage) {
+ ts.storage(table, 'tablesorter-groups', '');
+ ts.grouping.update(table, table.config, table.config.widgetOptions);
+ }
}
- $(wo.group_saveReset).on('click', function(){
- ts.grouping.clearSavedGroups(table);
- });
- c.$table.on('pagerChange.tsgrouping', function(){
+
+ };
+
+ ts.addWidget({
+ id: 'group',
+ priority: 100,
+ options: {
+ group_collapsible : true, // make the group header clickable and collapse the rows below it.
+ group_collapsed : false, // start with all groups collapsed
+ group_saveGroups : true, // remember collapsed groups
+ group_saveReset : null, // element to clear saved collapsed groups
+ group_count : ' ({num})', // if not false, the '{num}' string is replaced with the number of rows in the group
+ group_separator : '-', // group name separator; used when group-separator-# class is used.
+ group_formatter : null, // function(txt, column, table, c, wo) { return txt; }
+ group_callback : null, // function($cell, $rows, column, table){}, callback allowing modification of the group header labels
+ group_complete : 'groupingComplete', // event triggered on the table when the grouping widget has finished work
+
+ // checkbox parser text used for checked/unchecked values
+ group_checkbox : [ 'checked', 'unchecked' ],
+ // change these default date names based on your language preferences
+ group_months : [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ],
+ group_week : [ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ],
+ group_time : [ 'AM', 'PM' ],
+ // this function is used when 'group-date' is set to create the date string
+ // you can just return date, date.toLocaleString(), date.toLocaleDateString() or d.toLocaleTimeString()
+ // reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#Conversion_getter
+ group_dateString : function(date) { return date.toLocaleString(); }
+ },
+ init: function(table, thisWidget, c, wo){
+ ts.grouping.bindEvents(table, c, wo);
+ },
+ format: function(table, c, wo) {
ts.grouping.update(table, c, wo);
- });
- },
-
- clearSavedGroups: function(table){
- if (table && ts.storage) {
- ts.storage(table, 'tablesorter-groups', '');
- ts.grouping.update(table, table.config, table.config.widgetOptions);
+ },
+ remove : function(table, c, wo){
+ c.$table
+ .off('click', 'tr.group-header')
+ .off('pagerChange.tsgrouping')
+ .find('.group-hidden').removeClass('group-hidden').end()
+ .find('tr.group-header').remove();
}
- }
-
-};
-
-ts.addWidget({
- id: 'group',
- priority: 100,
- options: {
- group_collapsible : true, // make the group header clickable and collapse the rows below it.
- group_collapsed : false, // start with all groups collapsed
- group_saveGroups : true, // remember collapsed groups
- group_saveReset : null, // element to clear saved collapsed groups
- group_count : ' ({num})', // if not false, the "{num}" string is replaced with the number of rows in the group
- group_separator : '-', // group name separator; used when group-separator-# class is used.
- group_formatter : null, // function(txt, column, table, c, wo) { return txt; }
- group_callback : null, // function($cell, $rows, column, table){}, callback allowing modification of the group header labels
- group_complete : 'groupingComplete', // event triggered on the table when the grouping widget has finished work
-
- // checkbox parser text used for checked/unchecked values
- group_checkbox : [ 'checked', 'unchecked' ],
- // change these default date names based on your language preferences
- group_months : [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ],
- group_week : [ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ],
- group_time : [ 'AM', 'PM' ],
- // this function is used when "group-date" is set to create the date string
- // you can just return date, date.toLocaleString(), date.toLocaleDateString() or d.toLocaleTimeString()
- // reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#Conversion_getter
- group_dateString : function(date) { return date.toLocaleString(); }
- },
- init: function(table, thisWidget, c, wo){
- ts.grouping.bindEvents(table, c, wo);
- },
- format: function(table, c, wo) {
- ts.grouping.update(table, c, wo);
- },
- remove : function(table, c, wo){
- c.$table
- .off('click', 'tr.group-header')
- .off('pagerChange.tsgrouping')
- .find('.group-hidden').removeClass('group-hidden').end()
- .find('tr.group-header').remove();
- }
-});
+ });
})(jQuery);
diff --git a/js/widgets/widget-headerTitles.js b/js/widgets/widget-headerTitles.js
index 8f4f5917..dfa738bb 100644
--- a/js/widgets/widget-headerTitles.js
+++ b/js/widgets/widget-headerTitles.js
@@ -5,14 +5,14 @@
/*jshint browser:true, jquery:true, unused:false */
/*global jQuery: false */
;(function($){
-"use strict";
-var ts = $.tablesorter;
+ 'use strict';
+ var ts = $.tablesorter;
ts.addWidget({
id: 'headerTitles',
options: {
// use aria-label text
- // e.g. "First Name: Ascending sort applied, activate to apply a descending sort"
+ // e.g. 'First Name: Ascending sort applied, activate to apply a descending sort'
headerTitle_useAria : false,
// add tooltip class
headerTitle_tooltip : '',
diff --git a/js/widgets/widget-math.js b/js/widgets/widget-math.js
index 8ac8b496..dd946198 100644
--- a/js/widgets/widget-math.js
+++ b/js/widgets/widget-math.js
@@ -5,7 +5,7 @@
/*jshint browser:true, jquery:true, unused:false */
/*global jQuery: false */
;(function($) {
- "use strict";
+ 'use strict';
var ts = $.tablesorter,
@@ -28,10 +28,10 @@
arry = $cells.not($el).map(function(){
$t = $(this);
txt = $t.attr(c.textAttribute);
- if (typeof txt === "undefined") {
+ if (typeof txt === 'undefined') {
txt = this.textContent || $t.text();
}
- txt = ts.formatFloat(txt.replace(/[^\w,. \-()]/g, ""), table) || 0;
+ txt = ts.formatFloat(txt.replace(/[^\w,. \-()]/g, ''), table) || 0;
return isNaN(txt) ? 0 : txt;
}).get();
}
@@ -57,15 +57,15 @@
mathAbove = $t.filter('[' + dataAttrib + '^=above]').length;
// ignore filtered rows & rows with data-math="ignore" (and starting row)
if ( ( !$rows.eq(i).hasClass(filtered) && $rows.eq(i).not('[' + dataAttrib + '=ignore]').length && i !== len ) || mathAbove && i !== len ) {
- // stop calculating "above", when encountering another "above"
+ // stop calculating 'above', when encountering another 'above'
if (mathAbove) {
i = 0;
} else if ($t.length) {
txt = $t.attr(c.textAttribute);
- if (typeof txt === "undefined") {
+ if (typeof txt === 'undefined') {
txt = $t[0].textContent || $t.text();
}
- txt = ts.formatFloat(txt.replace(/[^\w,. \-()]/g, ""), table) || 0;
+ txt = ts.formatFloat(txt.replace(/[^\w,. \-()]/g, ''), table) || 0;
arry.push(isNaN(txt) ? 0 : txt);
}
}
@@ -76,11 +76,11 @@
$t = $(this).children().filter('[data-column=' + cIndex + ']');
if (!$(this).hasClass(filtered) && $t.not('[' + dataAttrib + '^=above],[' + dataAttrib + '^=col]').length && !$t.is($el)) {
txt = $t.attr(c.textAttribute);
- if (typeof txt === "undefined") {
+ if (typeof txt === 'undefined') {
txt = ($t[0] ? $t[0].textContent : '') || $t.text();
}
// isNaN('') => false
- txt = ts.formatFloat(txt.replace(/[^\w,. \-()]/g, ""), table) || 0;
+ txt = ts.formatFloat(txt.replace(/[^\w,. \-()]/g, ''), table) || 0;
arry.push(isNaN(txt) ? 0 : txt);
}
});
@@ -102,10 +102,10 @@
col = parseInt( $t.attr('data-column'), 10);
if (!$t.filter('[' + dataAttrib + ']').length && $.inArray(col, wo.math_ignore) < 0) {
txt = $t.attr(c.textAttribute);
- if (typeof txt === "undefined") {
+ if (typeof txt === 'undefined') {
txt = ($t[0] ? $t[0].textContent : '') || $t.text();
}
- txt = ts.formatFloat(txt.replace(/[^\w,. \-()]/g, ""), table) || 0;
+ txt = ts.formatFloat(txt.replace(/[^\w,. \-()]/g, ''), table) || 0;
arry.push(isNaN(txt) ? 0 : txt);
}
});
@@ -133,8 +133,8 @@
$mathCells = c.$table.find('.' + c.cssInfoBlock + ', tfoot').find('[' + dataAttrib + ']');
math.mathType( table, wo, $mathCells, wo.math_priority, dataAttrib );
- // find the "all" total
- math.mathType( table, wo, c.$table.find('[' + dataAttrib + '^=all]'), ['all'], dataAttrib );
+ // find the 'all' total
+ math.mathType( table, wo, c.$table.find('[' + dataAttrib + '^=all]'), [ 'all' ], dataAttrib );
wo.math_isUpdating = true;
c.$table.trigger('update');
@@ -153,8 +153,8 @@
$cells.filter('[' + dataAttrib + '^=' + type + ']').each(function(){
$t = $(this);
formula = ($t.attr(dataAttrib) || '').replace(type + '-', '');
- arry = (type === "row") ? math.getRow(table, wo, $t, dataAttrib) :
- (type === "all") ? getAll : math.getColumn(table, wo, $t, type, dataAttrib);
+ arry = (type === 'row') ? math.getRow(table, wo, $t, dataAttrib) :
+ (type === 'all') ? getAll : math.getColumn(table, wo, $t, type, dataAttrib);
if (eq[formula]) {
t = eq[formula](arry);
if (table.config.debug && console && console.log) {
@@ -232,7 +232,7 @@
// search for separator for grp & decimal, anything not digit, not +/- sign, not #.
result = m.match( /[^\d\-\+#]/g );
- decimal = ( result && result[result.length-1] ) || '.'; // treat the right most symbol as decimal
+ decimal = ( result && result[result.length - 1] ) || '.'; // treat the right most symbol as decimal
group = ( result && result[1] && result[0] ) || ','; // treat the left most symbol as group separator
// split the decimal for the format string if any.
@@ -282,7 +282,7 @@
v[0] = str;
}
- v[1] = ( m[1] && v[1] ) ? decimal + v[1] : "";
+ v[1] = ( m[1] && v[1] ) ? decimal + v[1] : '';
// put back any negation, combine integer and fraction, and add back prefix & suffix
return prefix + ( ( isNegative ? '-' : '' ) + v[0] + v[1] ) + suffix;
};
@@ -304,7 +304,7 @@
},
median : function(arry) {
// https://gist.github.com/caseyjustus/1166258
- arry.sort( function(a,b){ return a - b; } );
+ arry.sort( function(a, b){ return a - b; } );
var half = Math.floor( arry.length / 2 );
return (arry.length % 2) ? arry[half] : ( arry[half - 1] + arry[half] ) / 2.0;
},
@@ -314,12 +314,12 @@
var i, el,
modeMap = {},
maxCount = 1,
- modes = [arry[0]];
+ modes = [ arry[0] ];
for (i = 0; i < arry.length; i++) {
el = arry[i];
modeMap[el] = modeMap[el] ? modeMap[el] + 1 : 1;
if ( modeMap[el] > maxCount ) {
- modes = [el];
+ modes = [ el ];
maxCount = modeMap[el];
} else if (modeMap[el] === maxCount) {
modes.push(el);
@@ -327,7 +327,7 @@
}
}
// returns arry of modes if there is a tie
- return modes.sort( function(a,b){ return a - b; } );
+ return modes.sort( function(a, b){ return a - b; } );
},
max : function(arry) {
return Math.max.apply( Math, arry );
@@ -336,7 +336,7 @@
return Math.min.apply( Math, arry );
},
range: function(arry) {
- var v = arry.sort(function(a,b){ return a - b; });
+ var v = arry.sort(function(a, b){ return a - b; });
return v[ arry.length - 1 ] - v[0];
},
// common variance equation
@@ -374,7 +374,7 @@
// add new widget called repeatHeaders
// ************************************
ts.addWidget({
- id: "math",
+ id: 'math',
priority: 100,
options: {
math_data : 'math',
@@ -384,7 +384,7 @@
math_mask : '#,##0.00',
// complete executed after each fucntion
math_complete : null, // function($cell, wo, result, value, arry){ return result; },
- // order of calculation; "all" is last
+ // order of calculation; 'all' is last
math_priority : [ 'row', 'above', 'col' ],
// template for or just prepend the mask prefix & suffix with this HTML
// e.g. '{content}'
diff --git a/js/widgets/widget-output.js b/js/widgets/widget-output.js
index 864518ed..0639eeab 100644
--- a/js/widgets/widget-output.js
+++ b/js/widgets/widget-output.js
@@ -7,365 +7,365 @@
/*jshint browser:true, jquery:true, unused:false */
/*global jQuery: false */
;(function($){
-"use strict";
+ 'use strict';
-var ts = $.tablesorter,
+ var ts = $.tablesorter,
-output = ts.output = {
+ output = ts.output = {
- event : 'outputTable',
+ event : 'outputTable',
- // wrap line breaks & tabs in quotes
- regexQuote : /([\n\t\x09\x0d\x0a]|<[^<]+>)/, // test if cell needs wrapping quotes
- regexBR : /(|\n)/g, // replace
- regexIMG : /]+alt\s*=\s*['"]([^'"]+)['"][^>]*>/i, // match
- regexHTML : /<[^<]+>/g, // replace
+ // wrap line breaks & tabs in quotes
+ regexQuote : /([\n\t\x09\x0d\x0a]|<[^<]+>)/, // test if cell needs wrapping quotes
+ regexBR : /(|\n)/g, // replace
+ regexIMG : /]+alt\s*=\s*['"]([^'"]+)['"][^>]*>/i, // match
+ regexHTML : /<[^<]+>/g, // replace
- replaceCR : '\x0d\x0a',
- replaceTab : '\x09',
+ replaceCR : '\x0d\x0a',
+ replaceTab : '\x09',
- popupTitle : 'Output',
- popupStyle : 'width:100%;height:100%;', // for textarea
- message : 'Your device does not support downloading. Please try again in desktop browser.',
+ popupTitle : 'Output',
+ popupStyle : 'width:100%;height:100%;', // for textarea
+ message : 'Your device does not support downloading. Please try again in desktop browser.',
- init : function(c) {
- c.$table
- .off(output.event)
- .on(output.event, function( e ) {
- e.stopPropagation();
- // explicitly use table.config.widgetOptions because we want
- // the most up-to-date values; not the "wo" from initialization
- output.process(c, c.widgetOptions);
- });
- },
+ init : function(c) {
+ c.$table
+ .off(output.event)
+ .on(output.event, function( e ) {
+ e.stopPropagation();
+ // explicitly use table.config.widgetOptions because we want
+ // the most up-to-date values; not the 'wo' from initialization
+ output.process(c, c.widgetOptions);
+ });
+ },
- processRow: function(c, $rows, isHeader, isJSON) {
- var $cell, $cells, cellsLen, rowIndex, row, col, indx, rowspanLen, colspanLen, txt,
- wo = c.widgetOptions,
- tmpRow = [],
- dupe = wo.output_duplicateSpans,
- addSpanIndex = isHeader && isJSON && wo.output_headerRows && $.isFunction(wo.output_callbackJSON),
- cellIndex = 0,
- rowsLength = $rows.length;
+ processRow: function(c, $rows, isHeader, isJSON) {
+ var $cell, $cells, cellsLen, rowIndex, row, col, indx, rowspanLen, colspanLen, txt,
+ wo = c.widgetOptions,
+ tmpRow = [],
+ dupe = wo.output_duplicateSpans,
+ addSpanIndex = isHeader && isJSON && wo.output_headerRows && $.isFunction(wo.output_callbackJSON),
+ cellIndex = 0,
+ rowsLength = $rows.length;
- for ( rowIndex = 0; rowIndex < rowsLength; rowIndex++ ) {
- if (!tmpRow[rowIndex]) { tmpRow[rowIndex] = []; }
- cellIndex = 0;
- $cells = $rows.eq( rowIndex ).children();
- cellsLen = $cells.length;
- for ( indx = 0; indx < cellsLen; indx++ ) {
- $cell = $cells.eq( indx );
- // process rowspans
- if ($cell.filter('[rowspan]').length) {
- rowspanLen = parseInt( $cell.attr('rowspan'), 10) - 1;
- txt = output.formatData( c, wo, $cell, isHeader );
- for (row = 1; row <= rowspanLen; row++) {
- if (!tmpRow[rowIndex + row]) { tmpRow[rowIndex + row] = []; }
- tmpRow[rowIndex + row][cellIndex] = isHeader ? txt : dupe ? txt : '';
+ for ( rowIndex = 0; rowIndex < rowsLength; rowIndex++ ) {
+ if (!tmpRow[rowIndex]) { tmpRow[rowIndex] = []; }
+ cellIndex = 0;
+ $cells = $rows.eq( rowIndex ).children();
+ cellsLen = $cells.length;
+ for ( indx = 0; indx < cellsLen; indx++ ) {
+ $cell = $cells.eq( indx );
+ // process rowspans
+ if ($cell.filter('[rowspan]').length) {
+ rowspanLen = parseInt( $cell.attr('rowspan'), 10) - 1;
+ txt = output.formatData( c, wo, $cell, isHeader );
+ for (row = 1; row <= rowspanLen; row++) {
+ if (!tmpRow[rowIndex + row]) { tmpRow[rowIndex + row] = []; }
+ tmpRow[rowIndex + row][cellIndex] = isHeader ? txt : dupe ? txt : '';
+ }
}
- }
- // process colspans
- if ($cell.filter('[colspan]').length) {
- colspanLen = parseInt( $cell.attr('colspan'), 10) - 1;
- // allow data-attribute to be an empty string
- txt = output.formatData( c, wo, $cell, isHeader );
- for (col = 1; col <= colspanLen; col++) {
- // if we're processing the header & making JSON, the header names need to be unique
- if ($cell.filter('[rowspan]').length) {
- rowspanLen = parseInt( $cell.attr('rowspan'), 10);
- for (row = 0; row < rowspanLen; row++) {
- if (!tmpRow[rowIndex + row]) { tmpRow[rowIndex + row] = []; }
- tmpRow[rowIndex + row][cellIndex + col] = addSpanIndex ?
+ // process colspans
+ if ($cell.filter('[colspan]').length) {
+ colspanLen = parseInt( $cell.attr('colspan'), 10) - 1;
+ // allow data-attribute to be an empty string
+ txt = output.formatData( c, wo, $cell, isHeader );
+ for (col = 1; col <= colspanLen; col++) {
+ // if we're processing the header & making JSON, the header names need to be unique
+ if ($cell.filter('[rowspan]').length) {
+ rowspanLen = parseInt( $cell.attr('rowspan'), 10);
+ for (row = 0; row < rowspanLen; row++) {
+ if (!tmpRow[rowIndex + row]) { tmpRow[rowIndex + row] = []; }
+ tmpRow[rowIndex + row][cellIndex + col] = addSpanIndex ?
+ wo.output_callbackJSON($cell, txt, cellIndex + col) ||
+ txt + '(' + (cellIndex + col) + ')' : isHeader ? txt : dupe ? txt : '';
+ }
+ } else {
+ tmpRow[rowIndex][cellIndex + col] = addSpanIndex ?
wo.output_callbackJSON($cell, txt, cellIndex + col) ||
txt + '(' + (cellIndex + col) + ')' : isHeader ? txt : dupe ? txt : '';
}
- } else {
- tmpRow[rowIndex][cellIndex + col] = addSpanIndex ?
- wo.output_callbackJSON($cell, txt, cellIndex + col) ||
- txt + '(' + (cellIndex + col) + ')' : isHeader ? txt : dupe ? txt : '';
}
}
- }
- // skip column if already defined
- while (typeof tmpRow[rowIndex][cellIndex] !== 'undefined') { cellIndex++; }
+ // skip column if already defined
+ while (typeof tmpRow[rowIndex][cellIndex] !== 'undefined') { cellIndex++; }
- tmpRow[rowIndex][cellIndex] = tmpRow[rowIndex][cellIndex] ||
- output.formatData( c, wo, $cell, isHeader );
- cellIndex++;
- }
- }
- return ts.output.removeColumns( c, wo, tmpRow );
- },
-
- // remove hidden/ignored columns
- removeColumns : function( c, wo, arry ) {
- var rowIndex, row, colIndex,
- data = [],
- len = arry.length;
- for ( rowIndex = 0; rowIndex < len; rowIndex++ ) {
- row = arry[ rowIndex ];
- data[ rowIndex ] = [];
- for ( colIndex = 0; colIndex < c.columns; colIndex++ ) {
- if ( !wo.output_hiddenColumnArray[ colIndex ] ) {
- data[ rowIndex ].push( row[ colIndex ] );
+ tmpRow[rowIndex][cellIndex] = tmpRow[rowIndex][cellIndex] ||
+ output.formatData( c, wo, $cell, isHeader );
+ cellIndex++;
}
}
- }
- return data;
- },
+ return ts.output.removeColumns( c, wo, tmpRow );
+ },
- process : function(c, wo) {
- var mydata, $this, $rows, headers, csvData, len, rowsLen, tmp,
- hasStringify = window.JSON && JSON.hasOwnProperty('stringify'),
- indx = 0,
- tmpData = (wo.output_separator || ',').toLowerCase(),
- outputJSON = tmpData === 'json',
- outputArray = tmpData === 'array',
- separator = outputJSON || outputArray ? ',' : wo.output_separator,
- saveRows = wo.output_saveRows,
- $el = c.$table;
- // regex to look for the set separator or HTML
- wo.output_regex = new RegExp('(' + (/\\/.test(separator) ? '\\' : '' ) + separator + ')' );
+ // remove hidden/ignored columns
+ removeColumns : function( c, wo, arry ) {
+ var rowIndex, row, colIndex,
+ data = [],
+ len = arry.length;
+ for ( rowIndex = 0; rowIndex < len; rowIndex++ ) {
+ row = arry[ rowIndex ];
+ data[ rowIndex ] = [];
+ for ( colIndex = 0; colIndex < c.columns; colIndex++ ) {
+ if ( !wo.output_hiddenColumnArray[ colIndex ] ) {
+ data[ rowIndex ].push( row[ colIndex ] );
+ }
+ }
+ }
+ return data;
+ },
- // make a list of hidden columns
- wo.output_hiddenColumnArray = [];
- for ( indx = 0; indx < c.columns; indx++ ) {
- wo.output_hiddenColumnArray[ indx ] = $.inArray( indx, wo.output_ignoreColumns ) > -1 ||
- c.$headerIndexed[ indx ].css( 'display' ) === 'none';
- }
+ process : function(c, wo) {
+ var mydata, $this, $rows, headers, csvData, len, rowsLen, tmp,
+ hasStringify = window.JSON && JSON.hasOwnProperty('stringify'),
+ indx = 0,
+ tmpData = (wo.output_separator || ',').toLowerCase(),
+ outputJSON = tmpData === 'json',
+ outputArray = tmpData === 'array',
+ separator = outputJSON || outputArray ? ',' : wo.output_separator,
+ saveRows = wo.output_saveRows,
+ $el = c.$table;
+ // regex to look for the set separator or HTML
+ wo.output_regex = new RegExp('(' + (/\\/.test(separator) ? '\\' : '' ) + separator + ')' );
- // get header cells
- $this = $el.find('thead tr:visible').not('.' + (ts.css.filterRow || 'tablesorter-filter-row') );
- headers = output.processRow(c, $this, true, outputJSON);
-
- // all tbody rows
- $rows = $el.children('tbody').children('tr');
-
- // get (f)iltered, (v)isible, all rows (look for the first letter only), or jQuery filter selector
- $rows = /^f/.test(saveRows) ? $rows.not('.' + (wo.filter_filteredRow || 'filtered') ) :
- /^v/.test(saveRows) ? $rows.filter(':visible') :
- // look for '.' (class selector), '#' (id selector),
- // ':' (basic filters, e.g. ':not()') or '[' (attribute selector start)
- /^[.#:\[]/.test(saveRows) ? $rows.filter(saveRows) :
- // default to all rows
- $rows;
-
- // process to array of arrays
- csvData = output.processRow(c, $rows);
-
- if (wo.output_includeFooter) {
- // clone, to force the tfoot rows to the end of this selection of rows
- // otherwise they appear after the thead (the order in the HTML)
- csvData = csvData.concat( output.processRow( c, $el.children('tfoot').children('tr:visible') ) );
- }
-
- len = headers.length;
-
- if (outputJSON) {
- tmpData = [];
- rowsLen = csvData.length;
- for ( indx = 0; indx < rowsLen; indx++ ) {
- // multiple header rows & output_headerRows = true, pick the last row...
- tmp = headers[ ( len > 1 && wo.output_headerRows ) ? indx % len : len - 1 ];
- tmpData.push( output.row2Hash( tmp, csvData[ indx ] ) );
+ // make a list of hidden columns
+ wo.output_hiddenColumnArray = [];
+ for ( indx = 0; indx < c.columns; indx++ ) {
+ wo.output_hiddenColumnArray[ indx ] = $.inArray( indx, wo.output_ignoreColumns ) > -1 ||
+ c.$headerIndexed[ indx ].css( 'display' ) === 'none';
}
- // requires JSON stringify; if it doesn't exist, the output will show [object Object],... in the output window
- mydata = hasStringify ? JSON.stringify(tmpData) : tmpData;
- } else {
- tmp = [ headers[ ( len > 1 && wo.output_headerRows ) ? indx % len : len - 1 ] ];
- tmpData = output.row2CSV(wo, wo.output_headerRows ? headers : tmp, outputArray)
- .concat( output.row2CSV(wo, csvData, outputArray) );
+ // get header cells
+ $this = $el.find('thead tr:visible').not('.' + (ts.css.filterRow || 'tablesorter-filter-row') );
+ headers = output.processRow(c, $this, true, outputJSON);
- // stringify the array; if stringify doesn't exist the array will be flattened
- mydata = outputArray && hasStringify ? JSON.stringify(tmpData) : tmpData.join('\n');
- }
+ // all tbody rows
+ $rows = $el.children('tbody').children('tr');
- // callback; if true returned, continue processing
- if ($.isFunction(wo.output_callback) && !wo.output_callback(c, mydata)) { return; }
+ // get (f)iltered, (v)isible, all rows (look for the first letter only), or jQuery filter selector
+ $rows = /^f/.test(saveRows) ? $rows.not('.' + (wo.filter_filteredRow || 'filtered') ) :
+ /^v/.test(saveRows) ? $rows.filter(':visible') :
+ // look for '.' (class selector), '#' (id selector),
+ // ':' (basic filters, e.g. ':not()') or '[' (attribute selector start)
+ /^[.#:\[]/.test(saveRows) ? $rows.filter(saveRows) :
+ // default to all rows
+ $rows;
- if ( /p/i.test( wo.output_delivery || '' ) ) {
- output.popup(mydata, wo.output_popupStyle, outputJSON || outputArray);
- } else {
- output.download(wo, mydata);
- }
+ // process to array of arrays
+ csvData = output.processRow(c, $rows);
- }, // end process
-
- row2CSV : function(wo, tmpRow, outputArray) {
- var tmp, rowIndex,
- csvData = [],
- rowLen = tmpRow.length;
- for (rowIndex = 0; rowIndex < rowLen; rowIndex++) {
- // remove any blank rows
- tmp = ( tmpRow[rowIndex] || [] ).join('').replace(/\"/g,'');
- if ( ( tmpRow[rowIndex] || [] ).length > 0 && tmp !== '' ) {
- csvData[csvData.length] = outputArray ? tmpRow[rowIndex] : tmpRow[rowIndex].join(wo.output_separator);
+ if (wo.output_includeFooter) {
+ // clone, to force the tfoot rows to the end of this selection of rows
+ // otherwise they appear after the thead (the order in the HTML)
+ csvData = csvData.concat( output.processRow( c, $el.children('tfoot').children('tr:visible') ) );
}
- }
- return csvData;
- },
- row2Hash : function( keys, values ) {
- var indx,
- json = {},
- len = values.length;
- for ( indx = 0; indx < len; indx++ ) {
- if ( indx < keys.length ) {
- json[ keys[ indx ] ] = values[ indx ];
- }
- }
- return json;
- },
+ len = headers.length;
- formatData : function(c, wo, $el, isHeader) {
- var attr = $el.attr(wo.output_dataAttrib),
- txt = typeof attr !== 'undefined' ? attr : $el.html(),
- quotes = (wo.output_separator || ',').toLowerCase(),
- separator = quotes === 'json' || quotes === 'array',
- // replace " with “ if undefined
- result = txt.replace(/\"/g, wo.output_replaceQuote || '\u201c');
- // replace line breaks with \\n & tabs with \\t
- if (!wo.output_trimSpaces) {
- result = result.replace(output.regexBR, output.replaceCR).replace(/\t/g, output.replaceTab);
- } else {
- result = result.replace(output.regexBR, '');
- }
- // extract img alt text
- txt = result.match(output.regexIMG);
- if (!wo.output_includeHTML && txt !== null) {
- result = txt[1];
- }
- // replace/remove html
- result = wo.output_includeHTML && !isHeader ? result : result.replace(output.regexHTML, '');
- result = wo.output_trimSpaces || isHeader ? $.trim(result) : result;
- // JSON & array outputs don't need quotes
- quotes = separator ? false : wo.output_wrapQuotes || wo.output_regex.test(result) || output.regexQuote.test(result);
- result = quotes ? '"' + result + '"' : result;
+ if (outputJSON) {
+ tmpData = [];
+ rowsLen = csvData.length;
+ for ( indx = 0; indx < rowsLen; indx++ ) {
+ // multiple header rows & output_headerRows = true, pick the last row...
+ tmp = headers[ ( len > 1 && wo.output_headerRows ) ? indx % len : len - 1 ];
+ tmpData.push( output.row2Hash( tmp, csvData[ indx ] ) );
+ }
- // formatting callback - added v2.22.4
- if ( typeof wo.output_formatContent === 'function' ) {
- return wo.output_formatContent( c, wo, {
- isHeader : isHeader,
- $cell : $el,
- content : result
- });
- }
-
- return result;
- },
-
- popup : function(data, style, wrap) {
- var generator = window.open('', output.popupTitle, style);
- generator.document.write(
- '' + output.popupTitle + '' +
- '' +
- ''
- );
- generator.document.close();
- generator.focus();
- // select all text and focus within the textarea in the popup
- // $(generator.document).find('textarea').select().focus();
- return true;
- },
-
- // modified from https://github.com/PixelsCommander/Download-File-JS
- // & http://html5-demos.appspot.com/static/a.download.html
- download : function (wo, data){
-
- var e, blob, gotBlob,
- nav = window.navigator,
- link = document.createElement('a');
-
- // iOS devices do not support downloading. We have to inform user about this.
- if (/(iP)/g.test(nav.userAgent)) {
- alert(output.message);
- return false;
- }
-
- // test for blob support
- try {
- gotBlob = !!new Blob();
- } catch (err) {
- gotBlob = false;
- }
-
- // Use HTML5 Blob if browser supports it
- if ( gotBlob ) {
-
- window.URL = window.URL || window.webkitURL;
- // prepend BOM for utf-8 encoding - see https://github.com/eligrey/FileSaver.js/blob/master/FileSaver.js#L140
- blob = new Blob( [ '\ufeff', data ], { type: wo.output_encoding } );
-
- if (nav.msSaveBlob) {
- // IE 10+
- nav.msSaveBlob(blob, wo.output_saveFileName);
+ // requires JSON stringify; if it doesn't exist, the output will show [object Object],... in the output window
+ mydata = hasStringify ? JSON.stringify(tmpData) : tmpData;
} else {
- // all other browsers
- link.href = window.URL.createObjectURL(blob);
- link.download = wo.output_saveFileName;
- // Dispatching click event; using $(link).trigger() won't work
- if (document.createEvent) {
- e = document.createEvent('MouseEvents');
- // event.initMouseEvent(type, canBubble, cancelable, view, detail, screenX, screenY, clientX, clientY,
- // ctrlKey, altKey, shiftKey, metaKey, button, relatedTarget);
- e.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
- link.dispatchEvent(e);
+ tmp = [ headers[ ( len > 1 && wo.output_headerRows ) ? indx % len : len - 1 ] ];
+ tmpData = output.row2CSV(wo, wo.output_headerRows ? headers : tmp, outputArray)
+ .concat( output.row2CSV(wo, csvData, outputArray) );
+
+ // stringify the array; if stringify doesn't exist the array will be flattened
+ mydata = outputArray && hasStringify ? JSON.stringify(tmpData) : tmpData.join('\n');
+ }
+
+ // callback; if true returned, continue processing
+ if ($.isFunction(wo.output_callback) && !wo.output_callback(c, mydata)) { return; }
+
+ if ( /p/i.test( wo.output_delivery || '' ) ) {
+ output.popup(mydata, wo.output_popupStyle, outputJSON || outputArray);
+ } else {
+ output.download(wo, mydata);
+ }
+
+ }, // end process
+
+ row2CSV : function(wo, tmpRow, outputArray) {
+ var tmp, rowIndex,
+ csvData = [],
+ rowLen = tmpRow.length;
+ for (rowIndex = 0; rowIndex < rowLen; rowIndex++) {
+ // remove any blank rows
+ tmp = ( tmpRow[rowIndex] || [] ).join('').replace(/\"/g, '');
+ if ( ( tmpRow[rowIndex] || [] ).length > 0 && tmp !== '' ) {
+ csvData[csvData.length] = outputArray ? tmpRow[rowIndex] : tmpRow[rowIndex].join(wo.output_separator);
}
}
- return false;
+ return csvData;
+ },
+
+ row2Hash : function( keys, values ) {
+ var indx,
+ json = {},
+ len = values.length;
+ for ( indx = 0; indx < len; indx++ ) {
+ if ( indx < keys.length ) {
+ json[ keys[ indx ] ] = values[ indx ];
+ }
+ }
+ return json;
+ },
+
+ formatData : function(c, wo, $el, isHeader) {
+ var attr = $el.attr(wo.output_dataAttrib),
+ txt = typeof attr !== 'undefined' ? attr : $el.html(),
+ quotes = (wo.output_separator || ',').toLowerCase(),
+ separator = quotes === 'json' || quotes === 'array',
+ // replace " with “ if undefined
+ result = txt.replace(/\"/g, wo.output_replaceQuote || '\u201c');
+ // replace line breaks with \\n & tabs with \\t
+ if (!wo.output_trimSpaces) {
+ result = result.replace(output.regexBR, output.replaceCR).replace(/\t/g, output.replaceTab);
+ } else {
+ result = result.replace(output.regexBR, '');
+ }
+ // extract img alt text
+ txt = result.match(output.regexIMG);
+ if (!wo.output_includeHTML && txt !== null) {
+ result = txt[1];
+ }
+ // replace/remove html
+ result = wo.output_includeHTML && !isHeader ? result : result.replace(output.regexHTML, '');
+ result = wo.output_trimSpaces || isHeader ? $.trim(result) : result;
+ // JSON & array outputs don't need quotes
+ quotes = separator ? false : wo.output_wrapQuotes || wo.output_regex.test(result) || output.regexQuote.test(result);
+ result = quotes ? '"' + result + '"' : result;
+
+ // formatting callback - added v2.22.4
+ if ( typeof wo.output_formatContent === 'function' ) {
+ return wo.output_formatContent( c, wo, {
+ isHeader : isHeader,
+ $cell : $el,
+ content : result
+ });
+ }
+
+ return result;
+ },
+
+ popup : function(data, style, wrap) {
+ var generator = window.open('', output.popupTitle, style);
+ generator.document.write(
+ '' + output.popupTitle + '' +
+ '' +
+ ''
+ );
+ generator.document.close();
+ generator.focus();
+ // select all text and focus within the textarea in the popup
+ // $(generator.document).find('textarea').select().focus();
+ return true;
+ },
+
+ // modified from https://github.com/PixelsCommander/Download-File-JS
+ // & http://html5-demos.appspot.com/static/a.download.html
+ download : function (wo, data){
+
+ var e, blob, gotBlob,
+ nav = window.navigator,
+ link = document.createElement('a');
+
+ // iOS devices do not support downloading. We have to inform user about this.
+ if (/(iP)/g.test(nav.userAgent)) {
+ alert(output.message);
+ return false;
+ }
+
+ // test for blob support
+ try {
+ gotBlob = !!new Blob();
+ } catch (err) {
+ gotBlob = false;
+ }
+
+ // Use HTML5 Blob if browser supports it
+ if ( gotBlob ) {
+
+ window.URL = window.URL || window.webkitURL;
+ // prepend BOM for utf-8 encoding - see https://github.com/eligrey/FileSaver.js/blob/master/FileSaver.js#L140
+ blob = new Blob( [ '\ufeff', data ], { type: wo.output_encoding } );
+
+ if (nav.msSaveBlob) {
+ // IE 10+
+ nav.msSaveBlob(blob, wo.output_saveFileName);
+ } else {
+ // all other browsers
+ link.href = window.URL.createObjectURL(blob);
+ link.download = wo.output_saveFileName;
+ // Dispatching click event; using $(link).trigger() won't work
+ if (document.createEvent) {
+ e = document.createEvent('MouseEvents');
+ // event.initMouseEvent(type, canBubble, cancelable, view, detail, screenX, screenY, clientX, clientY,
+ // ctrlKey, altKey, shiftKey, metaKey, button, relatedTarget);
+ e.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+ link.dispatchEvent(e);
+ }
+ }
+ return false;
+ }
+
+ // fallback to force file download (whether supported by server).
+ // not sure if this actually works in IE9 and older...
+ window.open( wo.output_encoding + encodeURIComponent(data) + '?download', '_self');
+ return true;
+
+ },
+
+ remove : function(c) {
+ c.$table.off(output.event);
}
- // fallback to force file download (whether supported by server).
- // not sure if this actually works in IE9 and older...
- window.open( wo.output_encoding + encodeURIComponent(data) + '?download' , '_self');
- return true;
+ };
- },
+ ts.addWidget({
+ id: 'output',
+ options: {
+ output_separator : ',', // set to 'json', 'array' or any separator
+ output_ignoreColumns : [], // columns to ignore [0, 1,... ] (zero-based index)
+ output_hiddenColumns : false, // include hidden columns in the output
+ output_includeFooter : false, // include footer rows in the output
+ output_dataAttrib : 'data-name', // header attrib containing modified header name
+ output_headerRows : false, // if true, include multiple header rows (JSON only)
+ output_delivery : 'popup', // popup, download
+ output_saveRows : 'filtered', // (a)ll, (v)isible, (f)iltered or jQuery filter selector
+ output_duplicateSpans: true, // duplicate output data in tbody colspan/rowspan
+ output_replaceQuote : '\u201c;', // left double quote
+ output_includeHTML : false,
+ output_trimSpaces : true,
+ output_wrapQuotes : false,
+ output_popupStyle : 'width=500,height=300',
+ output_saveFileName : 'mytable.csv',
+ // format $cell content callback
+ output_formatContent : null, // function(config, data){ return data.content; }
+ // callback executed when processing completes
+ // return true to continue download/output
+ // return false to stop delivery & do something else with the data
+ output_callback : function(config, data){ return true; },
+ // JSON callback executed when a colspan is encountered in the header
+ output_callbackJSON : function($cell, txt, cellIndex) { return txt + '(' + (cellIndex) + ')'; },
+ // the need to modify this for Excel no longer exists
+ output_encoding : 'data:application/octet-stream;charset=utf8,'
+ },
+ init: function(table, thisWidget, c) {
+ output.init(c);
+ },
+ remove: function(table, c){
+ output.remove(c);
+ }
- remove : function(c) {
- c.$table.off(output.event);
- }
-
-};
-
-ts.addWidget({
- id: "output",
- options: {
- output_separator : ',', // set to "json", "array" or any separator
- output_ignoreColumns : [], // columns to ignore [0, 1,... ] (zero-based index)
- output_hiddenColumns : false, // include hidden columns in the output
- output_includeFooter : false, // include footer rows in the output
- output_dataAttrib : 'data-name', // header attrib containing modified header name
- output_headerRows : false, // if true, include multiple header rows (JSON only)
- output_delivery : 'popup', // popup, download
- output_saveRows : 'filtered', // (a)ll, (v)isible, (f)iltered or jQuery filter selector
- output_duplicateSpans: true, // duplicate output data in tbody colspan/rowspan
- output_replaceQuote : '\u201c;', // left double quote
- output_includeHTML : false,
- output_trimSpaces : true,
- output_wrapQuotes : false,
- output_popupStyle : 'width=500,height=300',
- output_saveFileName : 'mytable.csv',
- // format $cell content callback
- output_formatContent : null, // function(config, data){ return data.content; }
- // callback executed when processing completes
- // return true to continue download/output
- // return false to stop delivery & do something else with the data
- output_callback : function(config, data){ return true; },
- // JSON callback executed when a colspan is encountered in the header
- output_callbackJSON : function($cell, txt, cellIndex) { return txt + '(' + (cellIndex) + ')'; },
- // the need to modify this for Excel no longer exists
- output_encoding : 'data:application/octet-stream;charset=utf8,'
- },
- init: function(table, thisWidget, c) {
- output.init(c);
- },
- remove: function(table, c){
- output.remove(c);
- }
-
-});
+ });
})(jQuery);
diff --git a/js/widgets/widget-pager.js b/js/widgets/widget-pager.js
index 3e755a18..26d62f30 100644
--- a/js/widgets/widget-pager.js
+++ b/js/widgets/widget-pager.js
@@ -4,1159 +4,1159 @@
*/
/*jshint browser:true, jquery:true, unused:false */
;(function($){
-"use strict";
-var tsp,
+ 'use strict';
+ var tsp,
ts = $.tablesorter;
-ts.addWidget({
- id: "pager",
- priority: 55, // load pager after filter widget
- options : {
- // output default: '{page}/{totalPages}'
- // possible variables: {page}, {totalPages}, {filteredPages}, {startRow}, {endRow}, {filteredRows} and {totalRows}
- pager_output: '{startRow} to {endRow} of {totalRows} rows', // '{page}/{totalPages}'
+ ts.addWidget({
+ id: 'pager',
+ priority: 55, // load pager after filter widget
+ options : {
+ // output default: '{page}/{totalPages}'
+ // possible variables: {page}, {totalPages}, {filteredPages}, {startRow}, {endRow}, {filteredRows} and {totalRows}
+ pager_output: '{startRow} to {endRow} of {totalRows} rows', // '{page}/{totalPages}'
- // apply disabled classname to the pager arrows when the rows at either extreme is visible
- pager_updateArrows: true,
+ // apply disabled classname to the pager arrows when the rows at either extreme is visible
+ pager_updateArrows: true,
- // starting page of the pager (zero based index)
- pager_startPage: 0,
+ // starting page of the pager (zero based index)
+ pager_startPage: 0,
- // reset pager after filtering; set to desired page #
- // set to false to not change page at filter start
- pager_pageReset: 0,
+ // reset pager after filtering; set to desired page #
+ // set to false to not change page at filter start
+ pager_pageReset: 0,
- // Number of visible rows
- pager_size: 10,
+ // Number of visible rows
+ pager_size: 10,
- // Number of options to include in the pager number selector
- pager_maxOptionSize: 20,
+ // Number of options to include in the pager number selector
+ pager_maxOptionSize: 20,
- // Save pager page & size if the storage script is loaded (requires $.tablesorter.storage in jquery.tablesorter.widgets.js)
- pager_savePages: true,
+ // Save pager page & size if the storage script is loaded (requires $.tablesorter.storage in jquery.tablesorter.widgets.js)
+ pager_savePages: true,
- //defines custom storage key
- pager_storageKey: 'tablesorter-pager',
+ // defines custom storage key
+ pager_storageKey: 'tablesorter-pager',
- // if true, the table will remain the same height no matter how many records are displayed. The space is made up by an empty
- // table row set to a height to compensate; default is false
- pager_fixedHeight: false,
+ // if true, the table will remain the same height no matter how many records are displayed. The space is made up by an empty
+ // table row set to a height to compensate; default is false
+ pager_fixedHeight: false,
- // count child rows towards the set page size? (set true if it is a visible table row within the pager)
- // if true, child row(s) may not appear to be attached to its parent row, may be split across pages or
- // may distort the table if rowspan or cellspans are included.
- pager_countChildRows: false,
+ // count child rows towards the set page size? (set true if it is a visible table row within the pager)
+ // if true, child row(s) may not appear to be attached to its parent row, may be split across pages or
+ // may distort the table if rowspan or cellspans are included.
+ pager_countChildRows: false,
- // remove rows from the table to speed up the sort of large tables.
- // setting this to false, only hides the non-visible rows; needed if you plan to add/remove rows with the pager enabled.
- pager_removeRows: false, // removing rows in larger tables speeds up the sort
+ // remove rows from the table to speed up the sort of large tables.
+ // setting this to false, only hides the non-visible rows; needed if you plan to add/remove rows with the pager enabled.
+ pager_removeRows: false, // removing rows in larger tables speeds up the sort
- // use this format: "http://mydatabase.com?page={page}&size={size}&{sortList:col}&{filterList:fcol}"
- // where {page} is replaced by the page number, {size} is replaced by the number of records to show,
- // {sortList:col} adds the sortList to the url into a "col" array, and {filterList:fcol} adds
- // the filterList to the url into an "fcol" array.
- // So a sortList = [[2,0],[3,0]] becomes "&col[2]=0&col[3]=0" in the url
- // and a filterList = [[2,Blue],[3,13]] becomes "&fcol[2]=Blue&fcol[3]=13" in the url
- pager_ajaxUrl: null,
+ // use this format: 'http://mydatabase.com?page={page}&size={size}&{sortList:col}&{filterList:fcol}'
+ // where {page} is replaced by the page number, {size} is replaced by the number of records to show,
+ // {sortList:col} adds the sortList to the url into a 'col' array, and {filterList:fcol} adds
+ // the filterList to the url into an 'fcol' array.
+ // So a sortList = [[2,0],[3,0]] becomes '&col[2]=0&col[3]=0' in the url
+ // and a filterList = [[2,Blue],[3,13]] becomes '&fcol[2]=Blue&fcol[3]=13' in the url
+ pager_ajaxUrl: null,
- // modify the url after all processing has been applied
- pager_customAjaxUrl: function(table, url) { return url; },
+ // modify the url after all processing has been applied
+ pager_customAjaxUrl: function(table, url) { return url; },
- // modify the $.ajax object to allow complete control over your ajax requests
- pager_ajaxObject: {
- dataType: 'json'
+ // modify the $.ajax object to allow complete control over your ajax requests
+ pager_ajaxObject: {
+ dataType: 'json'
+ },
+
+ // set this to false if you want to block ajax loading on init
+ pager_processAjaxOnInit: true,
+
+ // process ajax so that the following information is returned:
+ // [ total_rows (number), rows (array of arrays), headers (array; optional) ]
+ // example:
+ // [
+ // 100, // total rows
+ // [
+ // [ "row1cell1", "row1cell2", ... "row1cellN" ],
+ // [ "row2cell1", "row2cell2", ... "row2cellN" ],
+ // ...
+ // [ "rowNcell1", "rowNcell2", ... "rowNcellN" ]
+ // ],
+ // [ "header1", "header2", ... "headerN" ] // optional
+ // ]
+ pager_ajaxProcessing: function(ajax){ return [ 0, [], null ]; },
+
+ // css class names of pager arrows
+ pager_css: {
+ container : 'tablesorter-pager',
+ errorRow : 'tablesorter-errorRow', // error information row (don't include period at beginning)
+ disabled : 'disabled' // class added to arrows @ extremes (i.e. prev/first arrows 'disabled' on first page)
+ },
+
+ // jQuery selectors
+ pager_selectors: {
+ container : '.pager', // target the pager markup
+ first : '.first', // go to first page arrow
+ prev : '.prev', // previous page arrow
+ next : '.next', // next page arrow
+ last : '.last', // go to last page arrow
+ gotoPage : '.gotoPage', // go to page selector - select dropdown that sets the current page
+ pageDisplay : '.pagedisplay', // location of where the 'output' is displayed
+ pageSize : '.pagesize' // page size selector - select dropdown that sets the 'size' option
+ }
},
-
- // set this to false if you want to block ajax loading on init
- pager_processAjaxOnInit: true,
-
- // process ajax so that the following information is returned:
- // [ total_rows (number), rows (array of arrays), headers (array; optional) ]
- // example:
- // [
- // 100, // total rows
- // [
- // [ "row1cell1", "row1cell2", ... "row1cellN" ],
- // [ "row2cell1", "row2cell2", ... "row2cellN" ],
- // ...
- // [ "rowNcell1", "rowNcell2", ... "rowNcellN" ]
- // ],
- // [ "header1", "header2", ... "headerN" ] // optional
- // ]
- pager_ajaxProcessing: function(ajax){ return [ 0, [], null ]; },
-
- // css class names of pager arrows
- pager_css: {
- container : 'tablesorter-pager',
- errorRow : 'tablesorter-errorRow', // error information row (don't include period at beginning)
- disabled : 'disabled' // class added to arrows @ extremes (i.e. prev/first arrows "disabled" on first page)
+ init: function(table){
+ tsp.init(table);
},
-
- // jQuery selectors
- pager_selectors: {
- container : '.pager', // target the pager markup
- first : '.first', // go to first page arrow
- prev : '.prev', // previous page arrow
- next : '.next', // next page arrow
- last : '.last', // go to last page arrow
- gotoPage : '.gotoPage', // go to page selector - select dropdown that sets the current page
- pageDisplay : '.pagedisplay', // location of where the "output" is displayed
- pageSize : '.pagesize' // page size selector - select dropdown that sets the "size" option
- }
- },
- init: function(table){
- tsp.init(table);
- },
- // only update to complete sorter initialization
- format: function(table, c){
- if (!(c.pager && c.pager.initialized)){
- return tsp.initComplete(table, c);
- }
- tsp.moveToPage(table, c.pager, false);
- },
- remove: function(table, c, wo, refreshing){
- tsp.destroyPager(table, c, refreshing);
- }
-});
-
-/* pager widget functions */
-tsp = ts.pager = {
-
- init: function(table) {
- // check if tablesorter has initialized
- if (table.hasInitialized && table.config.pager.initialized) { return; }
- var t,
- c = table.config,
- wo = c.widgetOptions,
- s = wo.pager_selectors,
-
- // save pager variables
- p = c.pager = $.extend({
- totalPages: 0,
- filteredRows: 0,
- filteredPages: 0,
- currentFilters: [],
- page: wo.pager_startPage,
- startRow: 0,
- endRow: 0,
- ajaxCounter: 0,
- $size: null,
- last: {},
- // save original pager size
- setSize: wo.pager_size,
- setPage: wo.pager_startPage,
- events: 'filterInit filterStart filterEnd sortEnd disable enable destroy updateComplete ' +
- 'pageSize pageSet pageAndSize pagerUpdate refreshComplete '
- }, c.pager);
-
- // pager initializes multiple times before table has completed initialization
- if (p.isInitializing) { return; }
-
- p.isInitializing = true;
- if (c.debug) {
- ts.log('Pager: Initializing');
- }
-
- p.size = $.data(table, 'pagerLastSize') || wo.pager_size;
- // added in case the pager is reinitialized after being destroyed.
- p.$container = $(s.container).addClass(wo.pager_css.container).show();
- // goto selector
- p.$goto = p.$container.find(s.gotoPage); // goto is a reserved word #657
- // page size selector
- p.$size = p.$container.find(s.pageSize);
- p.totalRows = c.$tbodies.eq(0).children('tr').not( wo.pager_countChildRows ? '' : '.' + c.cssChildRow ).length;
- p.oldAjaxSuccess = p.oldAjaxSuccess || wo.pager_ajaxObject.success;
- c.appender = tsp.appender;
- p.initializing = true;
- if (wo.pager_savePages && ts.storage) {
- t = ts.storage(table, wo.pager_storageKey) || {}; // fixes #387
- p.page = ( isNaN(t.page) ? p.page : t.page ) || p.setPage || 0;
- p.size = ( isNaN(t.size) ? p.size : t.size ) || p.setSize || 10;
- $.data(table, 'pagerLastSize', p.size);
- }
-
- // skipped rows
- p.regexRows = new RegExp('(' + (wo.filter_filteredRow || 'filtered') + '|' + c.selectorRemove.slice(1) + '|' + c.cssChildRow + ')');
-
- // clear initialized flag
- p.initialized = false;
- // before initialization event
- c.$table.trigger('pagerBeforeInitialized', c);
-
- tsp.enablePager(table, c, false);
-
- // p must have ajaxObject
- p.ajaxObject = wo.pager_ajaxObject; // $.extend({}, wo.pager_ajaxObject );
- p.ajaxObject.url = wo.pager_ajaxUrl;
-
- if ( typeof(wo.pager_ajaxUrl) === 'string' ) {
- // ajax pager; interact with database
- p.ajax = true;
- // When filtering with ajax, allow only custom filtering function, disable default filtering since it will be done server side.
- wo.filter_serversideFiltering = true;
- c.serverSideSorting = true;
- tsp.moveToPage(table, p);
- } else {
- p.ajax = false;
- // Regular pager; all rows stored in memory
- c.$table.trigger('appendCache', [{}, true]);
- }
-
- },
-
- initComplete: function(table, c){
- var p = c.pager;
- tsp.bindEvents(table, c);
- tsp.setPageSize(table, 0, c); // page size 0 is ignored
-
- if (!p.ajax) {
- tsp.hideRowsSetup(table, c);
- }
-
- // pager initialized
- p.initialized = true;
- p.initializing = false;
- p.isInitializing = false;
- if (c.debug) {
- ts.log('Pager: Triggering pagerInitialized');
- }
- c.$table.trigger('pagerInitialized', c);
- // filter widget not initialized; it will update the output display & fire off the pagerComplete event
- if ( !( c.widgetOptions.filter_initialized && ts.hasWidget(table, 'filter') ) ) {
- // if ajax, then don't fire off pagerComplete
- tsp.updatePageDisplay(table, c, !p.ajax);
- }
- },
-
- bindEvents: function(table, c){
- var ctrls, fxn,
- p = c.pager,
- wo = c.widgetOptions,
- namespace = c.namespace + 'pager',
- s = wo.pager_selectors;
-
- c.$table
- .off( $.trim(p.events.split(' ').join(namespace + ' ')) )
- .on('filterInit filterStart '.split(' ').join(namespace + ' '), function(e, filters) {
- p.currentFilters = $.isArray(filters) ? filters : c.$table.data('lastSearch');
- // don't change page if filters are the same (pager updating, etc)
- if (e.type === 'filterStart' && wo.pager_pageReset !== false && (c.lastCombinedFilter || '') !== (p.currentFilters || []).join('')) {
- p.page = wo.pager_pageReset; // fixes #456 & #565
- }
- })
- // update pager after filter widget completes
- .on('filterEnd sortEnd '.split(' ').join(namespace + ' '), function() {
- p.currentFilters = c.$table.data('lastSearch');
- if (p.initialized || p.initializing) {
- if (c.delayInit && c.rowsCopy && c.rowsCopy.length === 0) {
- // make sure we have a copy of all table rows once the cache has been built
- tsp.updateCache(table);
- }
- tsp.updatePageDisplay(table, c, false);
- // tsp.moveToPage(table, p, false); <-- called when applyWidgets is triggered
- c.$table.trigger('applyWidgets');
- }
- })
- .on('disable' + namespace, function(e){
- e.stopPropagation();
- tsp.showAllRows(table, c);
- })
- .on('enable' + namespace, function(e){
- e.stopPropagation();
- tsp.enablePager(table, c, true);
- })
- .on('destroy' + namespace, function(e, refreshing){
- e.stopPropagation();
- tsp.destroyPager(table, c, refreshing);
- })
- .on('updateComplete' + namespace, function(e, table, triggered){
- e.stopPropagation();
- // table can be unintentionally undefined in tablesorter v2.17.7 and earlier
- // don't recalculate total rows/pages if using ajax
- if (!table || triggered || p.ajax) { return; }
- var $rows = c.$tbodies.eq(0).children('tr').not(c.selectorRemove);
- p.totalRows = $rows.length - ( wo.pager_countChildRows ? 0 : $rows.filter('.' + c.cssChildRow).length );
- p.totalPages = Math.ceil( p.totalRows / p.size );
- if ($rows.length && c.rowsCopy && c.rowsCopy.length === 0) {
- // make a copy of all table rows once the cache has been built
- tsp.updateCache(table);
- }
- if ( p.page >= p.totalPages ) {
- tsp.moveToLastPage(table, p);
- }
- tsp.hideRows(table, c);
- tsp.changeHeight(table, c);
- // update without triggering pagerComplete
- tsp.updatePageDisplay(table, c, false);
- // make sure widgets are applied - fixes #450
- c.$table.trigger('applyWidgets');
- tsp.updatePageDisplay(table, c);
- })
- .on('pageSize refreshComplete '.split(' ').join(namespace + ' '), function(e,v){
- e.stopPropagation();
- tsp.setPageSize(table, parseInt(v, 10) || p.setSize || 10, c);
- tsp.hideRows(table, c);
- tsp.updatePageDisplay(table, c, false);
- })
- .on('pageSet pagerUpdate '.split(' ').join(namespace + ' '), function(e,v){
- e.stopPropagation();
- // force pager refresh
- if (e.type === 'pagerUpdate') {
- v = typeof v === 'undefined' ? p.page + 1 : v;
- p.last.page = true;
- }
- p.page = (parseInt(v, 10) || 1) - 1;
- tsp.moveToPage(table, p, true);
- tsp.updatePageDisplay(table, c, false);
- })
- .on('pageAndSize' + namespace, function(e, page, size){
- e.stopPropagation();
- p.page = (parseInt(page, 10) || 1) - 1;
- tsp.setPageSize(table, parseInt(size, 10) || p.setSize || 10, c);
- tsp.moveToPage(table, p, true);
- tsp.hideRows(table, c);
- tsp.updatePageDisplay(table, c, false);
- });
-
- // clicked controls
- ctrls = [ s.first, s.prev, s.next, s.last ];
- fxn = [ 'moveToFirstPage', 'moveToPrevPage', 'moveToNextPage', 'moveToLastPage' ];
- if (c.debug && !p.$container.length) {
- ts.log('Pager: >> Container not found');
- }
- p.$container.find(ctrls.join(','))
- .attr("tabindex", 0)
- .off('click' + namespace)
- .on('click' + namespace, function(e){
- e.stopPropagation();
- var i,
- $c = $(this),
- l = ctrls.length;
- if ( !$c.hasClass(wo.pager_css.disabled) ) {
- for (i = 0; i < l; i++) {
- if ($c.is(ctrls[i])) {
- tsp[fxn[i]](table, p);
- break;
- }
- }
- }
- });
-
- if ( p.$goto.length ) {
- p.$goto
- .off('change' + namespace)
- .on('change' + namespace, function(){
- p.page = $(this).val() - 1;
- tsp.moveToPage(table, p, true);
- tsp.updatePageDisplay(table, c, false);
- });
- } else if (c.debug) {
- ts.log('Pager: >> Goto selector not found');
- }
-
- if ( p.$size.length ) {
- // setting an option as selected appears to cause issues with initial page size
- p.$size.find('option').removeAttr('selected');
- p.$size
- .off('change' + namespace)
- .on('change' + namespace, function() {
- p.$size.val( $(this).val() ); // in case there are more than one pagers
- if ( !$(this).hasClass(wo.pager_css.disabled) ) {
- tsp.setPageSize(table, parseInt( $(this).val(), 10 ), c);
- tsp.changeHeight(table, c);
- }
- return false;
- });
- } else if (c.debug) {
- ts.log('Pager: >> Size selector not found');
- }
-
- },
-
- // hide arrows at extremes
- pagerArrows: function(c, disable) {
- var p = c.pager,
- dis = !!disable,
- first = dis || p.page === 0,
- tp = Math.min( p.totalPages, p.filteredPages ),
- last = dis || p.page === tp - 1 || tp === 0,
- wo = c.widgetOptions,
- s = wo.pager_selectors;
- if ( wo.pager_updateArrows ) {
- p.$container.find(s.first + ',' + s.prev).toggleClass(wo.pager_css.disabled, first).attr('aria-disabled', first);
- p.$container.find(s.next + ',' + s.last).toggleClass(wo.pager_css.disabled, last).attr('aria-disabled', last);
- }
- },
-
- calcFilters: function(table, c) {
- var normalized, indx, len,
- wo = c.widgetOptions,
- p = c.pager,
- hasFilters = c.$table.hasClass('hasFilters');
- if (hasFilters && !wo.pager_ajaxUrl) {
- if ($.isEmptyObject(c.cache)) {
- // delayInit: true so nothing is in the cache
- p.filteredRows = p.totalRows = c.$tbodies.eq(0).children('tr').not( wo.pager_countChildRows ? '' : '.' + c.cssChildRow ).length;
- } else {
- p.filteredRows = 0;
- normalized = c.cache[0].normalized;
- len = normalized.length;
- for (indx = 0; indx < len; indx++) {
- p.filteredRows += p.regexRows.test(normalized[indx][c.columns].$row[0].className) ? 0 : 1;
- }
+ // only update to complete sorter initialization
+ format: function(table, c){
+ if (!(c.pager && c.pager.initialized)){
+ return tsp.initComplete(table, c);
}
- } else if (!hasFilters) {
- p.filteredRows = p.totalRows;
+ tsp.moveToPage(table, c.pager, false);
+ },
+ remove: function(table, c, wo, refreshing){
+ tsp.destroyPager(table, c, refreshing);
}
- },
+ });
- updatePageDisplay: function(table, c, completed) {
- if ( c.pager.initializing ) { return; }
- var s, t, $out, options, indx, len,
- wo = c.widgetOptions,
- p = c.pager,
- namespace = c.namespace + 'pager',
- sz = p.size || p.setSize || 10; // don't allow dividing by zero
- if (wo.pager_countChildRows) { t.push(c.cssChildRow); }
- p.$size.add(p.$goto).removeClass(wo.pager_css.disabled).removeAttr('disabled').attr('aria-disabled', 'false');
- p.totalPages = Math.ceil( p.totalRows / sz ); // needed for "pageSize" method
- c.totalRows = p.totalRows;
- tsp.calcFilters(table, c);
- c.filteredRows = p.filteredRows;
- p.filteredPages = Math.ceil( p.filteredRows / sz ) || 0;
- if ( Math.min( p.totalPages, p.filteredPages ) >= 0 ) {
- t = (p.size * p.page > p.filteredRows) && completed;
- p.page = (t) ? wo.pager_pageReset || 0 : p.page;
- p.startRow = (t) ? p.size * p.page + 1 : (p.filteredRows === 0 ? 0 : p.size * p.page + 1);
- p.endRow = Math.min( p.filteredRows, p.totalRows, p.size * ( p.page + 1 ) );
- $out = p.$container.find(wo.pager_selectors.pageDisplay);
- // form the output string (can now get a new output string from the server)
- s = ( p.ajaxData && p.ajaxData.output ? p.ajaxData.output || wo.pager_output : wo.pager_output )
- // {page} = one-based index; {page+#} = zero based index +/- value
- .replace(/\{page([\-+]\d+)?\}/gi, function(m,n){
- return p.totalPages ? p.page + (n ? parseInt(n, 10) : 1) : 0;
- })
- // {totalPages}, {extra}, {extra:0} (array) or {extra : key} (object)
- .replace(/\{\w+(\s*:\s*\w+)?\}/gi, function(m){
- var len, indx,
- str = m.replace(/[{}\s]/g,''),
- extra = str.split(':'),
- data = p.ajaxData,
- // return zero for default page/row numbers
- deflt = /(rows?|pages?)$/i.test(str) ? 0 : '';
- if (/(startRow|page)/.test(extra[0]) && extra[1] === 'input') {
- len = ('' + (extra[0] === 'page' ? p.totalPages : p.totalRows)).length;
- indx = extra[0] === 'page' ? p.page + 1 : p.startRow;
- return '';
- }
- return extra.length > 1 && data && data[extra[0]] ? data[extra[0]][extra[1]] : p[str] || (data ? data[str] : deflt) || deflt;
- });
- if ( p.$goto.length ) {
- t = '';
- options = tsp.buildPageSelect(p, c);
- len = options.length;
- for (indx = 0; indx < len; indx++) {
- t += '';
- }
- // innerHTML doesn't work in IE9 - http://support2.microsoft.com/kb/276228
- p.$goto.html(t).val( p.page + 1 );
- }
- if ($out.length) {
- $out[ ($out[0].nodeName === 'INPUT') ? 'val' : 'html' ](s);
- // rebind startRow/page inputs
- $out.find('.ts-startRow, .ts-page').off('change' + namespace).on('change' + namespace, function(){
- var v = $(this).val(),
- pg = $(this).hasClass('ts-startRow') ? Math.floor( v/p.size ) + 1 : v;
- c.$table.trigger('pageSet' + namespace, [ pg ]);
- });
- }
- }
- tsp.pagerArrows(c);
- tsp.fixHeight(table, c);
- if (p.initialized && completed !== false) {
+ /* pager widget functions */
+ tsp = ts.pager = {
+
+ init: function(table) {
+ // check if tablesorter has initialized
+ if (table.hasInitialized && table.config.pager.initialized) { return; }
+ var t,
+ c = table.config,
+ wo = c.widgetOptions,
+ s = wo.pager_selectors,
+
+ // save pager variables
+ p = c.pager = $.extend({
+ totalPages: 0,
+ filteredRows: 0,
+ filteredPages: 0,
+ currentFilters: [],
+ page: wo.pager_startPage,
+ startRow: 0,
+ endRow: 0,
+ ajaxCounter: 0,
+ $size: null,
+ last: {},
+ // save original pager size
+ setSize: wo.pager_size,
+ setPage: wo.pager_startPage,
+ events: 'filterInit filterStart filterEnd sortEnd disable enable destroy updateComplete ' +
+ 'pageSize pageSet pageAndSize pagerUpdate refreshComplete '
+ }, c.pager);
+
+ // pager initializes multiple times before table has completed initialization
+ if (p.isInitializing) { return; }
+
+ p.isInitializing = true;
if (c.debug) {
- ts.log('Pager: Triggering pagerComplete');
+ ts.log('Pager: Initializing');
}
- c.$table.trigger('pagerComplete', c);
- // save pager info to storage
+
+ p.size = $.data(table, 'pagerLastSize') || wo.pager_size;
+ // added in case the pager is reinitialized after being destroyed.
+ p.$container = $(s.container).addClass(wo.pager_css.container).show();
+ // goto selector
+ p.$goto = p.$container.find(s.gotoPage); // goto is a reserved word #657
+ // page size selector
+ p.$size = p.$container.find(s.pageSize);
+ p.totalRows = c.$tbodies.eq(0).children('tr').not( wo.pager_countChildRows ? '' : '.' + c.cssChildRow ).length;
+ p.oldAjaxSuccess = p.oldAjaxSuccess || wo.pager_ajaxObject.success;
+ c.appender = tsp.appender;
+ p.initializing = true;
if (wo.pager_savePages && ts.storage) {
- ts.storage(table, wo.pager_storageKey, {
- page : p.page,
- size : p.size
- });
- }
- }
- },
-
- buildPageSelect: function(p, c) {
- // Filter the options page number link array if it's larger than 'pager_maxOptionSize'
- // as large page set links will slow the browser on large dom inserts
- var i, central_focus_size, focus_option_pages, insert_index, option_length, focus_length,
- wo = c.widgetOptions,
- pg = Math.min( p.totalPages, p.filteredPages ) || 1,
- // make skip set size multiples of 5
- skip_set_size = Math.ceil( ( pg / wo.pager_maxOptionSize ) / 5 ) * 5,
- large_collection = pg > wo.pager_maxOptionSize,
- current_page = p.page + 1,
- start_page = skip_set_size,
- end_page = pg - skip_set_size,
- option_pages = [1],
- // construct default options pages array
- option_pages_start_page = (large_collection) ? skip_set_size : 1;
-
- for ( i = option_pages_start_page; i <= pg; ) {
- option_pages.push(i);
- i = i + ( large_collection ? skip_set_size : 1 );
- }
- option_pages.push(pg);
-
- if (large_collection) {
- focus_option_pages = [];
- // don't allow central focus size to be > 5 on either side of current page
- central_focus_size = Math.max( Math.floor( wo.pager_maxOptionSize / skip_set_size ) - 1, 5 );
-
- start_page = current_page - central_focus_size;
- if (start_page < 1) { start_page = 1; }
- end_page = current_page + central_focus_size;
- if (end_page > pg) { end_page = pg; }
- // construct an array to get a focus set around the current page
- for (i = start_page; i <= end_page ; i++) {
- focus_option_pages.push(i);
+ t = ts.storage(table, wo.pager_storageKey) || {}; // fixes #387
+ p.page = ( isNaN(t.page) ? p.page : t.page ) || p.setPage || 0;
+ p.size = ( isNaN(t.size) ? p.size : t.size ) || p.setSize || 10;
+ $.data(table, 'pagerLastSize', p.size);
}
- // keep unique values
- option_pages = $.grep(option_pages, function(value, indx) {
- return $.inArray(value, option_pages) === indx;
- });
+ // skipped rows
+ p.regexRows = new RegExp('(' + (wo.filter_filteredRow || 'filtered') + '|' + c.selectorRemove.slice(1) + '|' + c.cssChildRow + ')');
- option_length = option_pages.length;
- focus_length = focus_option_pages.length;
+ // clear initialized flag
+ p.initialized = false;
+ // before initialization event
+ c.$table.trigger('pagerBeforeInitialized', c);
- // make sure at all option_pages aren't replaced
- if (option_length - focus_length > skip_set_size / 2 && option_length + focus_length > wo.pager_maxOptionSize ) {
- insert_index = Math.floor(option_length / 2) - Math.floor(focus_length / 2);
- Array.prototype.splice.apply(option_pages, [ insert_index, focus_length ]);
+ tsp.enablePager(table, c, false);
+
+ // p must have ajaxObject
+ p.ajaxObject = wo.pager_ajaxObject; // $.extend({}, wo.pager_ajaxObject );
+ p.ajaxObject.url = wo.pager_ajaxUrl;
+
+ if ( typeof wo.pager_ajaxUrl === 'string' ) {
+ // ajax pager; interact with database
+ p.ajax = true;
+ // When filtering with ajax, allow only custom filtering function, disable default filtering since it will be done server side.
+ wo.filter_serversideFiltering = true;
+ c.serverSideSorting = true;
+ tsp.moveToPage(table, p);
+ } else {
+ p.ajax = false;
+ // Regular pager; all rows stored in memory
+ c.$table.trigger('appendCache', [ {}, true ]);
}
- option_pages = option_pages.concat(focus_option_pages);
- }
+ },
- // keep unique values again
- option_pages = $.grep(option_pages, function(value, indx) {
- return $.inArray(value, option_pages) === indx;
- })
- .sort(function(a,b) { return a - b; });
+ initComplete: function(table, c){
+ var p = c.pager;
+ tsp.bindEvents(table, c);
+ tsp.setPageSize(table, 0, c); // page size 0 is ignored
- return option_pages;
- },
-
- fixHeight: function(table, c) {
- var d, h,
- p = c.pager,
- wo = c.widgetOptions,
- $b = c.$tbodies.eq(0);
- $b.find('tr.pagerSavedHeightSpacer').remove();
- if (wo.pager_fixedHeight && !p.isDisabled) {
- h = $.data(table, 'pagerSavedHeight');
- if (h) {
- d = h - $b.height();
- if ( d > 5 && $.data(table, 'pagerLastSize') === p.size && $b.children('tr:visible').length < p.size ) {
- $b.append('');
- }
+ if (!p.ajax) {
+ tsp.hideRowsSetup(table, c);
}
- }
- },
- changeHeight: function(table, c) {
- var h, $b = c.$tbodies.eq(0);
- $b.find('tr.pagerSavedHeightSpacer').remove();
- if (!$b.children('tr:visible').length) {
- $b.append('');
- }
- h = $b.children('tr').eq(0).height() * c.pager.size;
- $.data(table, 'pagerSavedHeight', h);
- tsp.fixHeight(table, c);
- $.data(table, 'pagerLastSize', c.pager.size);
- },
+ // pager initialized
+ p.initialized = true;
+ p.initializing = false;
+ p.isInitializing = false;
+ if (c.debug) {
+ ts.log('Pager: Triggering pagerInitialized');
+ }
+ c.$table.trigger('pagerInitialized', c);
+ // filter widget not initialized; it will update the output display & fire off the pagerComplete event
+ if ( !( c.widgetOptions.filter_initialized && ts.hasWidget(table, 'filter') ) ) {
+ // if ajax, then don't fire off pagerComplete
+ tsp.updatePageDisplay(table, c, !p.ajax);
+ }
+ },
- hideRows: function(table, c){
- if ( !c.widgetOptions.pager_ajaxUrl ) {
- var tbodyIndex, rowIndex, $rows, len, lastIndex,
+ bindEvents: function(table, c){
+ var ctrls, fxn,
p = c.pager,
wo = c.widgetOptions,
- tbodyLen = c.$tbodies.length,
- start = ( p.page * p.size ),
- end = start + p.size,
- filtr = wo && wo.filter_filteredRow || 'filtered',
- last = 0, // for cache indexing
- size = 0; // size counter
- p.cacheIndex = [];
- for ( tbodyIndex = 0; tbodyIndex < tbodyLen; tbodyIndex++ ) {
- $rows = c.$tbodies.eq( tbodyIndex ).children( 'tr' );
- len = $rows.length;
- lastIndex = 0;
- last = 0; // for cache indexing
- size = 0; // size counter
- for ( rowIndex = 0; rowIndex < len; rowIndex++ ) {
- if ( !$rows[ rowIndex ].className.match( filtr ) ) {
- if ( size === start && $rows[ rowIndex ].className.match( c.cssChildRow ) ) {
- // hide child rows @ start of pager (if already visible)
- $rows[ rowIndex ].style.display = 'none';
- } else {
- $rows[ rowIndex ].style.display = ( size >= start && size < end ) ? '' : 'none';
- if ( last !== size && size >= start && size < end ) {
- p.cacheIndex.push( rowIndex );
- last = size;
- }
- // don't count child rows
- size += $rows[ rowIndex ].className
- .match( c.cssChildRow + '|' + c.selectorRemove.slice( 1 ) ) && !wo.pager_countChildRows ? 0 : 1;
- if ( size === end && $rows[ rowIndex ].style.display !== 'none' &&
- $rows[ rowIndex ].className.match( ts.css.cssHasChild ) ) {
- lastIndex = rowIndex;
+ namespace = c.namespace + 'pager',
+ s = wo.pager_selectors;
+
+ c.$table
+ .off( $.trim(p.events.split(' ').join(namespace + ' ')) )
+ .on('filterInit filterStart '.split(' ').join(namespace + ' '), function(e, filters) {
+ p.currentFilters = $.isArray(filters) ? filters : c.$table.data('lastSearch');
+ // don't change page if filters are the same (pager updating, etc)
+ if (e.type === 'filterStart' && wo.pager_pageReset !== false && (c.lastCombinedFilter || '') !== (p.currentFilters || []).join('')) {
+ p.page = wo.pager_pageReset; // fixes #456 & #565
+ }
+ })
+ // update pager after filter widget completes
+ .on('filterEnd sortEnd '.split(' ').join(namespace + ' '), function() {
+ p.currentFilters = c.$table.data('lastSearch');
+ if (p.initialized || p.initializing) {
+ if (c.delayInit && c.rowsCopy && c.rowsCopy.length === 0) {
+ // make sure we have a copy of all table rows once the cache has been built
+ tsp.updateCache(table);
+ }
+ tsp.updatePageDisplay(table, c, false);
+ // tsp.moveToPage(table, p, false); <-- called when applyWidgets is triggered
+ c.$table.trigger('applyWidgets');
+ }
+ })
+ .on('disable' + namespace, function(e){
+ e.stopPropagation();
+ tsp.showAllRows(table, c);
+ })
+ .on('enable' + namespace, function(e){
+ e.stopPropagation();
+ tsp.enablePager(table, c, true);
+ })
+ .on('destroy' + namespace, function(e, refreshing){
+ e.stopPropagation();
+ tsp.destroyPager(table, c, refreshing);
+ })
+ .on('updateComplete' + namespace, function(e, table, triggered){
+ e.stopPropagation();
+ // table can be unintentionally undefined in tablesorter v2.17.7 and earlier
+ // don't recalculate total rows/pages if using ajax
+ if (!table || triggered || p.ajax) { return; }
+ var $rows = c.$tbodies.eq(0).children('tr').not(c.selectorRemove);
+ p.totalRows = $rows.length - ( wo.pager_countChildRows ? 0 : $rows.filter('.' + c.cssChildRow).length );
+ p.totalPages = Math.ceil( p.totalRows / p.size );
+ if ($rows.length && c.rowsCopy && c.rowsCopy.length === 0) {
+ // make a copy of all table rows once the cache has been built
+ tsp.updateCache(table);
+ }
+ if ( p.page >= p.totalPages ) {
+ tsp.moveToLastPage(table, p);
+ }
+ tsp.hideRows(table, c);
+ tsp.changeHeight(table, c);
+ // update without triggering pagerComplete
+ tsp.updatePageDisplay(table, c, false);
+ // make sure widgets are applied - fixes #450
+ c.$table.trigger('applyWidgets');
+ tsp.updatePageDisplay(table, c);
+ })
+ .on('pageSize refreshComplete '.split(' ').join(namespace + ' '), function(e, v){
+ e.stopPropagation();
+ tsp.setPageSize(table, parseInt(v, 10) || p.setSize || 10, c);
+ tsp.hideRows(table, c);
+ tsp.updatePageDisplay(table, c, false);
+ })
+ .on('pageSet pagerUpdate '.split(' ').join(namespace + ' '), function(e, v){
+ e.stopPropagation();
+ // force pager refresh
+ if (e.type === 'pagerUpdate') {
+ v = typeof v === 'undefined' ? p.page + 1 : v;
+ p.last.page = true;
+ }
+ p.page = (parseInt(v, 10) || 1) - 1;
+ tsp.moveToPage(table, p, true);
+ tsp.updatePageDisplay(table, c, false);
+ })
+ .on('pageAndSize' + namespace, function(e, page, size){
+ e.stopPropagation();
+ p.page = (parseInt(page, 10) || 1) - 1;
+ tsp.setPageSize(table, parseInt(size, 10) || p.setSize || 10, c);
+ tsp.moveToPage(table, p, true);
+ tsp.hideRows(table, c);
+ tsp.updatePageDisplay(table, c, false);
+ });
+
+ // clicked controls
+ ctrls = [ s.first, s.prev, s.next, s.last ];
+ fxn = [ 'moveToFirstPage', 'moveToPrevPage', 'moveToNextPage', 'moveToLastPage' ];
+ if (c.debug && !p.$container.length) {
+ ts.log('Pager: >> Container not found');
+ }
+ p.$container.find(ctrls.join(','))
+ .attr('tabindex', 0)
+ .off('click' + namespace)
+ .on('click' + namespace, function(e){
+ e.stopPropagation();
+ var i,
+ $c = $(this),
+ l = ctrls.length;
+ if ( !$c.hasClass(wo.pager_css.disabled) ) {
+ for (i = 0; i < l; i++) {
+ if ($c.is(ctrls[i])) {
+ tsp[fxn[i]](table, p);
+ break;
}
}
}
- }
- // add any attached child rows to last row of pager. Fixes part of issue #396
- if ( lastIndex > 0 && $rows[ lastIndex ].className.match( ts.css.cssHasChild ) ) {
- while ( ++lastIndex < len && $rows[ lastIndex ].className.match( c.cssChildRow ) ) {
- $rows[ lastIndex ].style.display = '';
- }
- }
+ });
+
+ if ( p.$goto.length ) {
+ p.$goto
+ .off('change' + namespace)
+ .on('change' + namespace, function(){
+ p.page = $(this).val() - 1;
+ tsp.moveToPage(table, p, true);
+ tsp.updatePageDisplay(table, c, false);
+ });
+ } else if (c.debug) {
+ ts.log('Pager: >> Goto selector not found');
}
- }
- },
- hideRowsSetup: function(table, c){
- var p = c.pager,
- namespace = c.namespace + 'pager';
- p.size = parseInt( p.$size.val(), 10 ) || p.size || p.setSize || 10;
- $.data(table, 'pagerLastSize', p.size);
- tsp.pagerArrows(c);
- if ( !c.widgetOptions.pager_removeRows ) {
- tsp.hideRows(table, c);
- c.$table.on('sortEnd filterEnd '.split(' ').join(namespace + ' '), function(){
- tsp.hideRows(table, c);
- });
- }
- },
+ if ( p.$size.length ) {
+ // setting an option as selected appears to cause issues with initial page size
+ p.$size.find('option').removeAttr('selected');
+ p.$size
+ .off('change' + namespace)
+ .on('change' + namespace, function() {
+ p.$size.val( $(this).val() ); // in case there are more than one pagers
+ if ( !$(this).hasClass(wo.pager_css.disabled) ) {
+ tsp.setPageSize(table, parseInt( $(this).val(), 10 ), c);
+ tsp.changeHeight(table, c);
+ }
+ return false;
+ });
+ } else if (c.debug) {
+ ts.log('Pager: >> Size selector not found');
+ }
- renderAjax: function(data, table, c, xhr, exception){
- var p = c.pager,
- wo = c.widgetOptions;
- // process data
- if ( $.isFunction(wo.pager_ajaxProcessing) ) {
- // ajaxProcessing result: [ total, rows, headers ]
- var i, j, t, hsh, $f, $sh, $headers, $h, icon, th, d, l, rr_count, len,
- $table = c.$table,
- tds = '',
- result = wo.pager_ajaxProcessing(data, table, xhr) || [ 0, [] ],
- hl = $table.find('thead th').length;
+ },
- // Clean up any previous error.
- ts.showError(table);
+ // hide arrows at extremes
+ pagerArrows: function(c, disable) {
+ var p = c.pager,
+ dis = !!disable,
+ first = dis || p.page === 0,
+ tp = Math.min( p.totalPages, p.filteredPages ),
+ last = dis || p.page === tp - 1 || tp === 0,
+ wo = c.widgetOptions,
+ s = wo.pager_selectors;
+ if ( wo.pager_updateArrows ) {
+ p.$container.find(s.first + ',' + s.prev).toggleClass(wo.pager_css.disabled, first).attr('aria-disabled', first);
+ p.$container.find(s.next + ',' + s.last).toggleClass(wo.pager_css.disabled, last).attr('aria-disabled', last);
+ }
+ },
- if ( exception ) {
- if (c.debug) {
- ts.log('Pager: >> Ajax Error', xhr, exception);
- }
- ts.showError(table, exception.message + ' (' + xhr.status + ')');
- c.$tbodies.eq(0).children('tr').detach();
- p.totalRows = 0;
- } else {
- // process ajax object
- if (!$.isArray(result)) {
- p.ajaxData = result;
- c.totalRows = p.totalRows = result.total;
- c.filteredRows = p.filteredRows = typeof result.filteredRows !== 'undefined' ? result.filteredRows : result.total;
- th = result.headers;
- d = result.rows || [];
+ calcFilters: function(table, c) {
+ var normalized, indx, len,
+ wo = c.widgetOptions,
+ p = c.pager,
+ hasFilters = c.$table.hasClass('hasFilters');
+ if (hasFilters && !wo.pager_ajaxUrl) {
+ if ($.isEmptyObject(c.cache)) {
+ // delayInit: true so nothing is in the cache
+ p.filteredRows = p.totalRows = c.$tbodies.eq(0).children('tr').not( wo.pager_countChildRows ? '' : '.' + c.cssChildRow ).length;
} else {
- // allow [ total, rows, headers ] or [ rows, total, headers ]
- t = isNaN(result[0]) && !isNaN(result[1]);
- // ensure a zero returned row count doesn't fail the logical ||
- rr_count = result[t ? 1 : 0];
- p.totalRows = isNaN(rr_count) ? p.totalRows || 0 : rr_count;
- // can't set filtered rows when returning an array
- c.totalRows = c.filteredRows = p.filteredRows = p.totalRows;
- // set row data to empty array if nothing found - see http://stackoverflow.com/q/30875583/145346
- d = p.totalRows === 0 ? [] : result[t ? 0 : 1] || []; // row data
- th = result[2]; // headers
- }
- l = d && d.length;
- if (d instanceof jQuery) {
- if (wo.pager_processAjaxOnInit) {
- // append jQuery object
- c.$tbodies.eq(0).children('tr').detach();
- c.$tbodies.eq(0).append(d);
- }
- } else if (l) {
- // build table from array
- for ( i = 0; i < l; i++ ) {
- tds += '';
- for ( j = 0; j < d[i].length; j++ ) {
- // build tbody cells; watch for data containing HTML markup - see #434
- tds += /^\s*| ' + d[i][j] + ' | ';
- }
- tds += '
';
- }
- // add rows to first tbody
- if (wo.pager_processAjaxOnInit) {
- c.$tbodies.eq(0).html( tds );
- }
- }
- wo.pager_processAjaxOnInit = true;
- // only add new header text if the length matches
- if ( th && th.length === hl ) {
- hsh = $table.hasClass('hasStickyHeaders');
- $sh = hsh ? wo.$sticky.children('thead:first').children('tr').children() : '';
- $f = $table.find('tfoot tr:first').children();
- // don't change td headers (may contain pager)
- $headers = c.$headers.filter( 'th ');
- len = $headers.length;
- for ( j = 0; j < len; j++ ) {
- $h = $headers.eq( j );
- // add new test within the first span it finds, or just in the header
- if ( $h.find('.' + ts.css.icon).length ) {
- icon = $h.find('.' + ts.css.icon).clone(true);
- $h.find('.tablesorter-header-inner').html( th[j] ).append(icon);
- if ( hsh && $sh.length ) {
- icon = $sh.eq(j).find('.' + ts.css.icon).clone(true);
- $sh.eq(j).find('.tablesorter-header-inner').html( th[j] ).append(icon);
- }
- } else {
- $h.find('.tablesorter-header-inner').html( th[j] );
- if (hsh && $sh.length) {
- $sh.eq(j).find('.tablesorter-header-inner').html( th[j] );
- }
- }
- $f.eq(j).html( th[j] );
+ p.filteredRows = 0;
+ normalized = c.cache[0].normalized;
+ len = normalized.length;
+ for (indx = 0; indx < len; indx++) {
+ p.filteredRows += p.regexRows.test(normalized[indx][c.columns].$row[0].className) ? 0 : 1;
}
}
+ } else if (!hasFilters) {
+ p.filteredRows = p.totalRows;
}
- if (c.showProcessing) {
- ts.isProcessing(table); // remove loading icon
- }
- // make sure last pager settings are saved, prevents multiple server side calls with
- // the same parameters
- p.totalPages = Math.ceil( p.totalRows / ( p.size || p.setSize || 10 ) );
- p.last.totalRows = p.totalRows;
- p.last.currentFilters = p.currentFilters;
- p.last.sortList = (c.sortList || []).join(',');
- p.initializing = false;
- // update display without triggering pager complete... before updating cache
- tsp.updatePageDisplay(table, c, false);
- $table.trigger('updateCache', [function(){
- if (p.initialized) {
- // apply widgets after table has rendered & after a delay to prevent
- // multiple applyWidget blocking code from blocking this trigger
- setTimeout(function(){
- if (c.debug) {
- ts.log('Pager: Triggering pagerChange');
- }
- $table
- .trigger('applyWidgets')
- .trigger('pagerChange', p);
- tsp.updatePageDisplay(table, c);
- }, 0);
- }
- }]);
- }
- if (!p.initialized) {
- c.$table.trigger('applyWidgets');
- }
- },
+ },
- getAjax: function(table, c){
- var counter,
- url = tsp.getAjaxUrl(table, c),
- $doc = $(document),
- namespace = c.namespace + 'pager',
- p = c.pager;
- if ( url !== '' ) {
- if (c.showProcessing) {
- ts.isProcessing(table, true); // show loading icon
- }
- $doc.on('ajaxError' + namespace, function(e, xhr, settings, exception) {
- tsp.renderAjax(null, table, c, xhr, exception);
- $doc.off('ajaxError' + namespace);
- });
- counter = ++p.ajaxCounter;
- p.last.ajaxUrl = url; // remember processed url
- p.ajaxObject.url = url; // from the ajaxUrl option and modified by customAjaxUrl
- p.ajaxObject.success = function(data, status, jqxhr) {
- // Refuse to process old ajax commands that were overwritten by new ones - see #443
- if (counter < p.ajaxCounter){
- return;
+ updatePageDisplay: function(table, c, completed) {
+ if ( c.pager.initializing ) { return; }
+ var s, t, $out, options, indx, len,
+ wo = c.widgetOptions,
+ p = c.pager,
+ namespace = c.namespace + 'pager',
+ sz = p.size || p.setSize || 10; // don't allow dividing by zero
+ if (wo.pager_countChildRows) { t.push(c.cssChildRow); }
+ p.$size.add(p.$goto).removeClass(wo.pager_css.disabled).removeAttr('disabled').attr('aria-disabled', 'false');
+ p.totalPages = Math.ceil( p.totalRows / sz ); // needed for 'pageSize' method
+ c.totalRows = p.totalRows;
+ tsp.calcFilters(table, c);
+ c.filteredRows = p.filteredRows;
+ p.filteredPages = Math.ceil( p.filteredRows / sz ) || 0;
+ if ( Math.min( p.totalPages, p.filteredPages ) >= 0 ) {
+ t = (p.size * p.page > p.filteredRows) && completed;
+ p.page = (t) ? wo.pager_pageReset || 0 : p.page;
+ p.startRow = (t) ? p.size * p.page + 1 : (p.filteredRows === 0 ? 0 : p.size * p.page + 1);
+ p.endRow = Math.min( p.filteredRows, p.totalRows, p.size * ( p.page + 1 ) );
+ $out = p.$container.find(wo.pager_selectors.pageDisplay);
+ // form the output string (can now get a new output string from the server)
+ s = ( p.ajaxData && p.ajaxData.output ? p.ajaxData.output || wo.pager_output : wo.pager_output )
+ // {page} = one-based index; {page+#} = zero based index +/- value
+ .replace(/\{page([\-+]\d+)?\}/gi, function(m, n){
+ return p.totalPages ? p.page + (n ? parseInt(n, 10) : 1) : 0;
+ })
+ // {totalPages}, {extra}, {extra:0} (array) or {extra : key} (object)
+ .replace(/\{\w+(\s*:\s*\w+)?\}/gi, function(m){
+ var len, indx,
+ str = m.replace(/[{}\s]/g, ''),
+ extra = str.split(':'),
+ data = p.ajaxData,
+ // return zero for default page/row numbers
+ deflt = /(rows?|pages?)$/i.test(str) ? 0 : '';
+ if (/(startRow|page)/.test(extra[0]) && extra[1] === 'input') {
+ len = ('' + (extra[0] === 'page' ? p.totalPages : p.totalRows)).length;
+ indx = extra[0] === 'page' ? p.page + 1 : p.startRow;
+ return '';
+ }
+ return extra.length > 1 && data && data[extra[0]] ? data[extra[0]][extra[1]] : p[str] || (data ? data[str] : deflt) || deflt;
+ });
+ if ( p.$goto.length ) {
+ t = '';
+ options = tsp.buildPageSelect(p, c);
+ len = options.length;
+ for (indx = 0; indx < len; indx++) {
+ t += '';
+ }
+ // innerHTML doesn't work in IE9 - http://support2.microsoft.com/kb/276228
+ p.$goto.html(t).val( p.page + 1 );
}
- tsp.renderAjax(data, table, c, jqxhr);
- $doc.off('ajaxError' + namespace);
+ if ($out.length) {
+ $out[ ($out[0].nodeName === 'INPUT') ? 'val' : 'html' ](s);
+ // rebind startRow/page inputs
+ $out.find('.ts-startRow, .ts-page').off('change' + namespace).on('change' + namespace, function(){
+ var v = $(this).val(),
+ pg = $(this).hasClass('ts-startRow') ? Math.floor( v / p.size ) + 1 : v;
+ c.$table.trigger('pageSet' + namespace, [ pg ]);
+ });
+ }
+ }
+ tsp.pagerArrows(c);
+ tsp.fixHeight(table, c);
+ if (p.initialized && completed !== false) {
+ if (c.debug) {
+ ts.log('Pager: Triggering pagerComplete');
+ }
+ c.$table.trigger('pagerComplete', c);
+ // save pager info to storage
+ if (wo.pager_savePages && ts.storage) {
+ ts.storage(table, wo.pager_storageKey, {
+ page : p.page,
+ size : p.size
+ });
+ }
+ }
+ },
+
+ buildPageSelect: function(p, c) {
+ // Filter the options page number link array if it's larger than 'pager_maxOptionSize'
+ // as large page set links will slow the browser on large dom inserts
+ var i, central_focus_size, focus_option_pages, insert_index, option_length, focus_length,
+ wo = c.widgetOptions,
+ pg = Math.min( p.totalPages, p.filteredPages ) || 1,
+ // make skip set size multiples of 5
+ skip_set_size = Math.ceil( ( pg / wo.pager_maxOptionSize ) / 5 ) * 5,
+ large_collection = pg > wo.pager_maxOptionSize,
+ current_page = p.page + 1,
+ start_page = skip_set_size,
+ end_page = pg - skip_set_size,
+ option_pages = [ 1 ],
+ // construct default options pages array
+ option_pages_start_page = (large_collection) ? skip_set_size : 1;
+
+ for ( i = option_pages_start_page; i <= pg; ) {
+ option_pages.push(i);
+ i = i + ( large_collection ? skip_set_size : 1 );
+ }
+ option_pages.push(pg);
+
+ if (large_collection) {
+ focus_option_pages = [];
+ // don't allow central focus size to be > 5 on either side of current page
+ central_focus_size = Math.max( Math.floor( wo.pager_maxOptionSize / skip_set_size ) - 1, 5 );
+
+ start_page = current_page - central_focus_size;
+ if (start_page < 1) { start_page = 1; }
+ end_page = current_page + central_focus_size;
+ if (end_page > pg) { end_page = pg; }
+ // construct an array to get a focus set around the current page
+ for (i = start_page; i <= end_page ; i++) {
+ focus_option_pages.push(i);
+ }
+
+ // keep unique values
+ option_pages = $.grep(option_pages, function(value, indx) {
+ return $.inArray(value, option_pages) === indx;
+ });
+
+ option_length = option_pages.length;
+ focus_length = focus_option_pages.length;
+
+ // make sure at all option_pages aren't replaced
+ if (option_length - focus_length > skip_set_size / 2 && option_length + focus_length > wo.pager_maxOptionSize ) {
+ insert_index = Math.floor(option_length / 2) - Math.floor(focus_length / 2);
+ Array.prototype.splice.apply(option_pages, [ insert_index, focus_length ]);
+ }
+ option_pages = option_pages.concat(focus_option_pages);
+
+ }
+
+ // keep unique values again
+ option_pages = $.grep(option_pages, function(value, indx) {
+ return $.inArray(value, option_pages) === indx;
+ })
+ .sort(function(a, b) { return a - b; });
+
+ return option_pages;
+ },
+
+ fixHeight: function(table, c) {
+ var d, h,
+ p = c.pager,
+ wo = c.widgetOptions,
+ $b = c.$tbodies.eq(0);
+ $b.find('tr.pagerSavedHeightSpacer').remove();
+ if (wo.pager_fixedHeight && !p.isDisabled) {
+ h = $.data(table, 'pagerSavedHeight');
+ if (h) {
+ d = h - $b.height();
+ if ( d > 5 && $.data(table, 'pagerLastSize') === p.size && $b.children('tr:visible').length < p.size ) {
+ $b.append('');
+ }
+ }
+ }
+ },
+
+ changeHeight: function(table, c) {
+ var h, $b = c.$tbodies.eq(0);
+ $b.find('tr.pagerSavedHeightSpacer').remove();
+ if (!$b.children('tr:visible').length) {
+ $b.append('');
+ }
+ h = $b.children('tr').eq(0).height() * c.pager.size;
+ $.data(table, 'pagerSavedHeight', h);
+ tsp.fixHeight(table, c);
+ $.data(table, 'pagerLastSize', c.pager.size);
+ },
+
+ hideRows: function(table, c){
+ if ( !c.widgetOptions.pager_ajaxUrl ) {
+ var tbodyIndex, rowIndex, $rows, len, lastIndex,
+ p = c.pager,
+ wo = c.widgetOptions,
+ tbodyLen = c.$tbodies.length,
+ start = ( p.page * p.size ),
+ end = start + p.size,
+ filtr = wo && wo.filter_filteredRow || 'filtered',
+ last = 0, // for cache indexing
+ size = 0; // size counter
+ p.cacheIndex = [];
+ for ( tbodyIndex = 0; tbodyIndex < tbodyLen; tbodyIndex++ ) {
+ $rows = c.$tbodies.eq( tbodyIndex ).children( 'tr' );
+ len = $rows.length;
+ lastIndex = 0;
+ last = 0; // for cache indexing
+ size = 0; // size counter
+ for ( rowIndex = 0; rowIndex < len; rowIndex++ ) {
+ if ( !$rows[ rowIndex ].className.match( filtr ) ) {
+ if ( size === start && $rows[ rowIndex ].className.match( c.cssChildRow ) ) {
+ // hide child rows @ start of pager (if already visible)
+ $rows[ rowIndex ].style.display = 'none';
+ } else {
+ $rows[ rowIndex ].style.display = ( size >= start && size < end ) ? '' : 'none';
+ if ( last !== size && size >= start && size < end ) {
+ p.cacheIndex.push( rowIndex );
+ last = size;
+ }
+ // don't count child rows
+ size += $rows[ rowIndex ].className
+ .match( c.cssChildRow + '|' + c.selectorRemove.slice( 1 ) ) && !wo.pager_countChildRows ? 0 : 1;
+ if ( size === end && $rows[ rowIndex ].style.display !== 'none' &&
+ $rows[ rowIndex ].className.match( ts.css.cssHasChild ) ) {
+ lastIndex = rowIndex;
+ }
+ }
+ }
+ }
+ // add any attached child rows to last row of pager. Fixes part of issue #396
+ if ( lastIndex > 0 && $rows[ lastIndex ].className.match( ts.css.cssHasChild ) ) {
+ while ( ++lastIndex < len && $rows[ lastIndex ].className.match( c.cssChildRow ) ) {
+ $rows[ lastIndex ].style.display = '';
+ }
+ }
+ }
+ }
+ },
+
+ hideRowsSetup: function(table, c){
+ var p = c.pager,
+ namespace = c.namespace + 'pager';
+ p.size = parseInt( p.$size.val(), 10 ) || p.size || p.setSize || 10;
+ $.data(table, 'pagerLastSize', p.size);
+ tsp.pagerArrows(c);
+ if ( !c.widgetOptions.pager_removeRows ) {
+ tsp.hideRows(table, c);
+ c.$table.on('sortEnd filterEnd '.split(' ').join(namespace + ' '), function(){
+ tsp.hideRows(table, c);
+ });
+ }
+ },
+
+ renderAjax: function(data, table, c, xhr, exception){
+ var p = c.pager,
+ wo = c.widgetOptions;
+ // process data
+ if ( $.isFunction(wo.pager_ajaxProcessing) ) {
+ // ajaxProcessing result: [ total, rows, headers ]
+ var i, j, t, hsh, $f, $sh, $headers, $h, icon, th, d, l, rr_count, len,
+ $table = c.$table,
+ tds = '',
+ result = wo.pager_ajaxProcessing(data, table, xhr) || [ 0, [] ],
+ hl = $table.find('thead th').length;
+
+ // Clean up any previous error.
+ ts.showError(table);
+
+ if ( exception ) {
+ if (c.debug) {
+ ts.log('Pager: >> Ajax Error', xhr, exception);
+ }
+ ts.showError(table, exception.message + ' (' + xhr.status + ')');
+ c.$tbodies.eq(0).children('tr').detach();
+ p.totalRows = 0;
+ } else {
+ // process ajax object
+ if (!$.isArray(result)) {
+ p.ajaxData = result;
+ c.totalRows = p.totalRows = result.total;
+ c.filteredRows = p.filteredRows = typeof result.filteredRows !== 'undefined' ? result.filteredRows : result.total;
+ th = result.headers;
+ d = result.rows || [];
+ } else {
+ // allow [ total, rows, headers ] or [ rows, total, headers ]
+ t = isNaN(result[0]) && !isNaN(result[1]);
+ // ensure a zero returned row count doesn't fail the logical ||
+ rr_count = result[t ? 1 : 0];
+ p.totalRows = isNaN(rr_count) ? p.totalRows || 0 : rr_count;
+ // can't set filtered rows when returning an array
+ c.totalRows = c.filteredRows = p.filteredRows = p.totalRows;
+ // set row data to empty array if nothing found - see http://stackoverflow.com/q/30875583/145346
+ d = p.totalRows === 0 ? [] : result[t ? 0 : 1] || []; // row data
+ th = result[2]; // headers
+ }
+ l = d && d.length;
+ if (d instanceof jQuery) {
+ if (wo.pager_processAjaxOnInit) {
+ // append jQuery object
+ c.$tbodies.eq(0).children('tr').detach();
+ c.$tbodies.eq(0).append(d);
+ }
+ } else if (l) {
+ // build table from array
+ for ( i = 0; i < l; i++ ) {
+ tds += '';
+ for ( j = 0; j < d[i].length; j++ ) {
+ // build tbody cells; watch for data containing HTML markup - see #434
+ tds += /^\s*| ' + d[i][j] + ' | ';
+ }
+ tds += '
';
+ }
+ // add rows to first tbody
+ if (wo.pager_processAjaxOnInit) {
+ c.$tbodies.eq(0).html( tds );
+ }
+ }
+ wo.pager_processAjaxOnInit = true;
+ // only add new header text if the length matches
+ if ( th && th.length === hl ) {
+ hsh = $table.hasClass('hasStickyHeaders');
+ $sh = hsh ? wo.$sticky.children('thead:first').children('tr').children() : '';
+ $f = $table.find('tfoot tr:first').children();
+ // don't change td headers (may contain pager)
+ $headers = c.$headers.filter( 'th ');
+ len = $headers.length;
+ for ( j = 0; j < len; j++ ) {
+ $h = $headers.eq( j );
+ // add new test within the first span it finds, or just in the header
+ if ( $h.find('.' + ts.css.icon).length ) {
+ icon = $h.find('.' + ts.css.icon).clone(true);
+ $h.find('.tablesorter-header-inner').html( th[j] ).append(icon);
+ if ( hsh && $sh.length ) {
+ icon = $sh.eq(j).find('.' + ts.css.icon).clone(true);
+ $sh.eq(j).find('.tablesorter-header-inner').html( th[j] ).append(icon);
+ }
+ } else {
+ $h.find('.tablesorter-header-inner').html( th[j] );
+ if (hsh && $sh.length) {
+ $sh.eq(j).find('.tablesorter-header-inner').html( th[j] );
+ }
+ }
+ $f.eq(j).html( th[j] );
+ }
+ }
+ }
+ if (c.showProcessing) {
+ ts.isProcessing(table); // remove loading icon
+ }
+ // make sure last pager settings are saved, prevents multiple server side calls with
+ // the same parameters
+ p.totalPages = Math.ceil( p.totalRows / ( p.size || p.setSize || 10 ) );
+ p.last.totalRows = p.totalRows;
+ p.last.currentFilters = p.currentFilters;
+ p.last.sortList = (c.sortList || []).join(',');
+ p.initializing = false;
+ // update display without triggering pager complete... before updating cache
+ tsp.updatePageDisplay(table, c, false);
+ $table.trigger('updateCache', [ function(){
+ if (p.initialized) {
+ // apply widgets after table has rendered & after a delay to prevent
+ // multiple applyWidget blocking code from blocking this trigger
+ setTimeout(function(){
+ if (c.debug) {
+ ts.log('Pager: Triggering pagerChange');
+ }
+ $table
+ .trigger('applyWidgets')
+ .trigger('pagerChange', p);
+ tsp.updatePageDisplay(table, c);
+ }, 0);
+ }
+ } ]);
+ }
+ if (!p.initialized) {
+ c.$table.trigger('applyWidgets');
+ }
+ },
+
+ getAjax: function(table, c){
+ var counter,
+ url = tsp.getAjaxUrl(table, c),
+ $doc = $(document),
+ namespace = c.namespace + 'pager',
+ p = c.pager;
+ if ( url !== '' ) {
+ if (c.showProcessing) {
+ ts.isProcessing(table, true); // show loading icon
+ }
+ $doc.on('ajaxError' + namespace, function(e, xhr, settings, exception) {
+ tsp.renderAjax(null, table, c, xhr, exception);
+ $doc.off('ajaxError' + namespace);
+ });
+ counter = ++p.ajaxCounter;
+ p.last.ajaxUrl = url; // remember processed url
+ p.ajaxObject.url = url; // from the ajaxUrl option and modified by customAjaxUrl
+ p.ajaxObject.success = function(data, status, jqxhr) {
+ // Refuse to process old ajax commands that were overwritten by new ones - see #443
+ if (counter < p.ajaxCounter){
+ return;
+ }
+ tsp.renderAjax(data, table, c, jqxhr);
+ $doc.off('ajaxError' + namespace);
if (typeof p.oldAjaxSuccess === 'function') {
p.oldAjaxSuccess(data);
}
- };
- if (c.debug) {
- ts.log('Pager: Ajax initialized', p.ajaxObject);
- }
- $.ajax(p.ajaxObject);
- }
- },
-
- getAjaxUrl: function(table, c) {
- var indx, len,
- p = c.pager,
- wo = c.widgetOptions,
- url = (wo.pager_ajaxUrl) ? wo.pager_ajaxUrl
- // allow using "{page+1}" in the url string to switch to a non-zero based index
- .replace(/\{page([\-+]\d+)?\}/, function(s,n){ return p.page + (n ? parseInt(n, 10) : 0); })
- .replace(/\{size\}/g, p.size) : '',
- sortList = c.sortList,
- filterList = p.currentFilters || $(table).data('lastSearch') || [],
- sortCol = url.match(/\{\s*sort(?:List)?\s*:\s*(\w*)\s*\}/),
- filterCol = url.match(/\{\s*filter(?:List)?\s*:\s*(\w*)\s*\}/),
- arry = [];
- if (sortCol) {
- sortCol = sortCol[1];
- len = sortList.length;
- for (indx = 0; indx < len; indx++) {
- arry.push(sortCol + '[' + sortList[indx][0] + ']=' + sortList[indx][1]);
- }
- // if the arry is empty, just add the col parameter... "&{sortList:col}" becomes "&col"
- url = url.replace(/\{\s*sort(?:List)?\s*:\s*(\w*)\s*\}/g, arry.length ? arry.join('&') : sortCol );
- arry = [];
- }
- if (filterCol) {
- filterCol = filterCol[1];
- len = filterList.length;
- for (indx = 0; indx < len; indx++) {
- if (filterList[indx]) {
- arry.push(filterCol + '[' + indx + ']=' + encodeURIComponent(filterList[indx]));
+ };
+ if (c.debug) {
+ ts.log('Pager: Ajax initialized', p.ajaxObject);
}
+ $.ajax(p.ajaxObject);
}
- // if the arry is empty, just add the fcol parameter... "&{filterList:fcol}" becomes "&fcol"
- url = url.replace(/\{\s*filter(?:List)?\s*:\s*(\w*)\s*\}/g, arry.length ? arry.join('&') : filterCol );
- p.currentFilters = filterList;
- }
- if ( $.isFunction(wo.pager_customAjaxUrl) ) {
- url = wo.pager_customAjaxUrl(table, url);
- }
- if (c.debug) {
- ts.log('Pager: Ajax url = ' + url);
- }
- return url;
- },
+ },
- renderTable: function(table, rows) {
- var $tb, index, count, added,
- c = table.config,
- p = c.pager,
- wo = c.widgetOptions,
- f = c.$table.hasClass('hasFilters'),
- l = rows && rows.length || 0, // rows may be undefined
- s = ( p.page * p.size ),
- e = p.size;
- if ( l < 1 ) {
- if (c.debug) {
- ts.log('Pager: >> No rows for pager to render');
+ getAjaxUrl: function(table, c) {
+ var indx, len,
+ p = c.pager,
+ wo = c.widgetOptions,
+ url = (wo.pager_ajaxUrl) ? wo.pager_ajaxUrl
+ // allow using '{page+1}' in the url string to switch to a non-zero based index
+ .replace(/\{page([\-+]\d+)?\}/, function(s, n){ return p.page + (n ? parseInt(n, 10) : 0); })
+ .replace(/\{size\}/g, p.size) : '',
+ sortList = c.sortList,
+ filterList = p.currentFilters || $(table).data('lastSearch') || [],
+ sortCol = url.match(/\{\s*sort(?:List)?\s*:\s*(\w*)\s*\}/),
+ filterCol = url.match(/\{\s*filter(?:List)?\s*:\s*(\w*)\s*\}/),
+ arry = [];
+ if (sortCol) {
+ sortCol = sortCol[1];
+ len = sortList.length;
+ for (indx = 0; indx < len; indx++) {
+ arry.push(sortCol + '[' + sortList[indx][0] + ']=' + sortList[indx][1]);
+ }
+ // if the arry is empty, just add the col parameter... '&{sortList:col}' becomes '&col'
+ url = url.replace(/\{\s*sort(?:List)?\s*:\s*(\w*)\s*\}/g, arry.length ? arry.join('&') : sortCol );
+ arry = [];
}
- // empty table, abort!
- return;
- }
- if ( p.page >= p.totalPages ) {
- // lets not render the table more than once
- return tsp.moveToLastPage(table, p);
- }
- p.cacheIndex = [];
- p.isDisabled = false; // needed because sorting will change the page and re-enable the pager
- if (p.initialized) {
- if (c.debug) {
- ts.log('Pager: Triggering pagerChange');
- }
- c.$table.trigger('pagerChange', c);
- }
- if ( !wo.pager_removeRows ) {
- tsp.hideRows(table, c);
- } else {
- ts.clearTableBody(table);
- $tb = ts.processTbody(table, c.$tbodies.eq(0), true);
- // not filtered, start from the calculated starting point (s)
- // if filtered, start from zero
- index = f ? 0 : s;
- count = f ? 0 : s;
- added = 0;
- while (added < e && index < rows.length) {
- if (!f || !/filtered/.test(rows[index][0].className)){
- count++;
- if (count > s && added <= e) {
- added++;
- p.cacheIndex.push(index);
- $tb.append(rows[index]);
+ if (filterCol) {
+ filterCol = filterCol[1];
+ len = filterList.length;
+ for (indx = 0; indx < len; indx++) {
+ if (filterList[indx]) {
+ arry.push(filterCol + '[' + indx + ']=' + encodeURIComponent(filterList[indx]));
}
}
- index++;
+ // if the arry is empty, just add the fcol parameter... '&{filterList:fcol}' becomes '&fcol'
+ url = url.replace(/\{\s*filter(?:List)?\s*:\s*(\w*)\s*\}/g, arry.length ? arry.join('&') : filterCol );
+ p.currentFilters = filterList;
+ }
+ if ( $.isFunction(wo.pager_customAjaxUrl) ) {
+ url = wo.pager_customAjaxUrl(table, url);
}
- ts.processTbody(table, $tb, false);
- }
- tsp.updatePageDisplay(table, c);
-
- wo.pager_startPage = p.page;
- wo.pager_size = p.size;
- if (table.isUpdating) {
if (c.debug) {
- ts.log('Pager: Triggering updateComplete');
+ ts.log('Pager: Ajax url = ' + url);
}
- c.$table.trigger('updateComplete', [ table, true ]);
- }
+ return url;
+ },
- },
-
- showAllRows: function(table, c){
- var index, $controls, len,
- p = c.pager,
- wo = c.widgetOptions;
- if ( p.ajax ) {
- tsp.pagerArrows(c, true);
- } else {
- p.isDisabled = true;
- $.data(table, 'pagerLastPage', p.page);
- $.data(table, 'pagerLastSize', p.size);
- p.page = 0;
- p.size = p.totalRows;
- p.totalPages = 1;
- c.$table
- .addClass('pagerDisabled')
- .removeAttr('aria-describedby')
- .find('tr.pagerSavedHeightSpacer').remove();
- tsp.renderTable(table, c.rowsCopy);
- c.$table.trigger('applyWidgets');
- if (c.debug) {
- ts.log('Pager: Disabled');
- }
- }
- // disable size selector
- $controls = p.$size
- .add( p.$goto )
- .add( p.$container.find( '.ts-startRow, .ts-page ' ) );
- len = $controls.length;
- for ( index = 0; index < len; index++ ) {
- $controls.eq( index )
- .attr( 'aria-disabled', 'true' )
- .addClass( wo.pager_css.disabled )[0].disabled = true;
- }
- },
-
- // updateCache if delayInit: true
- // this is normally done by "appendToTable" function in the tablesorter core AFTER a sort
- updateCache: function(table) {
- var c = table.config,
- p = c.pager;
- c.$table.trigger('updateCache', [ function(){
- if ( !$.isEmptyObject(table.config.cache) ) {
- var i,
- rows = [],
- n = table.config.cache[0].normalized;
- p.totalRows = n.length;
- for (i = 0; i < p.totalRows; i++) {
- rows.push(n[i][c.columns].$row);
+ renderTable: function(table, rows) {
+ var $tb, index, count, added,
+ c = table.config,
+ p = c.pager,
+ wo = c.widgetOptions,
+ f = c.$table.hasClass('hasFilters'),
+ l = rows && rows.length || 0, // rows may be undefined
+ s = ( p.page * p.size ),
+ e = p.size;
+ if ( l < 1 ) {
+ if (c.debug) {
+ ts.log('Pager: >> No rows for pager to render');
}
- c.rowsCopy = rows;
- tsp.moveToPage(table, p, true);
- // clear out last search to force an update
- p.last.currentFilters = [' '];
- }
- } ]);
- },
-
- moveToPage: function(table, p, pageMoved) {
- if ( p.isDisabled ) { return; }
- if ( pageMoved !== false && p.initialized && $.isEmptyObject(table.config.cache)) {
- return tsp.updateCache(table);
- }
- var pg, c = table.config,
- wo = c.widgetOptions,
- l = p.last;
-
- // abort page move if the table has filters and has not been initialized
- if (p.ajax && !wo.filter_initialized && ts.hasWidget(table, 'filter')) { return; }
-
- tsp.calcFilters(table, c);
- pg = Math.min( p.totalPages, p.filteredPages );
- if ( p.page < 0 ) { p.page = 0; }
- if ( p.page > ( pg - 1 ) && pg !== 0 ) { p.page = pg - 1; }
-
- // fixes issue where one current filter is [] and the other is ['','',''],
- // making the next if comparison think the filters as different. Fixes #202.
- l.currentFilters = (l.currentFilters || []).join('') === '' ? [] : l.currentFilters;
- p.currentFilters = (p.currentFilters || []).join('') === '' ? [] : p.currentFilters;
- // don't allow rendering multiple times on the same page/size/totalRows/filters/sorts
- if ( l.page === p.page && l.size === p.size && l.totalRows === p.totalRows &&
- (l.currentFilters || []).join(',') === (p.currentFilters || []).join(',') &&
- // check for ajax url changes see #730
- (l.ajaxUrl || '') === (p.ajaxObject.url || '') &&
- // & ajax url option changes (dynamically add/remove/rename sort & filter parameters)
- (l.optAjaxUrl || '') === (wo.pager_ajaxUrl || '') &&
- l.sortList === (c.sortList || []).join(',') ) {
+ // empty table, abort!
return;
}
- if (c.debug) {
- ts.log('Pager: Changing to page ' + p.page);
- }
- p.last = {
- page : p.page,
- size : p.size,
- // fixes #408; modify sortList otherwise it auto-updates
- sortList : (c.sortList || []).join(','),
- totalRows : p.totalRows,
- currentFilters : p.currentFilters || [],
- ajaxUrl : p.ajaxObject.url || '',
- optAjaxUrl : wo.pager_ajaxUrl
- };
- if (p.ajax) {
- tsp.getAjax(table, c);
- } else if (!p.ajax) {
- tsp.renderTable(table, c.rowsCopy);
- }
- $.data(table, 'pagerLastPage', p.page);
- if (p.initialized && pageMoved !== false) {
- if (c.debug) {
- ts.log('Pager: Triggering pageMoved');
+ if ( p.page >= p.totalPages ) {
+ // lets not render the table more than once
+ return tsp.moveToLastPage(table, p);
}
- c.$table
- .trigger('pageMoved', c)
- .trigger('applyWidgets');
- if (!p.ajax && table.isUpdating) {
+ p.cacheIndex = [];
+ p.isDisabled = false; // needed because sorting will change the page and re-enable the pager
+ if (p.initialized) {
+ if (c.debug) {
+ ts.log('Pager: Triggering pagerChange');
+ }
+ c.$table.trigger('pagerChange', c);
+ }
+ if ( !wo.pager_removeRows ) {
+ tsp.hideRows(table, c);
+ } else {
+ ts.clearTableBody(table);
+ $tb = ts.processTbody(table, c.$tbodies.eq(0), true);
+ // not filtered, start from the calculated starting point (s)
+ // if filtered, start from zero
+ index = f ? 0 : s;
+ count = f ? 0 : s;
+ added = 0;
+ while (added < e && index < rows.length) {
+ if (!f || !/filtered/.test(rows[index][0].className)){
+ count++;
+ if (count > s && added <= e) {
+ added++;
+ p.cacheIndex.push(index);
+ $tb.append(rows[index]);
+ }
+ }
+ index++;
+ }
+ ts.processTbody(table, $tb, false);
+ }
+ tsp.updatePageDisplay(table, c);
+
+ wo.pager_startPage = p.page;
+ wo.pager_size = p.size;
+ if (table.isUpdating) {
if (c.debug) {
ts.log('Pager: Triggering updateComplete');
}
c.$table.trigger('updateComplete', [ table, true ]);
}
- }
- },
- setPageSize: function(table, size, c) {
- var p = c.pager;
- p.size = size || p.size || p.setSize || 10;
- p.$size.val(p.size);
- $.data(table, 'pagerLastPage', p.page);
- $.data(table, 'pagerLastSize', p.size);
- p.totalPages = Math.ceil( p.totalRows / p.size );
- p.filteredPages = Math.ceil( p.filteredRows / p.size );
- tsp.moveToPage(table, p, true);
- },
+ },
- moveToFirstPage: function(table, p) {
- p.page = 0;
- tsp.moveToPage(table, p, true);
- },
-
- moveToLastPage: function(table, p) {
- p.page = ( Math.min( p.totalPages, p.filteredPages ) - 1 );
- tsp.moveToPage(table, p, true);
- },
-
- moveToNextPage: function(table, p) {
- p.page++;
- if ( p.page >= ( Math.min( p.totalPages, p.filteredPages ) - 1 ) ) {
- p.page = ( Math.min( p.totalPages, p.filteredPages ) - 1 );
- }
- tsp.moveToPage(table, p, true);
- },
-
- moveToPrevPage: function(table, p) {
- p.page--;
- if ( p.page <= 0 ) {
- p.page = 0;
- }
- tsp.moveToPage(table, p, true);
- },
-
- destroyPager: function(table, c, refreshing){
- var p = c.pager,
- namespace = c.namespace + 'pager';
- p.initialized = false;
- c.$table.off( $.trim(p.events.split(' ').join(namespace + ' ')) );
- if (refreshing) { return; }
- tsp.showAllRows(table, c);
- p.$container.hide(); // hide pager
- c.appender = null; // remove pager appender function
- delete table.config.rowsCopy;
- if (ts.storage) {
- ts.storage(table, c.widgetOptions.pager_storageKey, '');
- }
- },
-
- enablePager: function(table, c, triggered){
- var info, p = c.pager;
- p.isDisabled = false;
- p.page = $.data(table, 'pagerLastPage') || p.page || 0;
- p.size = $.data(table, 'pagerLastSize') || parseInt(p.$size.find('option[selected]').val(), 10) || p.size || p.setSize || 10;
- p.$size.val(p.size); // set page size
- p.totalPages = Math.ceil( Math.min( p.totalRows, p.filteredRows ) / p.size );
- c.$table.removeClass('pagerDisabled');
- // if table id exists, include page display with aria info
- if ( table.id ) {
- info = table.id + '_pager_info';
- p.$container.find(c.widgetOptions.pager_selectors.pageDisplay).attr('id', info);
- c.$table.attr('aria-describedby', info);
- }
- tsp.changeHeight(table, c);
- if ( triggered ) {
- c.$table.trigger('updateRows');
- tsp.setPageSize(table, p.size, c);
- tsp.hideRowsSetup(table, c);
- if (c.debug) {
- ts.log('Pager: Enabled');
- }
- }
- },
-
- appender: function(table, rows) {
- var c = table.config,
- wo = c.widgetOptions,
- p = c.pager;
- if ( !p.ajax ) {
- c.rowsCopy = rows;
- p.totalRows = wo.pager_countChildRows ? c.$tbodies.eq(0).children('tr').length : rows.length;
- p.size = $.data(table, 'pagerLastSize') || p.size || wo.pager_size || p.setSize || 10;
- p.totalPages = Math.ceil( p.totalRows / p.size );
- tsp.moveToPage(table, p);
- // update display here in case all rows are removed
- tsp.updatePageDisplay(table, c, false);
- } else {
- tsp.moveToPage(table, p, true);
- }
- }
-
-};
-
-// see #486
-ts.showError = function( table, message ) {
- var index, $row, c, wo, errorRow,
- $table = $( table ),
- len = $table.length;
- for ( index = 0; index < len; index++ ) {
- c = $table[ index ].config;
- if ( c ) {
- wo = c.widgetOptions;
- errorRow = c.pager && c.pager.cssErrorRow || wo.pager_css && wo.pager_css.errorRow || 'tablesorter-errorRow';
- if ( typeof message === 'undefined' ) {
- c.$table.find('thead').find(c.selectorRemove).remove();
+ showAllRows: function(table, c){
+ var index, $controls, len,
+ p = c.pager,
+ wo = c.widgetOptions;
+ if ( p.ajax ) {
+ tsp.pagerArrows(c, true);
} else {
- $row = ( /tr\>/.test(message) ? $(message) : $('| ' + message + ' |
') )
- .click(function(){
- $(this).remove();
- })
- // add error row to thead instead of tbody, or clicking on the header will result in a parser error
- .appendTo( c.$table.find('thead:first') )
- .addClass( errorRow + ' ' + c.selectorRemove.slice(1) )
- .attr({
- role : 'alert',
- 'aria-live' : 'assertive'
- });
+ p.isDisabled = true;
+ $.data(table, 'pagerLastPage', p.page);
+ $.data(table, 'pagerLastSize', p.size);
+ p.page = 0;
+ p.size = p.totalRows;
+ p.totalPages = 1;
+ c.$table
+ .addClass('pagerDisabled')
+ .removeAttr('aria-describedby')
+ .find('tr.pagerSavedHeightSpacer').remove();
+ tsp.renderTable(table, c.rowsCopy);
+ c.$table.trigger('applyWidgets');
+ if (c.debug) {
+ ts.log('Pager: Disabled');
+ }
+ }
+ // disable size selector
+ $controls = p.$size
+ .add( p.$goto )
+ .add( p.$container.find( '.ts-startRow, .ts-page ' ) );
+ len = $controls.length;
+ for ( index = 0; index < len; index++ ) {
+ $controls.eq( index )
+ .attr( 'aria-disabled', 'true' )
+ .addClass( wo.pager_css.disabled )[0].disabled = true;
+ }
+ },
+
+ // updateCache if delayInit: true
+ // this is normally done by 'appendToTable' function in the tablesorter core AFTER a sort
+ updateCache: function(table) {
+ var c = table.config,
+ p = c.pager;
+ c.$table.trigger('updateCache', [ function(){
+ if ( !$.isEmptyObject(table.config.cache) ) {
+ var i,
+ rows = [],
+ n = table.config.cache[0].normalized;
+ p.totalRows = n.length;
+ for (i = 0; i < p.totalRows; i++) {
+ rows.push(n[i][c.columns].$row);
+ }
+ c.rowsCopy = rows;
+ tsp.moveToPage(table, p, true);
+ // clear out last search to force an update
+ p.last.currentFilters = [ ' ' ];
+ }
+ } ]);
+ },
+
+ moveToPage: function(table, p, pageMoved) {
+ if ( p.isDisabled ) { return; }
+ if ( pageMoved !== false && p.initialized && $.isEmptyObject(table.config.cache)) {
+ return tsp.updateCache(table);
+ }
+ var pg, c = table.config,
+ wo = c.widgetOptions,
+ l = p.last;
+
+ // abort page move if the table has filters and has not been initialized
+ if (p.ajax && !wo.filter_initialized && ts.hasWidget(table, 'filter')) { return; }
+
+ tsp.calcFilters(table, c);
+ pg = Math.min( p.totalPages, p.filteredPages );
+ if ( p.page < 0 ) { p.page = 0; }
+ if ( p.page > ( pg - 1 ) && pg !== 0 ) { p.page = pg - 1; }
+
+ // fixes issue where one current filter is [] and the other is [ '', '', '' ],
+ // making the next if comparison think the filters as different. Fixes #202.
+ l.currentFilters = (l.currentFilters || []).join('') === '' ? [] : l.currentFilters;
+ p.currentFilters = (p.currentFilters || []).join('') === '' ? [] : p.currentFilters;
+ // don't allow rendering multiple times on the same page/size/totalRows/filters/sorts
+ if ( l.page === p.page && l.size === p.size && l.totalRows === p.totalRows &&
+ (l.currentFilters || []).join(',') === (p.currentFilters || []).join(',') &&
+ // check for ajax url changes see #730
+ (l.ajaxUrl || '') === (p.ajaxObject.url || '') &&
+ // & ajax url option changes (dynamically add/remove/rename sort & filter parameters)
+ (l.optAjaxUrl || '') === (wo.pager_ajaxUrl || '') &&
+ l.sortList === (c.sortList || []).join(',') ) {
+ return;
+ }
+ if (c.debug) {
+ ts.log('Pager: Changing to page ' + p.page);
+ }
+ p.last = {
+ page : p.page,
+ size : p.size,
+ // fixes #408; modify sortList otherwise it auto-updates
+ sortList : (c.sortList || []).join(','),
+ totalRows : p.totalRows,
+ currentFilters : p.currentFilters || [],
+ ajaxUrl : p.ajaxObject.url || '',
+ optAjaxUrl : wo.pager_ajaxUrl
+ };
+ if (p.ajax) {
+ tsp.getAjax(table, c);
+ } else if (!p.ajax) {
+ tsp.renderTable(table, c.rowsCopy);
+ }
+ $.data(table, 'pagerLastPage', p.page);
+ if (p.initialized && pageMoved !== false) {
+ if (c.debug) {
+ ts.log('Pager: Triggering pageMoved');
+ }
+ c.$table
+ .trigger('pageMoved', c)
+ .trigger('applyWidgets');
+ if (!p.ajax && table.isUpdating) {
+ if (c.debug) {
+ ts.log('Pager: Triggering updateComplete');
+ }
+ c.$table.trigger('updateComplete', [ table, true ]);
+ }
+ }
+ },
+
+ setPageSize: function(table, size, c) {
+ var p = c.pager;
+ p.size = size || p.size || p.setSize || 10;
+ p.$size.val(p.size);
+ $.data(table, 'pagerLastPage', p.page);
+ $.data(table, 'pagerLastSize', p.size);
+ p.totalPages = Math.ceil( p.totalRows / p.size );
+ p.filteredPages = Math.ceil( p.filteredRows / p.size );
+ tsp.moveToPage(table, p, true);
+ },
+
+ moveToFirstPage: function(table, p) {
+ p.page = 0;
+ tsp.moveToPage(table, p, true);
+ },
+
+ moveToLastPage: function(table, p) {
+ p.page = ( Math.min( p.totalPages, p.filteredPages ) - 1 );
+ tsp.moveToPage(table, p, true);
+ },
+
+ moveToNextPage: function(table, p) {
+ p.page++;
+ if ( p.page >= ( Math.min( p.totalPages, p.filteredPages ) - 1 ) ) {
+ p.page = ( Math.min( p.totalPages, p.filteredPages ) - 1 );
+ }
+ tsp.moveToPage(table, p, true);
+ },
+
+ moveToPrevPage: function(table, p) {
+ p.page--;
+ if ( p.page <= 0 ) {
+ p.page = 0;
+ }
+ tsp.moveToPage(table, p, true);
+ },
+
+ destroyPager: function(table, c, refreshing){
+ var p = c.pager,
+ namespace = c.namespace + 'pager';
+ p.initialized = false;
+ c.$table.off( $.trim(p.events.split(' ').join(namespace + ' ')) );
+ if (refreshing) { return; }
+ tsp.showAllRows(table, c);
+ p.$container.hide(); // hide pager
+ c.appender = null; // remove pager appender function
+ delete table.config.rowsCopy;
+ if (ts.storage) {
+ ts.storage(table, c.widgetOptions.pager_storageKey, '');
+ }
+ },
+
+ enablePager: function(table, c, triggered){
+ var info, p = c.pager;
+ p.isDisabled = false;
+ p.page = $.data(table, 'pagerLastPage') || p.page || 0;
+ p.size = $.data(table, 'pagerLastSize') || parseInt(p.$size.find('option[selected]').val(), 10) || p.size || p.setSize || 10;
+ p.$size.val(p.size); // set page size
+ p.totalPages = Math.ceil( Math.min( p.totalRows, p.filteredRows ) / p.size );
+ c.$table.removeClass('pagerDisabled');
+ // if table id exists, include page display with aria info
+ if ( table.id ) {
+ info = table.id + '_pager_info';
+ p.$container.find(c.widgetOptions.pager_selectors.pageDisplay).attr('id', info);
+ c.$table.attr('aria-describedby', info);
+ }
+ tsp.changeHeight(table, c);
+ if ( triggered ) {
+ c.$table.trigger('updateRows');
+ tsp.setPageSize(table, p.size, c);
+ tsp.hideRowsSetup(table, c);
+ if (c.debug) {
+ ts.log('Pager: Enabled');
+ }
+ }
+ },
+
+ appender: function(table, rows) {
+ var c = table.config,
+ wo = c.widgetOptions,
+ p = c.pager;
+ if ( !p.ajax ) {
+ c.rowsCopy = rows;
+ p.totalRows = wo.pager_countChildRows ? c.$tbodies.eq(0).children('tr').length : rows.length;
+ p.size = $.data(table, 'pagerLastSize') || p.size || wo.pager_size || p.setSize || 10;
+ p.totalPages = Math.ceil( p.totalRows / p.size );
+ tsp.moveToPage(table, p);
+ // update display here in case all rows are removed
+ tsp.updatePageDisplay(table, c, false);
+ } else {
+ tsp.moveToPage(table, p, true);
}
}
- }
-};
+
+ };
+
+ // see #486
+ ts.showError = function( table, message ) {
+ var index, $row, c, wo, errorRow,
+ $table = $( table ),
+ len = $table.length;
+ for ( index = 0; index < len; index++ ) {
+ c = $table[ index ].config;
+ if ( c ) {
+ wo = c.widgetOptions;
+ errorRow = c.pager && c.pager.cssErrorRow || wo.pager_css && wo.pager_css.errorRow || 'tablesorter-errorRow';
+ if ( typeof message === 'undefined' ) {
+ c.$table.find('thead').find(c.selectorRemove).remove();
+ } else {
+ $row = ( /tr\>/.test(message) ? $(message) : $('| ' + message + ' |
') )
+ .click(function(){
+ $(this).remove();
+ })
+ // add error row to thead instead of tbody, or clicking on the header will result in a parser error
+ .appendTo( c.$table.find('thead:first') )
+ .addClass( errorRow + ' ' + c.selectorRemove.slice(1) )
+ .attr({
+ role : 'alert',
+ 'aria-live' : 'assertive'
+ });
+ }
+ }
+ }
+ };
})(jQuery);
diff --git a/js/widgets/widget-print.js b/js/widgets/widget-print.js
index e7a53bbf..eca57fac 100644
--- a/js/widgets/widget-print.js
+++ b/js/widgets/widget-print.js
@@ -4,120 +4,120 @@
/*jshint browser:true, jquery:true, unused:false */
/*global jQuery: false */
;(function($){
-"use strict";
+ 'use strict';
-var ts = $.tablesorter,
+ var ts = $.tablesorter,
-printTable = ts.printTable = {
+ printTable = ts.printTable = {
- event : 'printTable',
- basicStyle : 'table, tr, td, th { border : solid 1px black; border-collapse : collapse; } td, th { padding: 2px; }',
+ event : 'printTable',
+ basicStyle : 'table, tr, td, th { border : solid 1px black; border-collapse : collapse; } td, th { padding: 2px; }',
- init : function(c) {
- c.$table
- .unbind(printTable.event)
- .bind(printTable.event, function(){
- // explicitly use table.config.widgetOptions because we want
- // the most up-to-date values; not the "wo" from initialization
- printTable.process(c, c.widgetOptions);
+ init : function(c) {
+ c.$table
+ .unbind(printTable.event)
+ .bind(printTable.event, function(){
+ // explicitly use table.config.widgetOptions because we want
+ // the most up-to-date values; not the 'wo' from initialization
+ printTable.process(c, c.widgetOptions);
+ });
+ },
+
+ process : function(c, wo) {
+ var $this,
+ $table = $('').append(c.$table.clone()),
+ printStyle = printTable.basicStyle + 'table { width: 100% }' +
+ // hide filter row
+ '.tablesorter-filter-row { display: none }' +
+ // hide sort arrows
+ '.tablesorter-header { background-image: none !important; }';
+
+ // replace content with data-attribute content
+ $table.find('[' + wo.print_dataAttrib + ']').each(function(){
+ $this = $(this);
+ $this.text( $this.attr(wo.print_dataAttrib) );
});
- },
- process : function(c, wo) {
- var $this,
- $table = $('').append(c.$table.clone()),
- printStyle = printTable.basicStyle + 'table { width: 100% }' +
- // hide filter row
- '.tablesorter-filter-row { display: none }' +
- // hide sort arrows
- '.tablesorter-header { background-image: none !important; }';
+ // === rows ===
+ // Assume 'visible' means rows hidden by the pager (rows set to 'display:none')
+ // or hidden by a class name which is added to the wo.print_extraCSS definition
+ if (/a/i.test(wo.print_rows)) {
+ // force show of all rows
+ printStyle += 'tbody tr { display: table-row !important; }';
+ } else if (/f/i.test(wo.print_rows)) {
+ // add definition to show all non-filtered rows (cells hidden by the pager)
+ printStyle += 'tbody tr:not(.' + (wo.filter_filteredRow || 'filtered') + ') { display: table-row !important; }';
+ }
- // replace content with data-attribute content
- $table.find('[' + wo.print_dataAttrib + ']').each(function(){
- $this = $(this);
- $this.text( $this.attr(wo.print_dataAttrib) );
- });
+ // === columns ===
+ // columnSelector -> c.selector.$style
+ // Assume 'visible' means hidden columns have a 'display:none' style, or a class name
+ // add the definition to the wo.print_extraCSS option
+ if (/s/i.test(wo.print_columns) && c.selector && c.widgets.indexOf('columnSelector') >= 0) {
+ // show selected (visible) columns; make a copy of the columnSelector widget css (not media queries)
+ printStyle += wo.columnSelector_mediaquery && c.selector.auto ? '' : c.selector.$style.text();
+ } else if (/a/i.test(wo.print_columns)) {
+ // force show all cells
+ printStyle += 'td, th { display: table-cell !important; }';
+ }
- // === rows ===
- // Assume "visible" means rows hidden by the pager (rows set to "display:none")
- // or hidden by a class name which is added to the wo.print_extraCSS definition
- if (/a/i.test(wo.print_rows)) {
- // force show of all rows
- printStyle += 'tbody tr { display: table-row !important; }';
- } else if (/f/i.test(wo.print_rows)) {
- // add definition to show all non-filtered rows (cells hidden by the pager)
- printStyle += 'tbody tr:not(.' + (wo.filter_filteredRow || 'filtered') + ') { display: table-row !important; }';
+ printStyle += wo.print_extraCSS;
+
+ // callback function
+ if ( $.isFunction(wo.print_callback) ) {
+ wo.print_callback( c, $table, printStyle );
+ } else {
+ printTable.printOutput(c, $table.html(), printStyle);
+ }
+
+ }, // end process
+
+ printOutput : function(c, data, style) {
+ var wo = c.widgetOptions,
+ generator = window.open('', wo.print_title, 'width=500,height=300'),
+ t = wo.print_title || c.$table.find('caption').text() || c.$table[0].id || document.title || 'table';
+ generator.document.write(
+ '' + t + '' +
+ ( wo.print_styleSheet ? '' : '' ) +
+ '' +
+ '' + data + ''
+ );
+ generator.document.close();
+ generator.print();
+ generator.close();
+ return true;
+ },
+
+ remove : function(c) {
+ c.$table.off(printTable.event);
}
- // === columns ===
- // columnSelector -> c.selector.$style
- // Assume "visible" means hidden columns have a "display:none" style, or a class name
- // add the definition to the wo.print_extraCSS option
- if (/s/i.test(wo.print_columns) && c.selector && c.widgets.indexOf('columnSelector') >= 0) {
- // show selected (visible) columns; make a copy of the columnSelector widget css (not media queries)
- printStyle += wo.columnSelector_mediaquery && c.selector.auto ? '' : c.selector.$style.text();
- } else if (/a/i.test(wo.print_columns)) {
- // force show all cells
- printStyle += 'td, th { display: table-cell !important; }';
+ };
+
+ ts.addWidget({
+ id: 'print',
+ options: {
+ print_title : '', // this option > caption > table id > 'table'
+ print_dataAttrib : 'data-name', // header attrib containing modified header name
+ print_rows : 'filtered', // (a)ll, (v)isible or (f)iltered
+ print_columns : 'selected', // (a)ll or (s)elected (if columnSelector widget is added)
+ print_extraCSS : '', // add any extra css definitions for the popup window here
+ print_styleSheet : '', // add the url of your print stylesheet
+ // callback executed when processing completes
+ // to continue printing, use the following function:
+ // function( config, $table, printStyle ) {
+ // // do something to the table or printStyle string
+ // $.tablesorter.printTable.printOutput( config, $table.html(), printStyle );
+ // }
+ print_callback : null
+ },
+ init: function(table, thisWidget, c) {
+ printTable.init(c);
+ },
+ remove: function(table, c){
+ printTable.remove(c);
}
- printStyle += wo.print_extraCSS;
-
- // callback function
- if ( $.isFunction(wo.print_callback) ) {
- wo.print_callback( c, $table, printStyle );
- } else {
- printTable.printOutput(c, $table.html(), printStyle);
- }
-
- }, // end process
-
- printOutput : function(c, data, style) {
- var wo = c.widgetOptions,
- generator = window.open('', wo.print_title, 'width=500,height=300'),
- t = wo.print_title || c.$table.find('caption').text() || c.$table[0].id || document.title || 'table';
- generator.document.write(
- '' + t + '' +
- ( wo.print_styleSheet ? '' : '' ) +
- '' +
- '' + data + ''
- );
- generator.document.close();
- generator.print();
- generator.close();
- return true;
- },
-
- remove : function(c) {
- c.$table.off(printTable.event);
- }
-
-};
-
-ts.addWidget({
- id: 'print',
- options: {
- print_title : '', // this option > caption > table id > "table"
- print_dataAttrib : 'data-name', // header attrib containing modified header name
- print_rows : 'filtered', // (a)ll, (v)isible or (f)iltered
- print_columns : 'selected', // (a)ll or (s)elected (if columnSelector widget is added)
- print_extraCSS : '', // add any extra css definitions for the popup window here
- print_styleSheet : '', // add the url of your print stylesheet
- // callback executed when processing completes
- // to continue printing, use the following function:
- // function( config, $table, printStyle ) {
- // // do something to the table or printStyle string
- // $.tablesorter.printTable.printOutput( config, $table.html(), printStyle );
- // }
- print_callback : null
- },
- init: function(table, thisWidget, c) {
- printTable.init(c);
- },
- remove: function(table, c){
- printTable.remove(c);
- }
-
-});
+ });
})(jQuery);
diff --git a/js/widgets/widget-reflow.js b/js/widgets/widget-reflow.js
index 063ebeb7..781e20ae 100644
--- a/js/widgets/widget-reflow.js
+++ b/js/widgets/widget-reflow.js
@@ -50,131 +50,130 @@
/*jshint browser:true, jquery:true, unused:false */
/*global jQuery: false */
;(function($){
-"use strict";
+ 'use strict';
-var ts = $.tablesorter,
+ var ts = $.tablesorter,
-tablereflow = {
- // simple reflow
- // add data-attribute to each cell which shows when media query is active
- // this widget DOES NOT WORK on a table with multiple thead rows
- init : function(table, c, wo) {
- var $this,
- title = wo.reflow_dataAttrib,
- header = wo.reflow_headerAttrib,
- headers = [];
- c.$table
- .addClass(wo.reflow_className)
- .off('refresh.tsreflow updateComplete.tsreflow2')
- // emulate jQuery Mobile refresh
- // https://api.jquerymobile.com/table-reflow/#method-refresh
- .on('refresh.tsreflow updateComplete.tsreflow2', function(){
- tablereflow.init(table, c, wo);
+ tablereflow = {
+ // simple reflow
+ // add data-attribute to each cell which shows when media query is active
+ // this widget DOES NOT WORK on a table with multiple thead rows
+ init : function(table, c, wo) {
+ var $this,
+ title = wo.reflow_dataAttrib,
+ header = wo.reflow_headerAttrib,
+ headers = [];
+ c.$table
+ .addClass(wo.reflow_className)
+ .off('refresh.tsreflow updateComplete.tsreflow2')
+ // emulate jQuery Mobile refresh
+ // https://api.jquerymobile.com/table-reflow/#method-refresh
+ .on('refresh.tsreflow updateComplete.tsreflow2', function(){
+ tablereflow.init(table, c, wo);
+ });
+ c.$headers.each(function(){
+ $this = $(this);
+ headers.push( $.trim( $this.attr(header) || $this.text() ) );
});
- c.$headers.each(function(){
- $this = $(this);
- headers.push( $.trim( $this.attr(header) || $this.text() ) );
- });
- c.$tbodies.children().each(function(){
- $(this).children().each(function(i){
- $(this).attr(title, headers[i]);
- });
- });
- },
- init2: function(table, c, wo) {
- var $this, $tbody, i, $hdr, txt, len,
- cols = c.columns,
- header = wo.reflow2_headerAttrib,
- headers = [];
- c.$table
- .addClass(wo.reflow2_className)
- .off('refresh.tsreflow2 updateComplete.tsreflow2')
- // emulate jQuery Mobile refresh
- // https://api.jquerymobile.com/table-reflow/#method-refresh
- .on('refresh.tsreflow2 updateComplete.tsreflow2', function(){
- tablereflow.init2(table, c, wo);
+ c.$tbodies.children().each(function(){
+ $(this).children().each(function(i){
+ $(this).attr(title, headers[i]);
+ });
});
+ },
+ init2: function(table, c, wo) {
+ var $this, $tbody, i, $hdr, txt, len,
+ cols = c.columns,
+ header = wo.reflow2_headerAttrib,
+ headers = [];
+ c.$table
+ .addClass(wo.reflow2_className)
+ .off('refresh.tsreflow2 updateComplete.tsreflow2')
+ // emulate jQuery Mobile refresh
+ // https://api.jquerymobile.com/table-reflow/#method-refresh
+ .on('refresh.tsreflow2 updateComplete.tsreflow2', function(){
+ tablereflow.init2(table, c, wo);
+ });
- // add to every table cell with thead cell contents
- for (i = 0; i < cols; i++) {
- $hdr = c.$headers.filter('[data-column="' + i + '"]');
- if ($hdr.length > 1) {
- txt = [];
- /*jshint loopfunc:true */
- $hdr.each(function(){
+ // add to every table cell with thead cell contents
+ for (i = 0; i < cols; i++) {
+ $hdr = c.$headers.filter('[data-column="' + i + '"]');
+ if ($hdr.length > 1) {
+ txt = [];
+ /*jshint loopfunc:true */
+ $hdr.each(function(){
+ $this = $(this);
+ if (!$this.hasClass(wo.reflow2_classIgnore)) {
+ txt.push( $this.attr(header) || $this.text() );
+ }
+ });
+ } else {
+ txt = [ $hdr.attr(header) || $hdr.text() ];
+ }
+ headers.push( txt );
+ }
+ // include 'remove-me' class so these additional elements are removed before updating
+ txt = '' + headers[j][i] + '');
+ i--;
}
});
- } else {
- txt = [ $hdr.attr(header) || $hdr.text() ];
- }
- headers.push( txt );
- }
- // include "remove-me" class so these additional elements are removed before updating
- txt = '' + headers[j][i] + '');
- i--;
- }
+ ts.processTbody(table, $tbody, false);
});
- ts.processTbody(table, $tbody, false);
- });
- },
- remove : function(table, c, wo) {
- c.$table.removeClass(wo.reflow_className);
- },
- remove2 : function(table, c, wo) {
- c.$table.removeClass(wo.reflow2_className);
- }
-};
+ },
+ remove : function(table, c, wo) {
+ c.$table.removeClass(wo.reflow_className);
+ },
+ remove2 : function(table, c, wo) {
+ c.$table.removeClass(wo.reflow2_className);
+ }
+ };
-ts.addWidget({
- id: "reflow",
- options: {
- // class name added to make it responsive (class name within media query)
- reflow_className : 'ui-table-reflow',
- // header attribute containing modified header name
- reflow_headerAttrib : 'data-name',
- // data attribute added to each tbody cell
- reflow_dataAttrib : 'data-title'
- },
- init: function(table, thisWidget, c, wo) {
- tablereflow.init(table, c, wo);
- },
- remove: function(table, c, wo){
- tablereflow.remove(table, c, wo);
- }
-});
-
-ts.addWidget({
- id: "reflow2",
- options: {
- // class name added to make it responsive (class name within media query)
- reflow2_className : 'ui-table-reflow',
- // ignore header cell content with this class name
- reflow2_classIgnore : 'ui-table-reflow-ignore',
- // header attribute containing modified header name
- reflow2_headerAttrib : 'data-name',
- // class name applied to thead labels
- reflow2_labelClass : 'ui-table-cell-label',
- // class name applied to first row thead label
- reflow2_labelTop : 'ui-table-cell-label-top'
- },
- init: function(table, thisWidget, c, wo) {
- tablereflow.init2(table, c, wo);
- },
- remove: function(table, c, wo){
- tablereflow.remove2(table, c, wo);
- }
-});
+ ts.addWidget({
+ id: 'reflow',
+ options: {
+ // class name added to make it responsive (class name within media query)
+ reflow_className : 'ui-table-reflow',
+ // header attribute containing modified header name
+ reflow_headerAttrib : 'data-name',
+ // data attribute added to each tbody cell
+ reflow_dataAttrib : 'data-title'
+ },
+ init: function(table, thisWidget, c, wo) {
+ tablereflow.init(table, c, wo);
+ },
+ remove: function(table, c, wo){
+ tablereflow.remove(table, c, wo);
+ }
+ });
+ ts.addWidget({
+ id: 'reflow2',
+ options: {
+ // class name added to make it responsive (class name within media query)
+ reflow2_className : 'ui-table-reflow',
+ // ignore header cell content with this class name
+ reflow2_classIgnore : 'ui-table-reflow-ignore',
+ // header attribute containing modified header name
+ reflow2_headerAttrib : 'data-name',
+ // class name applied to thead labels
+ reflow2_labelClass : 'ui-table-cell-label',
+ // class name applied to first row thead label
+ reflow2_labelTop : 'ui-table-cell-label-top'
+ },
+ init: function(table, thisWidget, c, wo) {
+ tablereflow.init2(table, c, wo);
+ },
+ remove: function(table, c, wo){
+ tablereflow.remove2(table, c, wo);
+ }
+ });
})(jQuery);
diff --git a/js/widgets/widget-resizable.js b/js/widgets/widget-resizable.js
index ac911687..5a07ea4b 100644
--- a/js/widgets/widget-resizable.js
+++ b/js/widgets/widget-resizable.js
@@ -1,393 +1,394 @@
/*! Widget: resizable - updated 6/26/2015 (v2.22.2) */
/*jshint browser:true, jquery:true, unused:false */
;(function ($, window) {
-'use strict';
-var ts = $.tablesorter || {};
+ 'use strict';
+ var ts = $.tablesorter || {};
-$.extend(ts.css, {
- resizableContainer : 'tablesorter-resizable-container',
- resizableHandle : 'tablesorter-resizable-handle',
- resizableNoSelect : 'tablesorter-disableSelection',
- resizableStorage : 'tablesorter-resizable'
-});
+ $.extend(ts.css, {
+ resizableContainer : 'tablesorter-resizable-container',
+ resizableHandle : 'tablesorter-resizable-handle',
+ resizableNoSelect : 'tablesorter-disableSelection',
+ resizableStorage : 'tablesorter-resizable'
+ });
-// Add extra scroller css
-$(function(){
- var s = '';
- $(s).appendTo('body');
-});
+ // Add extra scroller css
+ $(function(){
+ var s = '';
+ $(s).appendTo('body');
+ });
-ts.resizable = {
- init : function( c, wo ) {
- if ( c.$table.hasClass( 'hasResizable' ) ) { return; }
- c.$table.addClass( 'hasResizable' );
+ ts.resizable = {
+ init : function( c, wo ) {
+ if ( c.$table.hasClass( 'hasResizable' ) ) { return; }
+ c.$table.addClass( 'hasResizable' );
- var noResize, $header, column, storedSizes, tmp,
- $table = c.$table,
- $parent = $table.parent(),
- marginTop = parseInt( $table.css( 'margin-top' ), 10 ),
+ var noResize, $header, column, storedSizes, tmp,
+ $table = c.$table,
+ $parent = $table.parent(),
+ marginTop = parseInt( $table.css( 'margin-top' ), 10 ),
- // internal variables
- vars = wo.resizable_ = {
- useStorage : ts.storage && wo.resizable !== false,
- $wrap : $parent,
- mouseXPosition : 0,
- $target : null,
- $next : null,
- overflow : $parent.css('overflow') === 'auto' ||
- $parent.css('overflow') === 'scroll' ||
- $parent.css('overflow-x') === 'auto' ||
- $parent.css('overflow-x') === 'scroll',
- storedSizes : []
- };
+ // internal variables
+ vars = wo.resizable_vars = {
+ useStorage : ts.storage && wo.resizable !== false,
+ $wrap : $parent,
+ mouseXPosition : 0,
+ $target : null,
+ $next : null,
+ overflow : $parent.css('overflow') === 'auto' ||
+ $parent.css('overflow') === 'scroll' ||
+ $parent.css('overflow-x') === 'auto' ||
+ $parent.css('overflow-x') === 'scroll',
+ storedSizes : []
+ };
- // set default widths
- ts.resizableReset( c.table, true );
+ // set default widths
+ ts.resizableReset( c.table, true );
- // now get measurements!
- vars.tableWidth = $table.width();
- // attempt to autodetect
- vars.fullWidth = Math.abs( $parent.width() - vars.tableWidth ) < 20;
+ // now get measurements!
+ vars.tableWidth = $table.width();
+ // attempt to autodetect
+ vars.fullWidth = Math.abs( $parent.width() - vars.tableWidth ) < 20;
- /*
- // Hacky method to determine if table width is set to "auto"
- // http://stackoverflow.com/a/20892048/145346
- if ( !vars.fullWidth ) {
- tmp = $table.width();
- $header = $table.wrap('').parent(); // temp variable
- storedSizes = parseInt( $table.css( 'margin-left' ), 10 ) || 0;
- $table.css( 'margin-left', storedSizes + 50 );
- vars.tableWidth = $header.width() > tmp ? 'auto' : tmp;
- $table.css( 'margin-left', storedSizes ? storedSizes : '' );
- $header = null;
- $table.unwrap('');
- }
- */
-
- if ( vars.useStorage && vars.overflow ) {
- // save table width
- ts.storage( c.table, 'tablesorter-table-original-css-width', vars.tableWidth );
- tmp = ts.storage( c.table, 'tablesorter-table-resized-width' ) || 'auto';
- ts.resizable.setWidth( $table, tmp, true );
- }
- wo.resizable_.storedSizes = storedSizes = ( vars.useStorage ?
- ts.storage( c.table, ts.css.resizableStorage ) :
- [] ) || [];
- ts.resizable.setWidths( c, wo, storedSizes );
- ts.resizable.updateStoredSizes( c, wo );
-
- wo.$resizable_container = $( '' )
- .css({ top : marginTop })
- .insertBefore( $table );
- // add container
- for ( column = 0; column < c.columns; column++ ) {
- $header = c.$headerIndexed[ column ];
- tmp = ts.getColumnData( c.table, c.headers, column );
- noResize = ts.getData( $header, tmp, 'resizable' ) === 'false';
- if ( !noResize ) {
- $( '
' )
- .appendTo( wo.$resizable_container )
- .attr({
- 'data-column' : column,
- 'unselectable' : 'on'
- })
- .data( 'header', $header )
- .bind( 'selectstart', false );
+ /*
+ // Hacky method to determine if table width is set to 'auto'
+ // http://stackoverflow.com/a/20892048/145346
+ if ( !vars.fullWidth ) {
+ tmp = $table.width();
+ $header = $table.wrap('
').parent(); // temp variable
+ storedSizes = parseInt( $table.css( 'margin-left' ), 10 ) || 0;
+ $table.css( 'margin-left', storedSizes + 50 );
+ vars.tableWidth = $header.width() > tmp ? 'auto' : tmp;
+ $table.css( 'margin-left', storedSizes ? storedSizes : '' );
+ $header = null;
+ $table.unwrap('');
}
- }
- $table.one('tablesorter-initialized', function() {
- ts.resizable.setHandlePosition( c, wo );
- ts.resizable.bindings( this.config, this.config.widgetOptions );
- });
- },
+ */
- updateStoredSizes : function( c, wo ) {
- var column, $header,
- len = c.columns,
- vars = wo.resizable_;
- vars.storedSizes = [];
- for ( column = 0; column < len; column++ ) {
- $header = c.$headerIndexed[ column ];
- vars.storedSizes[ column ] = $header.is(':visible') ? $header.width() : 0;
- }
- },
+ if ( vars.useStorage && vars.overflow ) {
+ // save table width
+ ts.storage( c.table, 'tablesorter-table-original-css-width', vars.tableWidth );
+ tmp = ts.storage( c.table, 'tablesorter-table-resized-width' ) || 'auto';
+ ts.resizable.setWidth( $table, tmp, true );
+ }
+ wo.resizable_vars.storedSizes = storedSizes = ( vars.useStorage ?
+ ts.storage( c.table, ts.css.resizableStorage ) :
+ [] ) || [];
+ ts.resizable.setWidths( c, wo, storedSizes );
+ ts.resizable.updateStoredSizes( c, wo );
- setWidth : function( $el, width, overflow ) {
- // overflow tables need min & max width set as well
- $el.css({
- 'width' : width,
- 'min-width' : overflow ? width : '',
- 'max-width' : overflow ? width : ''
- });
- },
-
- setWidths : function( c, wo, storedSizes ) {
- var column, $temp,
- vars = wo.resizable_,
- $extra = $( c.namespace + '_extra_headers' ),
- $col = c.$table.children( 'colgroup' ).children( 'col' );
- storedSizes = storedSizes || vars.storedSizes || [];
- // process only if table ID or url match
- if ( storedSizes.length ) {
+ wo.$resizable_container = $( '' )
+ .css({ top : marginTop })
+ .insertBefore( $table );
+ // add container
for ( column = 0; column < c.columns; column++ ) {
- // set saved resizable widths
- ts.resizable.setWidth( c.$headerIndexed[ column ], storedSizes[ column ], vars.overflow );
- if ( $extra.length ) {
- // stickyHeaders needs to modify min & max width as well
- $temp = $extra.eq( column ).add( $col.eq( column ) );
- ts.resizable.setWidth( $temp, storedSizes[ column ], vars.overflow );
+ $header = c.$headerIndexed[ column ];
+ tmp = ts.getColumnData( c.table, c.headers, column );
+ noResize = ts.getData( $header, tmp, 'resizable' ) === 'false';
+ if ( !noResize ) {
+ $( '
' )
+ .appendTo( wo.$resizable_container )
+ .attr({
+ 'data-column' : column,
+ 'unselectable' : 'on'
+ })
+ .data( 'header', $header )
+ .bind( 'selectstart', false );
}
}
- $temp = $( c.namespace + '_extra_table' );
- if ( $temp.length && !ts.hasWidget( c.table, 'scroller' ) ) {
- ts.resizable.setWidth( $temp, c.$table.outerWidth(), vars.overflow );
- }
- }
- },
-
- setHandlePosition : function( c, wo ) {
- var startPosition,
- hasScroller = ts.hasWidget( c.table, 'scroller' ),
- tableHeight = c.$table.height(),
- $handles = wo.$resizable_container.children(),
- handleCenter = Math.floor( $handles.width() / 2 );
-
- if ( hasScroller ) {
- tableHeight = 0;
- c.$table.closest( '.' + ts.css.scrollerWrap ).children().each(function(){
- var $this = $(this);
- // center table has a max-height set
- tableHeight += $this.filter('[style*="height"]').length ? $this.height() : $this.children('table').height();
+ $table.one('tablesorter-initialized', function() {
+ ts.resizable.setHandlePosition( c, wo );
+ ts.resizable.bindings( this.config, this.config.widgetOptions );
});
- }
- // subtract out table left position from resizable handles. Fixes #864
- startPosition = c.$table.position().left;
- $handles.each( function() {
- var $this = $(this),
- column = parseInt( $this.attr( 'data-column' ), 10 ),
- columns = c.columns - 1,
- $header = $this.data( 'header' );
- if ( !$header ) { return; } // see #859
- if ( !$header.is(':visible') ) {
- $this.hide();
- } else if ( column < columns || column === columns && wo.resizable_addLastColumn ) {
- $this.css({
- display: 'inline-block',
- height : tableHeight,
- left : $header.position().left - startPosition + $header.outerWidth() - handleCenter
+ },
+
+ updateStoredSizes : function( c, wo ) {
+ var column, $header,
+ len = c.columns,
+ vars = wo.resizable_vars;
+ vars.storedSizes = [];
+ for ( column = 0; column < len; column++ ) {
+ $header = c.$headerIndexed[ column ];
+ vars.storedSizes[ column ] = $header.is(':visible') ? $header.width() : 0;
+ }
+ },
+
+ setWidth : function( $el, width, overflow ) {
+ // overflow tables need min & max width set as well
+ $el.css({
+ 'width' : width,
+ 'min-width' : overflow ? width : '',
+ 'max-width' : overflow ? width : ''
+ });
+ },
+
+ setWidths : function( c, wo, storedSizes ) {
+ var column, $temp,
+ vars = wo.resizable_vars,
+ $extra = $( c.namespace + '_extra_headers' ),
+ $col = c.$table.children( 'colgroup' ).children( 'col' );
+ storedSizes = storedSizes || vars.storedSizes || [];
+ // process only if table ID or url match
+ if ( storedSizes.length ) {
+ for ( column = 0; column < c.columns; column++ ) {
+ // set saved resizable widths
+ ts.resizable.setWidth( c.$headerIndexed[ column ], storedSizes[ column ], vars.overflow );
+ if ( $extra.length ) {
+ // stickyHeaders needs to modify min & max width as well
+ $temp = $extra.eq( column ).add( $col.eq( column ) );
+ ts.resizable.setWidth( $temp, storedSizes[ column ], vars.overflow );
+ }
+ }
+ $temp = $( c.namespace + '_extra_table' );
+ if ( $temp.length && !ts.hasWidget( c.table, 'scroller' ) ) {
+ ts.resizable.setWidth( $temp, c.$table.outerWidth(), vars.overflow );
+ }
+ }
+ },
+
+ setHandlePosition : function( c, wo ) {
+ var startPosition,
+ hasScroller = ts.hasWidget( c.table, 'scroller' ),
+ tableHeight = c.$table.height(),
+ $handles = wo.$resizable_container.children(),
+ handleCenter = Math.floor( $handles.width() / 2 );
+
+ if ( hasScroller ) {
+ tableHeight = 0;
+ c.$table.closest( '.' + ts.css.scrollerWrap ).children().each(function(){
+ var $this = $(this);
+ // center table has a max-height set
+ tableHeight += $this.filter('[style*="height"]').length ? $this.height() : $this.children('table').height();
});
}
- });
- },
-
- // prevent text selection while dragging resize bar
- toggleTextSelection : function( c, toggle ) {
- var namespace = c.namespace + 'tsresize';
- c.widgetOptions.resizable_.disabled = toggle;
- $( 'body' ).toggleClass( ts.css.resizableNoSelect, toggle );
- if ( toggle ) {
- $( 'body' )
- .attr( 'unselectable', 'on' )
- .bind( 'selectstart' + namespace, false );
- } else {
- $( 'body' )
- .removeAttr( 'unselectable' )
- .unbind( 'selectstart' + namespace );
- }
- },
-
- bindings : function( c, wo ) {
- var namespace = c.namespace + 'tsresize';
- wo.$resizable_container.children().bind( 'mousedown', function( event ) {
- // save header cell and mouse position
- var column,
- vars = wo.resizable_,
- $extras = $( c.namespace + '_extra_headers' ),
- $header = $( event.target ).data( 'header' );
-
- column = parseInt( $header.attr( 'data-column' ), 10 );
- vars.$target = $header = $header.add( $extras.filter('[data-column="' + column + '"]') );
- vars.target = column;
-
- // if table is not as wide as it's parent, then resize the table
- vars.$next = event.shiftKey || wo.resizable_targetLast ?
- $header.parent().children().not( '.resizable-false' ).filter( ':last' ) :
- $header.nextAll( ':not(.resizable-false)' ).eq( 0 );
-
- column = parseInt( vars.$next.attr( 'data-column' ), 10 );
- vars.$next = vars.$next.add( $extras.filter('[data-column="' + column + '"]') );
- vars.next = column;
-
- vars.mouseXPosition = event.pageX;
- ts.resizable.updateStoredSizes( c, wo );
- ts.resizable.toggleTextSelection( c, true );
- });
-
- $( document )
- .bind( 'mousemove' + namespace, function( event ) {
- var vars = wo.resizable_;
- // ignore mousemove if no mousedown
- if ( !vars.disabled || vars.mouseXPosition === 0 || !vars.$target ) { return; }
- if ( wo.resizable_throttle ) {
- clearTimeout( vars.timer );
- vars.timer = setTimeout( function() {
- ts.resizable.mouseMove( c, wo, event );
- }, isNaN( wo.resizable_throttle ) ? 5 : wo.resizable_throttle );
- } else {
- ts.resizable.mouseMove( c, wo, event );
+ // subtract out table left position from resizable handles. Fixes #864
+ startPosition = c.$table.position().left;
+ $handles.each( function() {
+ var $this = $(this),
+ column = parseInt( $this.attr( 'data-column' ), 10 ),
+ columns = c.columns - 1,
+ $header = $this.data( 'header' );
+ if ( !$header ) { return; } // see #859
+ if ( !$header.is(':visible') ) {
+ $this.hide();
+ } else if ( column < columns || column === columns && wo.resizable_addLastColumn ) {
+ $this.css({
+ display: 'inline-block',
+ height : tableHeight,
+ left : $header.position().left - startPosition + $header.outerWidth() - handleCenter
+ });
}
- })
- .bind( 'mouseup' + namespace, function() {
- if (!wo.resizable_.disabled) { return; }
- ts.resizable.toggleTextSelection( c, false );
- ts.resizable.stopResize( c, wo );
- ts.resizable.setHandlePosition( c, wo );
});
+ },
- // resizeEnd event triggered by scroller widget
- $( window ).bind( 'resize' + namespace + ' resizeEnd' + namespace, function() {
- ts.resizable.setHandlePosition( c, wo );
- });
-
- // right click to reset columns to default widths
- c.$table
- .bind( 'columnUpdate' + namespace, function() {
- ts.resizable.setHandlePosition( c, wo );
- })
- .find( 'thead:first' )
- .add( $( c.namespace + '_extra_table' ).find( 'thead:first' ) )
- .bind( 'contextmenu' + namespace, function() {
- // $.isEmptyObject() needs jQuery 1.4+; allow right click if already reset
- var allowClick = wo.resizable_.storedSizes.length === 0;
- ts.resizableReset( c.table );
- ts.resizable.setHandlePosition( c, wo );
- wo.resizable_.storedSizes = [];
- return allowClick;
- });
-
- },
-
- mouseMove : function( c, wo, event ) {
- if ( wo.resizable_.mouseXPosition === 0 || !wo.resizable_.$target ) { return; }
- // resize columns
- var column,
- total = 0,
- vars = wo.resizable_,
- $next = vars.$next,
- tar = vars.storedSizes[ vars.target ],
- leftEdge = event.pageX - vars.mouseXPosition;
- if ( vars.overflow ) {
- if ( tar + leftEdge > 0 ) {
- vars.storedSizes[ vars.target ] += leftEdge;
- ts.resizable.setWidth( vars.$target, vars.storedSizes[ vars.target ], true );
- // update the entire table width
- for ( column = 0; column < c.columns; column++ ) {
- total += vars.storedSizes[ column ];
- }
- ts.resizable.setWidth( c.$table.add( $( c.namespace + '_extra_table' ) ), total );
- }
- if ( !$next.length ) {
- // if expanding right-most column, scroll the wrapper
- vars.$wrap[0].scrollLeft = c.$table.width();
- }
- } else if ( vars.fullWidth ) {
- vars.storedSizes[ vars.target ] += leftEdge;
- vars.storedSizes[ vars.next ] -= leftEdge;
- ts.resizable.setWidths( c, wo );
- } else {
- vars.storedSizes[ vars.target ] += leftEdge;
- ts.resizable.setWidths( c, wo );
- }
- vars.mouseXPosition = event.pageX;
- // dynamically update sticky header widths
- c.$table.trigger('stickyHeadersUpdate');
- },
-
- stopResize : function( c, wo ) {
- var vars = wo.resizable_;
- ts.resizable.updateStoredSizes( c, wo );
- if ( vars.useStorage ) {
- // save all column widths
- ts.storage( c.table, ts.css.resizableStorage, vars.storedSizes );
- ts.storage( c.table, 'tablesorter-table-resized-width', c.$table.width() );
- }
- vars.mouseXPosition = 0;
- vars.$target = vars.$next = null;
- // will update stickyHeaders, just in case, see #912
- c.$table.trigger('stickyHeadersUpdate');
- }
-};
-
-// this widget saves the column widths if
-// $.tablesorter.storage function is included
-// **************************
-ts.addWidget({
- id: "resizable",
- priority: 40,
- options: {
- resizable : true, // save column widths to storage
- resizable_addLastColumn : false,
- resizable_widths : [],
- resizable_throttle : false, // set to true (5ms) or any number 0-10 range
- resizable_targetLast : false,
- resizable_fullWidth : null
- },
- init: function(table, thisWidget, c, wo) {
- ts.resizable.init( c, wo );
- },
- remove: function( table, c, wo, refreshing ) {
- if (wo.$resizable_container) {
+ // prevent text selection while dragging resize bar
+ toggleTextSelection : function( c, toggle ) {
var namespace = c.namespace + 'tsresize';
- c.$table.add( $( c.namespace + '_extra_table' ) )
- .removeClass('hasResizable')
- .children( 'thead' ).unbind( 'contextmenu' + namespace );
+ c.widgetOptions.resizable_vars.disabled = toggle;
+ $( 'body' ).toggleClass( ts.css.resizableNoSelect, toggle );
+ if ( toggle ) {
+ $( 'body' )
+ .attr( 'unselectable', 'on' )
+ .bind( 'selectstart' + namespace, false );
+ } else {
+ $( 'body' )
+ .removeAttr( 'unselectable' )
+ .unbind( 'selectstart' + namespace );
+ }
+ },
+
+ bindings : function( c, wo ) {
+ var namespace = c.namespace + 'tsresize';
+ wo.$resizable_container.children().bind( 'mousedown', function( event ) {
+ // save header cell and mouse position
+ var column,
+ vars = wo.resizable_vars,
+ $extras = $( c.namespace + '_extra_headers' ),
+ $header = $( event.target ).data( 'header' );
+
+ column = parseInt( $header.attr( 'data-column' ), 10 );
+ vars.$target = $header = $header.add( $extras.filter('[data-column="' + column + '"]') );
+ vars.target = column;
+
+ // if table is not as wide as it's parent, then resize the table
+ vars.$next = event.shiftKey || wo.resizable_targetLast ?
+ $header.parent().children().not( '.resizable-false' ).filter( ':last' ) :
+ $header.nextAll( ':not(.resizable-false)' ).eq( 0 );
+
+ column = parseInt( vars.$next.attr( 'data-column' ), 10 );
+ vars.$next = vars.$next.add( $extras.filter('[data-column="' + column + '"]') );
+ vars.next = column;
+
+ vars.mouseXPosition = event.pageX;
+ ts.resizable.updateStoredSizes( c, wo );
+ ts.resizable.toggleTextSelection( c, true );
+ });
+
+ $( document )
+ .bind( 'mousemove' + namespace, function( event ) {
+ var vars = wo.resizable_vars;
+ // ignore mousemove if no mousedown
+ if ( !vars.disabled || vars.mouseXPosition === 0 || !vars.$target ) { return; }
+ if ( wo.resizable_throttle ) {
+ clearTimeout( vars.timer );
+ vars.timer = setTimeout( function() {
+ ts.resizable.mouseMove( c, wo, event );
+ }, isNaN( wo.resizable_throttle ) ? 5 : wo.resizable_throttle );
+ } else {
+ ts.resizable.mouseMove( c, wo, event );
+ }
+ })
+ .bind( 'mouseup' + namespace, function() {
+ if (!wo.resizable_vars.disabled) { return; }
+ ts.resizable.toggleTextSelection( c, false );
+ ts.resizable.stopResize( c, wo );
+ ts.resizable.setHandlePosition( c, wo );
+ });
+
+ // resizeEnd event triggered by scroller widget
+ $( window ).bind( 'resize' + namespace + ' resizeEnd' + namespace, function() {
+ ts.resizable.setHandlePosition( c, wo );
+ });
+
+ // right click to reset columns to default widths
+ c.$table
+ .bind( 'columnUpdate' + namespace, function() {
+ ts.resizable.setHandlePosition( c, wo );
+ })
+ .find( 'thead:first' )
+ .add( $( c.namespace + '_extra_table' ).find( 'thead:first' ) )
+ .bind( 'contextmenu' + namespace, function() {
+ // $.isEmptyObject() needs jQuery 1.4+; allow right click if already reset
+ var allowClick = wo.resizable_vars.storedSizes.length === 0;
+ ts.resizableReset( c.table );
+ ts.resizable.setHandlePosition( c, wo );
+ wo.resizable_vars.storedSizes = [];
+ return allowClick;
+ });
+
+ },
+
+ mouseMove : function( c, wo, event ) {
+ if ( wo.resizable_vars.mouseXPosition === 0 || !wo.resizable_vars.$target ) { return; }
+ // resize columns
+ var column,
+ total = 0,
+ vars = wo.resizable_vars,
+ $next = vars.$next,
+ tar = vars.storedSizes[ vars.target ],
+ leftEdge = event.pageX - vars.mouseXPosition;
+ if ( vars.overflow ) {
+ if ( tar + leftEdge > 0 ) {
+ vars.storedSizes[ vars.target ] += leftEdge;
+ ts.resizable.setWidth( vars.$target, vars.storedSizes[ vars.target ], true );
+ // update the entire table width
+ for ( column = 0; column < c.columns; column++ ) {
+ total += vars.storedSizes[ column ];
+ }
+ ts.resizable.setWidth( c.$table.add( $( c.namespace + '_extra_table' ) ), total );
+ }
+ if ( !$next.length ) {
+ // if expanding right-most column, scroll the wrapper
+ vars.$wrap[0].scrollLeft = c.$table.width();
+ }
+ } else if ( vars.fullWidth ) {
+ vars.storedSizes[ vars.target ] += leftEdge;
+ vars.storedSizes[ vars.next ] -= leftEdge;
+ ts.resizable.setWidths( c, wo );
+ } else {
+ vars.storedSizes[ vars.target ] += leftEdge;
+ ts.resizable.setWidths( c, wo );
+ }
+ vars.mouseXPosition = event.pageX;
+ // dynamically update sticky header widths
+ c.$table.trigger('stickyHeadersUpdate');
+ },
+
+ stopResize : function( c, wo ) {
+ var vars = wo.resizable_vars;
+ ts.resizable.updateStoredSizes( c, wo );
+ if ( vars.useStorage ) {
+ // save all column widths
+ ts.storage( c.table, ts.css.resizableStorage, vars.storedSizes );
+ ts.storage( c.table, 'tablesorter-table-resized-width', c.$table.width() );
+ }
+ vars.mouseXPosition = 0;
+ vars.$target = vars.$next = null;
+ // will update stickyHeaders, just in case, see #912
+ c.$table.trigger('stickyHeadersUpdate');
+ }
+ };
+
+ // this widget saves the column widths if
+ // $.tablesorter.storage function is included
+ // **************************
+ ts.addWidget({
+ id: 'resizable',
+ priority: 40,
+ options: {
+ resizable : true, // save column widths to storage
+ resizable_addLastColumn : false,
+ resizable_widths : [],
+ resizable_throttle : false, // set to true (5ms) or any number 0-10 range
+ resizable_targetLast : false,
+ resizable_fullWidth : null
+ },
+ init: function(table, thisWidget, c, wo) {
+ ts.resizable.init( c, wo );
+ },
+ remove: function( table, c, wo, refreshing ) {
+ if (wo.$resizable_container) {
+ var namespace = c.namespace + 'tsresize';
+ c.$table.add( $( c.namespace + '_extra_table' ) )
+ .removeClass('hasResizable')
+ .children( 'thead' )
+ .unbind( 'contextmenu' + namespace );
wo.$resizable_container.remove();
- ts.resizable.toggleTextSelection( c, false );
- ts.resizableReset( table, refreshing );
- $( document ).unbind( 'mousemove' + namespace + ' mouseup' + namespace );
- }
- }
-});
-
-ts.resizableReset = function( table, refreshing ) {
- $( table ).each(function(){
- var index, $t,
- c = this.config,
- wo = c && c.widgetOptions,
- vars = wo.resizable_;
- if ( table && c && c.$headerIndexed.length ) {
- // restore the initial table width
- if ( vars.overflow && vars.tableWidth ) {
- ts.resizable.setWidth( c.$table, vars.tableWidth, true );
- if ( vars.useStorage ) {
- ts.storage( table, 'tablesorter-table-resized-width', 'auto' );
- }
- }
- for ( index = 0; index < c.columns; index++ ) {
- $t = c.$headerIndexed[ index ];
- if ( wo.resizable_widths && wo.resizable_widths[ index ] ) {
- ts.resizable.setWidth( $t, wo.resizable_widths[ index ], vars.overflow );
- } else if ( !$t.hasClass( 'resizable-false' ) ) {
- // don't clear the width of any column that is not resizable
- ts.resizable.setWidth( $t, '', vars.overflow );
- }
- }
-
- // reset stickyHeader widths
- c.$table.trigger( 'stickyHeadersUpdate' );
- if ( ts.storage && !refreshing ) {
- ts.storage( this, ts.css.resizableStorage, {} );
+ ts.resizable.toggleTextSelection( c, false );
+ ts.resizableReset( table, refreshing );
+ $( document ).unbind( 'mousemove' + namespace + ' mouseup' + namespace );
}
}
});
-};
+
+ ts.resizableReset = function( table, refreshing ) {
+ $( table ).each(function(){
+ var index, $t,
+ c = this.config,
+ wo = c && c.widgetOptions,
+ vars = wo.resizable_vars;
+ if ( table && c && c.$headerIndexed.length ) {
+ // restore the initial table width
+ if ( vars.overflow && vars.tableWidth ) {
+ ts.resizable.setWidth( c.$table, vars.tableWidth, true );
+ if ( vars.useStorage ) {
+ ts.storage( table, 'tablesorter-table-resized-width', 'auto' );
+ }
+ }
+ for ( index = 0; index < c.columns; index++ ) {
+ $t = c.$headerIndexed[ index ];
+ if ( wo.resizable_widths && wo.resizable_widths[ index ] ) {
+ ts.resizable.setWidth( $t, wo.resizable_widths[ index ], vars.overflow );
+ } else if ( !$t.hasClass( 'resizable-false' ) ) {
+ // don't clear the width of any column that is not resizable
+ ts.resizable.setWidth( $t, '', vars.overflow );
+ }
+ }
+
+ // reset stickyHeader widths
+ c.$table.trigger( 'stickyHeadersUpdate' );
+ if ( ts.storage && !refreshing ) {
+ ts.storage( this, ts.css.resizableStorage, {} );
+ }
+ }
+ });
+ };
})( jQuery, window );
diff --git a/js/widgets/widget-saveSort.js b/js/widgets/widget-saveSort.js
index d34e2ad5..b6b751a0 100644
--- a/js/widgets/widget-saveSort.js
+++ b/js/widgets/widget-saveSort.js
@@ -1,68 +1,68 @@
/*! Widget: saveSort */
;(function ($) {
-'use strict';
-var ts = $.tablesorter || {};
+ 'use strict';
+ var ts = $.tablesorter || {};
-// this widget saves the last sort only if the
-// saveSort widget option is true AND the
-// $.tablesorter.storage function is included
-// **************************
-ts.addWidget({
- id: 'saveSort',
- priority: 20,
- options: {
- saveSort : true
- },
- init: function(table, thisWidget, c, wo) {
- // run widget format before all other widgets are applied to the table
- thisWidget.format(table, c, wo, true);
- },
- format: function(table, c, wo, init) {
- var stored, time,
- $table = c.$table,
- saveSort = wo.saveSort !== false, // make saveSort active/inactive; default to true
- sortList = { "sortList" : c.sortList };
- if (c.debug) {
- time = new Date();
- }
- if ($table.hasClass('hasSaveSort')) {
- if (saveSort && table.hasInitialized && ts.storage) {
- ts.storage( table, 'tablesorter-savesort', sortList );
- if (c.debug) {
- ts.benchmark('saveSort widget: Saving last sort: ' + c.sortList, time);
+ // this widget saves the last sort only if the
+ // saveSort widget option is true AND the
+ // $.tablesorter.storage function is included
+ // **************************
+ ts.addWidget({
+ id: 'saveSort',
+ priority: 20,
+ options: {
+ saveSort : true
+ },
+ init: function(table, thisWidget, c, wo) {
+ // run widget format before all other widgets are applied to the table
+ thisWidget.format(table, c, wo, true);
+ },
+ format: function(table, c, wo, init) {
+ var stored, time,
+ $table = c.$table,
+ saveSort = wo.saveSort !== false, // make saveSort active/inactive; default to true
+ sortList = { 'sortList' : c.sortList };
+ if (c.debug) {
+ time = new Date();
+ }
+ if ($table.hasClass('hasSaveSort')) {
+ if (saveSort && table.hasInitialized && ts.storage) {
+ ts.storage( table, 'tablesorter-savesort', sortList );
+ if (c.debug) {
+ ts.benchmark('saveSort widget: Saving last sort: ' + c.sortList, time);
+ }
+ }
+ } else {
+ // set table sort on initial run of the widget
+ $table.addClass('hasSaveSort');
+ sortList = '';
+ // get data
+ if (ts.storage) {
+ stored = ts.storage( table, 'tablesorter-savesort' );
+ sortList = (stored && stored.hasOwnProperty('sortList') && $.isArray(stored.sortList)) ? stored.sortList : '';
+ if (c.debug) {
+ ts.benchmark('saveSort: Last sort loaded: "' + sortList + '"', time);
+ }
+ $table.bind('saveSortReset', function(event) {
+ event.stopPropagation();
+ ts.storage( table, 'tablesorter-savesort', '' );
+ });
+ }
+ // init is true when widget init is run, this will run this widget before all other widgets have initialized
+ // this method allows using this widget in the original tablesorter plugin; but then it will run all widgets twice.
+ if (init && sortList && sortList.length > 0) {
+ c.sortList = sortList;
+ } else if (table.hasInitialized && sortList && sortList.length > 0) {
+ // update sort change
+ $table.trigger('sorton', [ sortList ]);
}
}
- } else {
- // set table sort on initial run of the widget
- $table.addClass('hasSaveSort');
- sortList = '';
- // get data
- if (ts.storage) {
- stored = ts.storage( table, 'tablesorter-savesort' );
- sortList = (stored && stored.hasOwnProperty('sortList') && $.isArray(stored.sortList)) ? stored.sortList : '';
- if (c.debug) {
- ts.benchmark('saveSort: Last sort loaded: "' + sortList + '"', time);
- }
- $table.bind('saveSortReset', function(event) {
- event.stopPropagation();
- ts.storage( table, 'tablesorter-savesort', '' );
- });
- }
- // init is true when widget init is run, this will run this widget before all other widgets have initialized
- // this method allows using this widget in the original tablesorter plugin; but then it will run all widgets twice.
- if (init && sortList && sortList.length > 0) {
- c.sortList = sortList;
- } else if (table.hasInitialized && sortList && sortList.length > 0) {
- // update sort change
- $table.trigger('sorton', [sortList]);
- }
+ },
+ remove: function(table, c) {
+ c.$table.removeClass('hasSaveSort');
+ // clear storage
+ if (ts.storage) { ts.storage( table, 'tablesorter-savesort', '' ); }
}
- },
- remove: function(table, c) {
- c.$table.removeClass('hasSaveSort');
- // clear storage
- if (ts.storage) { ts.storage( table, 'tablesorter-savesort', '' ); }
- }
-});
+ });
})(jQuery);
diff --git a/js/widgets/widget-scroller.js b/js/widgets/widget-scroller.js
index 555d4730..f43ea8d3 100644
--- a/js/widgets/widget-scroller.js
+++ b/js/widgets/widget-scroller.js
@@ -33,884 +33,884 @@
*/
/*jshint browser:true, jquery:true, unused:false */
;( function( $, window ) {
-'use strict';
+ 'use strict';
-var ts = $.tablesorter,
- tscss = ts.css;
+ var ts = $.tablesorter,
+ tscss = ts.css;
-$.extend( ts.css, {
- scrollerWrap : 'tablesorter-scroller',
- scrollerHeader : 'tablesorter-scroller-header',
- scrollerTable : 'tablesorter-scroller-table',
- scrollerFooter : 'tablesorter-scroller-footer',
- scrollerFixed : 'tablesorter-scroller-fixed',
- scrollerFixedPanel : 'tablesorter-scroller-fixed-panel',
- scrollerHasFix : 'tablesorter-scroller-has-fixed-columns',
- scrollerHideColumn : 'tablesorter-scroller-hidden-column',
- scrollerHideElement : 'tablesorter-scroller-hidden',
- scrollerSpacerRow : 'tablesorter-scroller-spacer',
- scrollerBarSpacer : 'tablesorter-scroller-bar-spacer',
- scrollerAddedHeight : 'tablesorter-scroller-added-height',
- scrollerHack : 'tablesorter-scroller-scrollbar-hack',
- // class name on table cannot start with 'tablesorter-' or the
- // suffix "scroller-rtl" will match as a theme name
- scrollerRtl : 'ts-scroller-rtl'
-});
+ $.extend( ts.css, {
+ scrollerWrap : 'tablesorter-scroller',
+ scrollerHeader : 'tablesorter-scroller-header',
+ scrollerTable : 'tablesorter-scroller-table',
+ scrollerFooter : 'tablesorter-scroller-footer',
+ scrollerFixed : 'tablesorter-scroller-fixed',
+ scrollerFixedPanel : 'tablesorter-scroller-fixed-panel',
+ scrollerHasFix : 'tablesorter-scroller-has-fixed-columns',
+ scrollerHideColumn : 'tablesorter-scroller-hidden-column',
+ scrollerHideElement : 'tablesorter-scroller-hidden',
+ scrollerSpacerRow : 'tablesorter-scroller-spacer',
+ scrollerBarSpacer : 'tablesorter-scroller-bar-spacer',
+ scrollerAddedHeight : 'tablesorter-scroller-added-height',
+ scrollerHack : 'tablesorter-scroller-scrollbar-hack',
+ // class name on table cannot start with 'tablesorter-' or the
+ // suffix 'scroller-rtl' will match as a theme name
+ scrollerRtl : 'ts-scroller-rtl'
+ });
-ts.addWidget({
- id : 'scroller',
- priority : 60, // run after the filter widget
- options : {
- scroller_height : 300,
- // pop table header into view while scrolling up the page
- scroller_jumpToHeader : true,
- // scroll tbody to top after sorting
- scroller_upAfterSort : true,
- // set number of fixed columns
- scroller_fixedColumns : 0,
- // add hover highlighting to the fixed column (disable if it causes slowing)
- scroller_rowHighlight : 'hover',
- // add a fixed column overlay for styling
- scroller_addFixedOverlay : false,
- // In tablesorter v2.19.0 the scroll bar width is auto-detected
- // add a value here to override the auto-detected setting
- scroller_barWidth : null
- },
- format : function( table, c, wo ) {
- if ( !c.isScrolling ) {
- // initialize here instead of in widget init to give the
- // filter widget time to finish building the filter row
- ts.scroller.setup( c, wo );
+ ts.addWidget({
+ id : 'scroller',
+ priority : 60, // run after the filter widget
+ options : {
+ scroller_height : 300,
+ // pop table header into view while scrolling up the page
+ scroller_jumpToHeader : true,
+ // scroll tbody to top after sorting
+ scroller_upAfterSort : true,
+ // set number of fixed columns
+ scroller_fixedColumns : 0,
+ // add hover highlighting to the fixed column (disable if it causes slowing)
+ scroller_rowHighlight : 'hover',
+ // add a fixed column overlay for styling
+ scroller_addFixedOverlay : false,
+ // In tablesorter v2.19.0 the scroll bar width is auto-detected
+ // add a value here to override the auto-detected setting
+ scroller_barWidth : null
+ },
+ format : function( table, c, wo ) {
+ if ( !c.isScrolling ) {
+ // initialize here instead of in widget init to give the
+ // filter widget time to finish building the filter row
+ ts.scroller.setup( c, wo );
+ }
+ },
+ remove : function( table, c, wo ) {
+ ts.scroller.remove( c, wo );
}
- },
- remove : function( table, c, wo ) {
- ts.scroller.remove( c, wo );
- }
-});
+ });
-/* Add window resizeEnd event */
-ts.window_resize = function() {
- if ( ts.timer_resize ) {
- clearTimeout( ts.timer_resize );
- }
- ts.timer_resize = setTimeout( function() {
- $( window ).trigger( 'resizeEnd' );
- }, 250 );
-};
-
-// Add extra scroller css
-$( function() {
- var style = '';
- $( style ).appendTo( 'body' );
-});
-
-ts.scroller = {
-
- // Ugh.. Firefox misbehaves, so it needs to be detected
- isFirefox : navigator.userAgent.toLowerCase().indexOf( 'firefox' ) > -1,
- // old IE needs a wrap to hide the fixed column scrollbar; http://stackoverflow.com/a/24408672/145346
- isOldIE : document.all && !window.atob,
- isIE : ( document.all && !window.atob ) || navigator.appVersion.indexOf( 'Trident/' ) > 0,
- // http://stackoverflow.com/questions/7944460/detect-safari-browser - needed to position scrolling body
- // when the table is set up in RTL direction
- isSafari : navigator.userAgent.toLowerCase().indexOf( 'safari' ) > -1 &&
- navigator.userAgent.toLowerCase().indexOf( 'chrome' ) === -1,
-
- hasScrollBar : function( $target, checkWidth ) {
- if ( checkWidth ) {
- return $target.get(0).scrollWidth > $target.width();
- } else {
- return $target.get(0).scrollHeight > $target.height();
+ /* Add window resizeEnd event */
+ ts.window_resize = function() {
+ if ( ts.timer_resize ) {
+ clearTimeout( ts.timer_resize );
}
- },
+ ts.timer_resize = setTimeout( function() {
+ $( window ).trigger( 'resizeEnd' );
+ }, 250 );
+ };
- setWidth : function( $el, width ) {
- $el.css({
- 'width' : width,
- 'min-width' : width,
- 'max-width' : width
- });
- },
+ // Add extra scroller css
+ $( function() {
+ var style = '';
+ $( style ).appendTo( 'body' );
+ });
- setup : function( c, wo ) {
- var maxHt, tbHt, $hdr, $t, $hCells, $fCells, $tableWrap, events, tmp,
- $win = $( window ),
- tsScroller = ts.scroller,
- namespace = c.namespace + 'tsscroller',
- $foot = $(),
- // c.namespace contains a unique tablesorter ID, per table
- id = c.namespace.slice( 1 ) + 'tsscroller',
- $table = c.$table;
+ ts.scroller = {
- // force config.widthFixed option - this helps maintain proper alignment across cloned tables
- c.widthFixed = true;
+ // Ugh.. Firefox misbehaves, so it needs to be detected
+ isFirefox : navigator.userAgent.toLowerCase().indexOf( 'firefox' ) > -1,
+ // old IE needs a wrap to hide the fixed column scrollbar; http://stackoverflow.com/a/24408672/145346
+ isOldIE : document.all && !window.atob,
+ isIE : ( document.all && !window.atob ) || navigator.appVersion.indexOf( 'Trident/' ) > 0,
+ // http://stackoverflow.com/questions/7944460/detect-safari-browser - needed to position scrolling body
+ // when the table is set up in RTL direction
+ isSafari : navigator.userAgent.toLowerCase().indexOf( 'safari' ) > -1 &&
+ navigator.userAgent.toLowerCase().indexOf( 'chrome' ) === -1,
- wo.scroller_calcWidths = [];
- wo.scroller_saved = [ 0, 0 ];
- wo.scroller_isBusy = true;
+ hasScrollBar : function( $target, checkWidth ) {
+ if ( checkWidth ) {
+ return $target.get(0).scrollWidth > $target.width();
+ } else {
+ return $target.get(0).scrollHeight > $target.height();
+ }
+ },
- // set scrollbar width & allow setting width to zero
- wo.scroller_barSetWidth = wo.scroller_barWidth !== null ?
- wo.scroller_barWidth :
- ( tsScroller.getBarWidth() || 15 );
+ setWidth : function( $el, width ) {
+ $el.css({
+ 'width' : width,
+ 'min-width' : width,
+ 'max-width' : width
+ });
+ },
- maxHt = wo.scroller_height || 300;
+ // modified from http://davidwalsh.name/detect-scrollbar-width
+ getBarWidth : function() {
+ var $div = $( '
' ).css({
+ 'position' : 'absolute',
+ 'top' : '-9999px',
+ 'left' : 0,
+ 'width' : '100px',
+ 'height' : '100px',
+ 'overflow' : 'scroll',
+ 'visibility' : 'hidden'
+ }).appendTo( 'body' ),
+ div = $div[0],
+ barWidth = div.offsetWidth - div.clientWidth;
+ $div.remove();
+ return barWidth;
+ },
- $hdr = $( '
' +
- $table.children( 'thead' )[ 0 ].outerHTML + '
' );
- wo.scroller_$header = $hdr.addClass( c.namespace.slice( 1 ) + '_extra_table' );
+ setup : function( c, wo ) {
+ var maxHt, tbHt, $hdr, $t, $hCells, $fCells, $tableWrap, events, tmp,
+ $win = $( window ),
+ tsScroller = ts.scroller,
+ namespace = c.namespace + 'tsscroller',
+ $foot = $(),
+ // c.namespace contains a unique tablesorter ID, per table
+ id = c.namespace.slice( 1 ) + 'tsscroller',
+ $table = c.$table;
- $t = $table.children( 'tfoot' );
- if ( $t.length ) {
- $foot = $( '
' )
- .addClass( c.namespace.slice( 1 ) + '_extra_table' )
- // maintain any bindings on the tfoot cells
- .append( $t.clone( true ) )
- .wrap( '' );
- $fCells = $foot.children( 'tfoot' ).eq( 0 ).children( 'tr' ).children();
- }
- wo.scroller_$footer = $foot;
+ // force config.widthFixed option - this helps maintain proper alignment across cloned tables
+ c.widthFixed = true;
- $table
- .wrap( '
' )
- .before( $hdr )
- // shrink filter row but don't completely hide it because the inputs/selectors may distort the columns
- .find( '.' + tscss.filterRow )
- .addClass( tscss.filterRowHide );
+ wo.scroller_calcWidths = [];
+ wo.scroller_saved = [ 0, 0 ];
+ wo.scroller_isBusy = true;
- wo.scroller_$container = $table.parent();
+ // set scrollbar width & allow setting width to zero
+ wo.scroller_barSetWidth = wo.scroller_barWidth !== null ?
+ wo.scroller_barWidth :
+ ( tsScroller.getBarWidth() || 15 );
- if ( $foot.length ) {
- // $foot.parent() to include
wrapper
- $table.after( $foot.parent() );
- }
+ maxHt = wo.scroller_height || 300;
- $hCells = $hdr
- .wrap( '' )
- .find( '.' + tscss.header );
+ $hdr = $( '
' +
+ $table.children( 'thead' )[ 0 ].outerHTML + '
' );
+ wo.scroller_$header = $hdr.addClass( c.namespace.slice( 1 ) + '_extra_table' );
- // use max-height, so the height resizes dynamically while filtering
- $table.wrap( '
' );
- $tableWrap = $table.parent();
+ $t = $table.children( 'tfoot' );
+ if ( $t.length ) {
+ $foot = $( '
' )
+ .addClass( c.namespace.slice( 1 ) + '_extra_table' )
+ // maintain any bindings on the tfoot cells
+ .append( $t.clone( true ) )
+ .wrap( '' );
+ $fCells = $foot.children( 'tfoot' ).eq( 0 ).children( 'tr' ).children();
+ }
+ wo.scroller_$footer = $foot;
- // make scroller header sortable
- ts.bindEvents( c.table, $hCells );
+ $table
+ .wrap( '
' )
+ .before( $hdr )
+ // shrink filter row but don't completely hide it because the inputs/selectors may distort the columns
+ .find( '.' + tscss.filterRow )
+ .addClass( tscss.filterRowHide );
- // look for filter widget
- if ( $table.hasClass( 'hasFilters' ) ) {
- ts.filter.bindSearch( $table, $hdr.find( '.' + tscss.filter ) );
- }
+ wo.scroller_$container = $table.parent();
- $table
- .find( 'thead' )
- .addClass( tscss.scrollerHideElement );
+ if ( $foot.length ) {
+ // $foot.parent() to include
wrapper
+ $table.after( $foot.parent() );
+ }
- tbHt = $tableWrap.parent().height();
+ $hCells = $hdr
+ .wrap( '' )
+ .find( '.' + tscss.header );
- // The header will always jump into view if scrolling the table body
- $tableWrap
- .off( 'scroll' + namespace )
- .on( 'scroll' + namespace, function() {
- if ( wo.scroller_jumpToHeader ) {
- var pos = $win.scrollTop() - $hdr.offset().top;
- if ( $( this ).scrollTop() !== 0 && pos < tbHt && pos > 0 ) {
- $win.scrollTop( $hdr.offset().top );
+ // use max-height, so the height resizes dynamically while filtering
+ $table.wrap( '
' );
+ $tableWrap = $table.parent();
+
+ // make scroller header sortable
+ ts.bindEvents( c.table, $hCells );
+
+ // look for filter widget
+ if ( $table.hasClass( 'hasFilters' ) ) {
+ ts.filter.bindSearch( $table, $hdr.find( '.' + tscss.filter ) );
+ }
+
+ $table
+ .find( 'thead' )
+ .addClass( tscss.scrollerHideElement );
+
+ tbHt = $tableWrap.parent().height();
+
+ // The header will always jump into view if scrolling the table body
+ $tableWrap
+ .off( 'scroll' + namespace )
+ .on( 'scroll' + namespace, function() {
+ if ( wo.scroller_jumpToHeader ) {
+ var pos = $win.scrollTop() - $hdr.offset().top;
+ if ( $( this ).scrollTop() !== 0 && pos < tbHt && pos > 0 ) {
+ $win.scrollTop( $hdr.offset().top );
+ }
+ }
+ $hdr
+ .parent()
+ .add( $foot.parent() )
+ .scrollLeft( $( this ).scrollLeft() );
+ });
+
+ // resize/update events
+ events = ( ( ts.hasWidget( c.table, 'filter' ) ? 'filterEnd' : 'tablesorter-initialized' ) +
+ ' updateComplete pagerComplete columnUpdate ' ).split( ' ' ).join( namespace + ' ' );
+
+ $table
+ .off( namespace )
+ .on( 'sortEnd filterEnd'.split( ' ' ).join( namespace + ' ' ), function( event ) {
+ // Sorting, so scroll to top
+ if ( event.type === 'sortEnd' && wo.scroller_upAfterSort ) {
+ $tableWrap.animate({
+ scrollTop : 0
+ }, 'fast' );
+ } else if ( wo.scroller_fixedColumns ) {
+ setTimeout( function() {
+ // restore previous scroll position
+ $tableWrap
+ .scrollTop( wo.scroller_saved[1] )
+ .scrollLeft( wo.scroller_saved[0] );
+ tsScroller.updateFixed( c, wo, false );
+ }, 0 );
+ }
+ })
+ .on( 'setFixedColumnSize' + namespace, function( event, size ) {
+ var $wrap = wo.scroller_$container;
+ if ( typeof size !== 'undefined' && !isNaN( size ) ) {
+ wo.scroller_fixedColumns = parseInt( size, 10 );
+ }
+ // remove fixed columns
+ tsScroller.removeFixed( c, wo );
+ size = wo.scroller_fixedColumns;
+ if ( size > 0 && size < c.columns - 1 ) {
+ tsScroller.updateFixed( c, wo );
+ } else if ( $wrap.hasClass( tscss.scrollerHasFix ) ) {
+ $wrap.removeClass( tscss.scrollerHasFix );
+ // resize needed to make tables full width
+ tsScroller.resize( c, wo );
+ }
+ })
+ .on( events, function( event ) {
+ // Stop from running twice with pager
+ if ( ts.hasWidget( 'pager' ) && event.type === 'updateComplete' ) {
+ return;
+ }
+ if ( wo.scroller_fixedColumns > 0 ) {
+ tsScroller.updateFixed( c, wo, false );
+ }
+ // adjust column sizes after an update
+ tsScroller.resize( c, wo );
+ });
+
+ // Setup window.resizeEnd event
+ $win
+ .off( 'resize resizeEnd '.split( ' ' ).join( namespace + ' ' ) )
+ .on( 'resize' + namespace, ts.window_resize )
+ .on( 'resizeEnd' + namespace, function() {
+ // IE calls resize when you modify content, so we have to unbind the resize event
+ // so we don't end up with an infinite loop. we can rebind after we're done.
+ $win.off( 'resize' + namespace, ts.window_resize );
+ tsScroller.resize( c, wo );
+ $win.on( 'resize' + namespace, ts.window_resize );
+ $tableWrap.trigger( 'scroll' + namespace );
+ });
+
+ // initialization flag
+ c.isScrolling = true;
+
+ tsScroller.updateFixed( c, wo );
+
+ // updateAll called - need to give the browser time to adjust the layout
+ // before calculating fix column widths
+ if ( c.table.hasInitialized && c.isScrolling ) {
+ setTimeout(function(){
+ ts.scroller.resize( c, wo );
+ }, 50);
+ }
+
+ },
+
+ resize : function( c, wo ) {
+ if ( wo.scroller_isBusy ) { return; }
+ var index, borderWidth, setWidth, $hCells, $bCells, $fCells, $headers, $this, temp,
+ tsScroller = ts.scroller,
+ $container = wo.scroller_$container,
+ $table = c.$table,
+ $tableWrap = $table.parent(),
+ $hdr = wo.scroller_$header,
+ $foot = wo.scroller_$footer,
+ id = c.namespace.slice( 1 ) + 'tsscroller',
+ // Hide other scrollers so we can resize
+ $div = $( 'div.' + tscss.scrollerWrap + '[id!="' + id + '"]' )
+ .addClass( tscss.scrollerHideElement ),
+ row = '
';
+
+ wo.scroller_calcWidths = [];
+
+ // Remove fixed so we get proper widths and heights
+ tsScroller.removeFixed( c, wo );
+ $container.find( '.' + tscss.scrollerSpacerRow ).remove();
+ // remove ts added colgroups
+ $container.find( '.' + ts.css.colgroup ).remove();
+
+ // show original table elements to get proper alignment
+ $table
+ .find( '.' + tscss.scrollerHideElement )
+ .removeClass( tscss.scrollerHideElement );
+
+ // include left & right border widths
+ borderWidth = parseInt( $table.css( 'border-left-width' ), 10 );
+
+ $headers = c.$headerIndexed;
+
+ for ( index = 0; index < c.columns; index++ ) {
+ $this = $headers[ index ];
+ // code from https://github.com/jmosbech/StickyTableHeaders
+ if ( $this.css( 'box-sizing' ) === 'border-box' ) {
+ setWidth = $this.outerWidth();
+ } else {
+ if ( $this.css( 'border-collapse' ) === 'collapse' ) {
+ if ( $this.length && window.getComputedStyle ) {
+ setWidth = parseFloat( window.getComputedStyle( $this[ 0 ], null ).width );
+ } else {
+ // ie8 only
+ setWidth = $this.outerWidth() - parseFloat( $this.css( 'padding-left' ) ) -
+ parseFloat( $this.css( 'padding-right' ) ) -
+ ( parseFloat( $this.css( 'border-width' ) ) || 0 );
+ }
+ } else {
+ setWidth = $this.width();
}
}
+ row += ' | ';
+
+ // save current widths
+ wo.scroller_calcWidths[ index ] = setWidth;
+ }
+ row += '
';
+ c.$tbodies.eq(0).prepend( row ); // tbody
+ $hdr.children( 'thead' ).append( row );
+ $foot.children( 'tfoot' ).append( row );
+
+ // include colgroup or alignment is off
+ ts.fixColumnWidth( c.table );
+ row = c.$table.children( 'colgroup' )[0].outerHTML;
+ $hdr.prepend( row );
+ $foot.prepend( row );
+
+ temp = $tableWrap.parent().innerWidth() -
+ ( tsScroller.hasScrollBar( $tableWrap ) ? wo.scroller_barSetWidth : 0 );
+ $tableWrap.width( temp );
+
+ temp = ( tsScroller.hasScrollBar( $tableWrap ) ? wo.scroller_barSetWidth : 0 ) + borderWidth;
+ setWidth = $tableWrap.innerWidth() - temp;
+
+ $hdr
+ .parent()
+ .add( $foot.parent() )
+ .width( setWidth );
+
+ $tableWrap
+ .width( setWidth + temp );
+
+ // hide original table thead
+ $table.children( 'thead' ).addClass( tscss.scrollerHideElement );
+
+ // update fixed column sizes
+ tsScroller.updateFixed( c, wo );
+
+ $div.removeClass( tscss.scrollerHideElement );
+
+ // restore scrollTop - fixes #926
+ $tableWrap.scrollTop( wo.scroller_saved[1] );
+ wo.scroller_$container
+ .find( '.' + tscss.scrollerFixed )
+ .find( '.' + tscss.scrollerTable )
+ .scrollTop( wo.scroller_saved[1] );
+
+ // update resizable widget handles
+ setTimeout( function() {
+ c.$table.trigger( 'resizableUpdate' );
+ }, 100 );
+
+ },
+
+ // Add fixed (frozen) columns (Do not call directly, use updateFixed)
+ setupFixed : function( c, wo ) {
+ var index, index2, $el, len, temp, $fixedColumn, $fixedTbody,
+ $table = c.$table,
+ $wrapper = wo.scroller_$container,
+ fixedColumns = wo.scroller_fixedColumns;
+
+ $fixedColumn = $wrapper
+ .addClass( tscss.scrollerHasFix )
+ .clone()
+ .addClass( tscss.scrollerFixed )
+ .removeClass( tscss.scrollerWrap )
+ .attr( 'id', '' );
+
+ if ( wo.scroller_addFixedOverlay ) {
+ $fixedColumn.append( '
' );
+ }
+
+ $fixedTbody = $fixedColumn.find( '.' + tscss.scrollerTable );
+ $fixedTbody
+ .children( 'table' )
+ .addClass( c.namespace.slice( 1 ) + '_extra_table' )
+ .attr( 'id', '' )
+ .children( 'thead, tfoot' )
+ .remove();
+
+ wo.scroller_$fixedColumns = $fixedColumn;
+
+ // RTL support (fixes column on right)
+ if ( $table.hasClass( tscss.scrollerRtl ) ) {
+ $fixedColumn.addClass( tscss.scrollerRtl );
+ }
+
+ $el = $fixedColumn.find( 'tr' );
+ len = $el.length;
+ for ( index = 0; index < len; index++ ) {
+ $el.eq( index ).children( ':gt(' + ( fixedColumns - 1 ) + ')' ).remove();
+ }
+ $fixedColumn
+ .addClass( tscss.scrollerHideElement )
+ .prependTo( $wrapper );
+
+ // look for filter widget
+ if ( c.$table.hasClass( 'hasFilters' ) ) {
+ // make sure fixed column filters aren't disabled
+ $el = $fixedColumn
+ .find( '.' + tscss.filter )
+ .not( '.' + tscss.filterDisabled )
+ .prop( 'disabled', false );
+ ts.filter.bindSearch( $table, $fixedColumn.find( '.' + tscss.filter ) );
+ // disable/enable filters behind fixed column
+ $el = $wrapper
+ .children( '.' + tscss.scrollerHeader )
+ .find( '.' + tscss.filter );
+ len = $el.length;
+ for ( index = 0; index < len; index++ ) {
+ // previously disabled filter; don't mess with it! filterDisabled class added by filter widget
+ if ( !$el.eq( index ).hasClass( tscss.filterDisabled || 'disabled' ) ) {
+ // disable filters behind fixed column; don't disable visible filters
+ $el.eq( index ).prop( 'disabled', index < fixedColumns );
+ }
+ }
+ }
+
+ // disable/enable tab indexes behind fixed column
+ c.$table
+ .add( '.' + tscss.scrollerFooter + ' table' )
+ .children( 'thead' )
+ .children( 'tr.' + tscss.headerRow )
+ .children()
+ .attr( 'tabindex', -1 );
+
+ $el = wo.scroller_$header
+ .add( $fixedColumn.find( '.' + tscss.scrollerTable + ' table' ) )
+ .children( 'thead' )
+ .children( 'tr.' + tscss.headerRow );
+ len = $el.length;
+ for ( index = 0; index < len; index++ ) {
+ temp = $el.eq( index ).children();
+ for ( index2 = 0; index2 < temp.length; index2++ ) {
+ temp.eq( index2 ).attr( 'tabindex', index2 < fixedColumns ? -1 : 0 );
+ }
+ }
+
+ ts.bindEvents( c.table, $fixedColumn.find( '.' + tscss.header ) );
+ ts.scroller.bindFixedColumnEvents( c, wo );
+
+ /*** Scrollbar hack! Since we can't hide the scrollbar with css ***/
+ if ( ts.scroller.isFirefox || ts.scroller.isOldIE ) {
+ $fixedTbody.wrap( '
' );
+ }
+
+ },
+
+ bindFixedColumnEvents : function( c, wo ) {
+ // update thead & tbody in fixed column
+ var tsScroller = ts.scroller,
+ namespace = c.namespace + 'tsscrollerFixed',
+ events = 'scroll' + namespace,
+ $fixedTbody = wo.scroller_$fixedColumns.find( '.' + tscss.scrollerTable ),
+ fixedScroll = true,
+ tableScroll = true;
+
+ c.$table
+ .parent()
+ // *** SCROLL *** scroll fixed column along with main
+ .off( events )
+ .on( events, function() {
+ if ( wo.scroller_isBusy ) { return; }
+ // using flags to prevent firing the scroll event excessively leading to slow scrolling in Firefox
+ if ( !wo.scroller_isBusy && ( fixedScroll || !( tsScroller.isFirefox || tsScroller.isIE ) ) ) {
+ tableScroll = false;
+ var $this = $( this );
+ $fixedTbody[0].scrollTop = wo.scroller_saved[1] = $this.scrollTop();
+ wo.scroller_saved[0] = $this.scrollLeft();
+ setTimeout( function() {
+ tableScroll = true;
+ }, 20 );
+ }
+ });
+ // scroll main along with fixed column
+ $fixedTbody
+ .off( events )
+ .on( events, function() {
+ // using flags to prevent firing the scroll event excessively leading to slow scrolling in Firefox
+ if ( !wo.scroller_isBusy && ( tableScroll || !( tsScroller.isFirefox || tsScroller.isIE ) ) ) {
+ fixedScroll = false;
+ var $this = $( this );
+ c.$table.parent()[0].scrollTop = wo.scroller_saved[1] = $this.scrollTop();
+ setTimeout( function() {
+ fixedScroll = true;
+ }, 20 );
+ }
+ })
+ .scroll();
+
+ // *** ROW HIGHLIGHT ***
+ if ( wo.scroller_rowHighlight !== '' ) {
+ events = 'mouseover mouseleave '.split( ' ' ).join( namespace + ' ' );
+ // can't use c.$tbodies because it doesn't include info-only tbodies
+ c.$table
+ .off( events, 'tbody > tr' )
+ .on( events, 'tbody > tr', function( event ) {
+ var indx = c.$table.children( 'tbody' ).children( 'tr' ).index( this );
+ $fixedTbody
+ .children( 'table' )
+ .children( 'tbody' )
+ .children( 'tr' )
+ .eq( indx )
+ .add( this )
+ .toggleClass( wo.scroller_rowHighlight, event.type === 'mouseover' );
+ });
+ $fixedTbody
+ .find( 'table' )
+ .off( events, 'tbody > tr' )
+ .on( events, 'tbody > tr', function( event ) {
+ var $fixed = $fixedTbody.children( 'table' ).children( 'tbody' ).children( 'tr' ),
+ indx = $fixed.index( this );
+ c.$table
+ .children( 'tbody' )
+ .children( 'tr' )
+ .eq( indx )
+ .add( this )
+ .toggleClass( wo.scroller_rowHighlight, event.type === 'mouseover' );
+ });
+ }
+ },
+
+ adjustWidth : function( c, wo, totalWidth, adj, dir ) {
+ var $wrapper = wo.scroller_$container;
+
+ // RTL support (fixes column on right)
+ $wrapper
+ .children( '.' + tscss.scrollerTable )
+ .css( dir ? 'right' : 'left', totalWidth );
+ $wrapper
+ .children( '.' + tscss.scrollerHeader + ', .' + tscss.scrollerFooter )
+ // Safari needs a scrollbar width of extra adjusment to align the fixed & scrolling columns
+ .css( dir ? 'right' : 'left', totalWidth + ( dir && ts.scroller.isSafari ? adj : 0 ) );
+ },
+
+ updateFixed : function( c, wo ) {
+ var temp, adj,
+ $wrapper = wo.scroller_$container,
+ $hdr = wo.scroller_$header,
+ $foot = wo.scroller_$footer,
+ $table = c.$table,
+ $tableWrap = $table.parent(),
+ scrollBarWidth = wo.scroller_barSetWidth,
+ dir = $table.hasClass( tscss.scrollerRtl );
+
+ if ( wo.scroller_fixedColumns === 0 ) {
+ wo.scroller_isBusy = false;
+ ts.scroller.removeFixed( c, wo );
+ temp = $wrapper.width();
+ $tableWrap.width( temp );
+ adj = ts.scroller.hasScrollBar( $tableWrap ) ? scrollBarWidth : 0;
$hdr
.parent()
.add( $foot.parent() )
- .scrollLeft( $( this ).scrollLeft() );
- });
+ .width( temp - adj );
+ return;
+ }
- // resize/update events
- events = ( ( ts.hasWidget( c.table, 'filter' ) ? 'filterEnd' : 'tablesorter-initialized' ) +
- ' updateComplete pagerComplete columnUpdate ' ).split( ' ' ).join( namespace + ' ' );
+ if ( !c.isScrolling ) {
+ return;
+ }
- $table
- .off( namespace )
- .on( 'sortEnd filterEnd'.split( ' ' ).join( namespace + ' ' ), function( event ) {
- // Sorting, so scroll to top
- if ( event.type === 'sortEnd' && wo.scroller_upAfterSort ) {
- $tableWrap.animate({
- scrollTop : 0
- }, 'fast' );
- } else if ( wo.scroller_fixedColumns ) {
- setTimeout( function() {
- // restore previous scroll position
- $tableWrap
- .scrollTop( wo.scroller_saved[1] )
- .scrollLeft( wo.scroller_saved[0] );
- tsScroller.updateFixed( c, wo, false );
- }, 0 );
- }
- })
- .on( 'setFixedColumnSize' + namespace, function( event, size ) {
- var $wrap = wo.scroller_$container;
- if ( typeof size !== 'undefined' && !isNaN( size ) ) {
- wo.scroller_fixedColumns = parseInt( size, 10 );
- }
- // remove fixed columns
- tsScroller.removeFixed( c, wo );
- size = wo.scroller_fixedColumns;
- if ( size > 0 && size < c.columns - 1 ) {
- tsScroller.updateFixed( c, wo );
- } else if ( $wrap.hasClass( tscss.scrollerHasFix ) ) {
- $wrap.removeClass( tscss.scrollerHasFix );
- // resize needed to make tables full width
- tsScroller.resize( c, wo );
- }
- })
- .on( events, function( event ) {
- // Stop from running twice with pager
- if ( ts.hasWidget( 'pager' ) && event.type === 'updateComplete' ) {
- return;
- }
- if ( wo.scroller_fixedColumns > 0 ) {
- tsScroller.updateFixed( c, wo, false );
- }
- // adjust column sizes after an update
- tsScroller.resize( c, wo );
- });
+ wo.scroller_isBusy = true;
- // Setup window.resizeEnd event
- $win
- .off( 'resize resizeEnd '.split( ' ' ).join( namespace + ' ' ) )
- .on( 'resize' + namespace, ts.window_resize )
- .on( 'resizeEnd' + namespace, function() {
- // IE calls resize when you modify content, so we have to unbind the resize event
- // so we don't end up with an infinite loop. we can rebind after we're done.
- $win.off( 'resize' + namespace, ts.window_resize );
- tsScroller.resize( c, wo );
- $win.on( 'resize' + namespace, ts.window_resize );
- $tableWrap.trigger( 'scroll' + namespace );
- });
+ // Make sure the wo.scroller_$fixedColumns container exists, if not build it
+ if ( !$wrapper.find( '.' + tscss.scrollerFixed ).length ) {
+ ts.scroller.setupFixed( c, wo );
+ }
- // initialization flag
- c.isScrolling = true;
+ // scroller_fixedColumns
+ var index, tbodyIndex, rowIndex, $tbody, $adjCol, $fb, $fixHead, $fixBody, $fixFoot,
+ totalRows, row,
- tsScroller.updateFixed( c, wo );
+ // source cells for measurement
+ $mainTbodies = wo.scroller_$container
+ .children( '.' + tscss.scrollerTable )
+ .children( 'table' )
+ .children( 'tbody' ),
+ // variable gets redefined
+ $rows = wo.scroller_$header
+ .children( 'thead' )
+ .children( '.' + tscss.headerRow ),
- // updateAll called - need to give the browser time to adjust the layout
- // before calculating fix column widths
- if ( c.table.hasInitialized && c.isScrolling ) {
- setTimeout(function(){
- ts.scroller.resize( c, wo );
- }, 50);
- }
+ // hide fixed column during resize, or we get a FOUC
+ $fixedColumn = wo.scroller_$fixedColumns
+ .addClass( tscss.scrollerHideElement ),
- },
+ // target cells
+ $fixedTbodiesTable = $fixedColumn
+ .find( '.' + tscss.scrollerTable )
+ .children( 'table' ),
+ $fixedTbodies = $fixedTbodiesTable
+ .children( 'tbody' ),
+ // variables
+ tsScroller = ts.scroller,
+ fixedColumns = wo.scroller_fixedColumns,
+ // get dimensions
+ $temp = $table.find( 'tbody td' ),
+ borderRightWidth = parseInt( $temp.css( 'border-right-width' ), 10 ) || 1,
+ borderSpacing = parseInt( ( $temp.css( 'border-spacing' ) || '' ).split( /\s/ )[ 0 ], 10 ) / 2 || 0,
+ totalWidth = parseInt( $table.css( 'padding-left' ), 10 ) +
+ parseInt( $table.css( 'padding-right' ), 10 ) -
+ borderRightWidth,
+ widths = wo.scroller_calcWidths;
- resize : function( c, wo ) {
- if ( wo.scroller_isBusy ) { return; }
- var index, borderWidth, setWidth, $hCells, $bCells, $fCells, $headers, $this, temp,
- tsScroller = ts.scroller,
- $container = wo.scroller_$container,
- $table = c.$table,
- $tableWrap = $table.parent(),
- $hdr = wo.scroller_$header,
- $foot = wo.scroller_$footer,
- id = c.namespace.slice( 1 ) + 'tsscroller',
- // Hide other scrollers so we can resize
- $div = $( 'div.' + tscss.scrollerWrap + '[id!="' + id + '"]' )
- .addClass( tscss.scrollerHideElement ),
- row = '
';
+ ts.scroller.removeFixed( c, wo, false );
- wo.scroller_calcWidths = [];
+ // calculate fixed column width
+ for ( index = 0; index < fixedColumns; index++ ) {
+ totalWidth += widths[ index ] + borderSpacing;
+ }
- // Remove fixed so we get proper widths and heights
- tsScroller.removeFixed( c, wo );
- $container.find( '.' + tscss.scrollerSpacerRow ).remove();
- // remove ts added colgroups
- $container.find( '.' + ts.css.colgroup ).remove();
+ // set fixed column width
+ totalWidth = totalWidth + borderRightWidth * 2 - borderSpacing;
+ tsScroller.setWidth( $fixedColumn.add( $fixedColumn.children() ), totalWidth );
+ tsScroller.setWidth( $fixedColumn.children().children( 'table' ), totalWidth );
- // show original table elements to get proper alignment
- $table
- .find( '.' + tscss.scrollerHideElement )
- .removeClass( tscss.scrollerHideElement );
-
- // include left & right border widths
- borderWidth = parseInt( $table.css( 'border-left-width' ), 10 );
-
- $headers = c.$headerIndexed;
-
- for ( index = 0; index < c.columns; index++ ) {
- $this = $headers[ index ];
- // code from https://github.com/jmosbech/StickyTableHeaders
- if ( $this.css( 'box-sizing' ) === 'border-box' ) {
- setWidth = $this.outerWidth();
- } else {
- if ( $this.css( 'border-collapse' ) === 'collapse' ) {
- if ( $this.length && window.getComputedStyle ) {
- setWidth = parseFloat( window.getComputedStyle( $this[ 0 ], null ).width );
- } else {
- // ie8 only
- setWidth = $this.outerWidth() - parseFloat( $this.css( 'padding-left' ) ) -
- parseFloat( $this.css( 'padding-right' ) ) -
- ( parseFloat( $this.css( 'border-width' ) ) || 0 );
+ // update fixed column tbody content, set cell widths on hidden row
+ for ( tbodyIndex = 0; tbodyIndex < c.$tbodies.length; tbodyIndex++ ) {
+ $tbody = $mainTbodies.eq( tbodyIndex );
+ if ( $tbody.length ) {
+ // get tbody
+ $rows = $tbody.children();
+ totalRows = $rows.length;
+ $fb = ts.processTbody( $fixedTbodiesTable, $fixedTbodies.eq( tbodyIndex ), true );
+ $fb.empty();
+ // update tbody cells after sort/filtering
+ for ( rowIndex = 0; rowIndex < totalRows; rowIndex++ ) {
+ $adjCol = $( $rows[ rowIndex ].outerHTML );
+ $adjCol
+ .children( 'td, th' )
+ .slice( fixedColumns )
+ .remove();
+ $fb.append( $adjCol );
}
- } else {
- setWidth = $this.width();
+
+ // restore tbody
+ ts.processTbody( $fixedTbodiesTable, $fb, false );
}
}
- row += ' | ';
- // save current widths
- wo.scroller_calcWidths[ index ] = setWidth;
- }
- row += '
';
- c.$tbodies.eq(0).prepend( row ); // tbody
- $hdr.children( 'thead' ).append( row );
- $foot.children( 'tfoot' ).append( row );
-
- // include colgroup or alignment is off
- ts.fixColumnWidth( c.table );
- row = c.$table.children( 'colgroup' )[0].outerHTML;
- $hdr.prepend( row );
- $foot.prepend( row );
-
- temp = $tableWrap.parent().innerWidth() -
- ( tsScroller.hasScrollBar( $tableWrap ) ? wo.scroller_barSetWidth : 0 );
- $tableWrap.width( temp );
-
- temp = ( tsScroller.hasScrollBar( $tableWrap ) ? wo.scroller_barSetWidth : 0 ) + borderWidth;
- setWidth = $tableWrap.innerWidth() - temp;
-
- $hdr
- .parent()
- .add( $foot.parent() )
- .width( setWidth );
-
- $tableWrap
- .width( setWidth + temp );
-
- // hide original table thead
- $table.children( 'thead' ).addClass( tscss.scrollerHideElement );
-
- // update fixed column sizes
- tsScroller.updateFixed( c, wo );
-
- $div.removeClass( tscss.scrollerHideElement );
-
- // restore scrollTop - fixes #926
- $tableWrap.scrollTop( wo.scroller_saved[1] );
- wo.scroller_$container
- .find( '.' + tscss.scrollerFixed )
- .find( '.' + tscss.scrollerTable )
- .scrollTop( wo.scroller_saved[1] );
-
- // update resizable widget handles
- setTimeout( function() {
- c.$table.trigger( 'resizableUpdate' );
- }, 100 );
-
- },
-
- // Add fixed (frozen) columns (Do not call directly, use updateFixed)
- setupFixed : function( c, wo ) {
- var index, index2, $el, len, temp, $fixedColumn, $fixedTbody,
- $table = c.$table,
- $wrapper = wo.scroller_$container,
- fixedColumns = wo.scroller_fixedColumns;
-
- $fixedColumn = $wrapper
- .addClass( tscss.scrollerHasFix )
- .clone()
- .addClass( tscss.scrollerFixed )
- .removeClass( tscss.scrollerWrap )
- .attr( 'id', '' );
-
- if ( wo.scroller_addFixedOverlay ) {
- $fixedColumn.append( '