UNPKG

tablesorter

Version:

tablesorter (FORK) is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell.

1,153 lines (1,115 loc) 129 kB
/*! tablesorter (FORK) - updated 2024-08-13 (v2.32.0)*/ /* Includes widgets ( storage,uitheme,columns,filter,stickyHeaders,resizable,saveSort ) */ (function(factory){if (typeof define === 'function' && define.amd){define(['jquery'], factory);} else if (typeof module === 'object' && typeof module.exports === 'object'){module.exports = factory(require('jquery'));} else {factory(jQuery);}}(function(jQuery) { /*! Widget: storage - updated 2018-03-18 (v2.30.0) */ /*global JSON:false */ ;(function ($, window, document) { 'use strict'; var ts = $.tablesorter || {}; // update defaults for validator; these values must be falsy! $.extend(true, ts.defaults, { fixedUrl: '', widgetOptions: { storage_fixedUrl: '', storage_group: '', storage_page: '', storage_storageType: '', storage_tableId: '', storage_useSessionStorage: '' } }); // *** Store data in local storage, with a cookie fallback *** /* IE7 needs JSON library for JSON.stringify - (http://caniuse.com/#search=json) if you need it, then include https://github.com/douglascrockford/JSON-js $.parseJSON is not available is jQuery versions older than 1.4.1, using older versions will only allow storing information for one page at a time // *** Save data (JSON format only) *** // val must be valid JSON... use http://jsonlint.com/ to ensure it is valid var val = { "mywidget" : "data1" }; // valid JSON uses double quotes // $.tablesorter.storage(table, key, val); $.tablesorter.storage(table, 'tablesorter-mywidget', val); // *** Get data: $.tablesorter.storage(table, key); *** v = $.tablesorter.storage(table, 'tablesorter-mywidget'); // val may be empty, so also check for your data val = (v && v.hasOwnProperty('mywidget')) ? v.mywidget : ''; alert(val); // 'data1' if saved, or '' if not */ ts.storage = function(table, key, value, options) { table = $(table)[0]; var cookieIndex, cookies, date, hasStorage = false, values = {}, c = table.config, wo = c && c.widgetOptions, debug = ts.debug(c, 'storage'), storageType = ( ( options && options.storageType ) || ( wo && wo.storage_storageType ) ).toString().charAt(0).toLowerCase(), // deprecating "useSessionStorage"; any storageType setting overrides it session = storageType ? '' : ( options && options.useSessionStorage ) || ( wo && wo.storage_useSessionStorage ), $table = $(table), // id from (1) options ID, (2) table 'data-table-group' attribute, (3) widgetOptions.storage_tableId, // (4) table ID, then (5) table index id = options && options.id || $table.attr( options && options.group || wo && wo.storage_group || 'data-table-group') || wo && wo.storage_tableId || table.id || $('.tablesorter').index( $table ), // url from (1) options url, (2) table 'data-table-page' attribute, (3) widgetOptions.storage_fixedUrl, // (4) table.config.fixedUrl (deprecated), then (5) window location path url = options && options.url || $table.attr(options && options.page || wo && wo.storage_page || 'data-table-page') || wo && wo.storage_fixedUrl || c && c.fixedUrl || window.location.pathname; // skip if using cookies if (storageType !== 'c') { storageType = (storageType === 's' || session) ? 'sessionStorage' : 'localStorage'; // https://gist.github.com/paulirish/5558557 if (storageType in window) { try { window[storageType].setItem('_tmptest', 'temp'); hasStorage = true; window[storageType].removeItem('_tmptest'); } catch (error) { console.warn( storageType + ' is not supported in this browser' ); } } } if (debug) { console.log('Storage >> Using', hasStorage ? storageType : 'cookies'); } // *** get value *** if ($.parseJSON) { if (hasStorage) { values = $.parseJSON( window[storageType][key] || 'null' ) || {}; } else { // old browser, using cookies cookies = document.cookie.split(/[;\s|=]/); // add one to get from the key to the value cookieIndex = $.inArray(key, cookies) + 1; values = (cookieIndex !== 0) ? $.parseJSON(cookies[cookieIndex] || 'null') || {} : {}; } } // allow value to be an empty string too if (typeof value !== 'undefined' && window.JSON && JSON.hasOwnProperty('stringify')) { // add unique identifiers = url pathname > table ID/index on page > data if (!values[url]) { values[url] = {}; } values[url][id] = value; // *** set value *** if (hasStorage) { window[storageType][key] = JSON.stringify(values); } else { date = new Date(); date.setTime(date.getTime() + (31536e+6)); // 365 days document.cookie = key + '=' + (JSON.stringify(values)).replace(/\"/g, '\"') + '; expires=' + date.toGMTString() + '; path=/'; } } else { return values && values[url] ? values[url][id] : ''; } }; })(jQuery, window, document); /*! Widget: uitheme - updated 2018-03-18 (v2.30.0) */ ;(function ($) { 'use strict'; var ts = $.tablesorter || {}; ts.themes = { 'bootstrap' : { table : 'table table-bordered table-striped', caption : 'caption', // header class names header : 'bootstrap-header', // give the header a gradient background (theme.bootstrap_2.css) sortNone : '', sortAsc : '', sortDesc : '', active : '', // applied when column is sorted hover : '', // custom css required - a defined bootstrap style may not override other classes // icon class names icons : '', // add 'bootstrap-icon-white' to make them white; this icon class is added to the <i> in the header iconSortNone : 'bootstrap-icon-unsorted', // class name added to icon when column is not sorted iconSortAsc : 'glyphicon glyphicon-chevron-up', // class name added to icon when column has ascending sort iconSortDesc : 'glyphicon glyphicon-chevron-down', // class name added to icon when column has descending sort filterRow : '', // filter row class footerRow : '', footerCells : '', even : '', // even row zebra striping odd : '' // odd row zebra striping }, 'jui' : { table : 'ui-widget ui-widget-content ui-corner-all', // table classes caption : 'ui-widget-content', // header class names header : 'ui-widget-header ui-corner-all ui-state-default', // header classes sortNone : '', sortAsc : '', sortDesc : '', active : 'ui-state-active', // applied when column is sorted hover : 'ui-state-hover', // hover class // icon class names icons : 'ui-icon', // icon class added to the <i> in the header iconSortNone : 'ui-icon-carat-2-n-s ui-icon-caret-2-n-s', // class name added to icon when column is not sorted iconSortAsc : 'ui-icon-carat-1-n ui-icon-caret-1-n', // class name added to icon when column has ascending sort iconSortDesc : 'ui-icon-carat-1-s ui-icon-caret-1-s', // class name added to icon when column has descending sort filterRow : '', footerRow : '', footerCells : '', even : 'ui-widget-content', // even row zebra striping odd : 'ui-state-default' // odd row zebra striping } }; $.extend(ts.css, { wrapper : 'tablesorter-wrapper' // ui theme & resizable }); ts.addWidget({ id: 'uitheme', priority: 10, format: function(table, c, wo) { var i, tmp, hdr, icon, time, $header, $icon, $tfoot, $h, oldtheme, oldremove, oldIconRmv, hasOldTheme, themesAll = ts.themes, $table = c.$table.add( $( c.namespace + '_extra_table' ) ), $headers = c.$headers.add( $( c.namespace + '_extra_headers' ) ), theme = c.theme || 'jui', themes = themesAll[theme] || {}, remove = $.trim( [ themes.sortNone, themes.sortDesc, themes.sortAsc, themes.active ].join( ' ' ) ), iconRmv = $.trim( [ themes.iconSortNone, themes.iconSortDesc, themes.iconSortAsc ].join( ' ' ) ), debug = ts.debug(c, 'uitheme'); if (debug) { time = new Date(); } // initialization code - run once if (!$table.hasClass('tablesorter-' + theme) || c.theme !== c.appliedTheme || !wo.uitheme_applied) { wo.uitheme_applied = true; oldtheme = themesAll[c.appliedTheme] || {}; hasOldTheme = !$.isEmptyObject(oldtheme); oldremove = hasOldTheme ? [ oldtheme.sortNone, oldtheme.sortDesc, oldtheme.sortAsc, oldtheme.active ].join( ' ' ) : ''; oldIconRmv = hasOldTheme ? [ oldtheme.iconSortNone, oldtheme.iconSortDesc, oldtheme.iconSortAsc ].join( ' ' ) : ''; if (hasOldTheme) { wo.zebra[0] = $.trim( ' ' + wo.zebra[0].replace(' ' + oldtheme.even, '') ); wo.zebra[1] = $.trim( ' ' + wo.zebra[1].replace(' ' + oldtheme.odd, '') ); c.$tbodies.children().removeClass( [ oldtheme.even, oldtheme.odd ].join(' ') ); } // update zebra stripes if (themes.even) { wo.zebra[0] += ' ' + themes.even; } if (themes.odd) { wo.zebra[1] += ' ' + themes.odd; } // add caption style $table.children('caption') .removeClass(oldtheme.caption || '') .addClass(themes.caption); // add table/footer class names $tfoot = $table // remove other selected themes .removeClass( (c.appliedTheme ? 'tablesorter-' + (c.appliedTheme || '') : '') + ' ' + (oldtheme.table || '') ) .addClass('tablesorter-' + theme + ' ' + (themes.table || '')) // add theme widget class name .children('tfoot'); c.appliedTheme = c.theme; if ($tfoot.length) { $tfoot // if oldtheme.footerRow or oldtheme.footerCells are undefined, all class names are removed .children('tr').removeClass(oldtheme.footerRow || '').addClass(themes.footerRow) .children('th, td').removeClass(oldtheme.footerCells || '').addClass(themes.footerCells); } // update header classes $headers .removeClass( (hasOldTheme ? [ oldtheme.header, oldtheme.hover, oldremove ].join(' ') : '') || '' ) .addClass(themes.header) .not('.sorter-false') .unbind('mouseenter.tsuitheme mouseleave.tsuitheme') .bind('mouseenter.tsuitheme mouseleave.tsuitheme', function(event) { // toggleClass with switch added in jQuery 1.3 $(this)[ event.type === 'mouseenter' ? 'addClass' : 'removeClass' ](themes.hover || ''); }); $headers.each(function() { var $this = $(this); if (!$this.find('.' + ts.css.wrapper).length) { // Firefox needs this inner div to position the icon & resizer correctly $this.wrapInner('<div class="' + ts.css.wrapper + '" style="position:relative;height:100%;width:100%"></div>'); } }); if (c.cssIcon) { // if c.cssIcon is '', then no <i> is added to the header $headers .find('.' + ts.css.icon) .removeClass(hasOldTheme ? [ oldtheme.icons, oldIconRmv ].join(' ') : '') .addClass(themes.icons || ''); } // filter widget initializes after uitheme if (ts.hasWidget( c.table, 'filter' )) { tmp = function() { $table.children('thead').children('.' + ts.css.filterRow) .removeClass(hasOldTheme ? oldtheme.filterRow || '' : '') .addClass(themes.filterRow || ''); }; if (wo.filter_initialized) { tmp(); } else { $table.one('filterInit', function() { tmp(); }); } } } for (i = 0; i < c.columns; i++) { $header = c.$headers .add($(c.namespace + '_extra_headers')) .not('.sorter-false') .filter('[data-column="' + i + '"]'); $icon = (ts.css.icon) ? $header.find('.' + ts.css.icon) : $(); $h = $headers.not('.sorter-false').filter('[data-column="' + i + '"]:last'); if ($h.length) { $header.removeClass(remove); $icon.removeClass(iconRmv); if ($h[0].sortDisabled) { // no sort arrows for disabled columns! $icon.removeClass(themes.icons || ''); } else { hdr = themes.sortNone; icon = themes.iconSortNone; if ($h.hasClass(ts.css.sortAsc)) { hdr = [ themes.sortAsc, themes.active ].join(' '); icon = themes.iconSortAsc; } else if ($h.hasClass(ts.css.sortDesc)) { hdr = [ themes.sortDesc, themes.active ].join(' '); icon = themes.iconSortDesc; } $header.addClass(hdr); $icon.addClass(icon || ''); } } } if (debug) { console.log('uitheme >> Applied ' + theme + ' theme' + ts.benchmark(time)); } }, remove: function(table, c, wo, refreshing) { if (!wo.uitheme_applied) { return; } var $table = c.$table, theme = c.appliedTheme || 'jui', themes = ts.themes[ theme ] || ts.themes.jui, $headers = $table.children('thead').children(), remove = themes.sortNone + ' ' + themes.sortDesc + ' ' + themes.sortAsc, iconRmv = themes.iconSortNone + ' ' + themes.iconSortDesc + ' ' + themes.iconSortAsc; $table.removeClass('tablesorter-' + theme + ' ' + themes.table); wo.uitheme_applied = false; if (refreshing) { return; } $table.find(ts.css.header).removeClass(themes.header); $headers .unbind('mouseenter.tsuitheme mouseleave.tsuitheme') // remove hover .removeClass(themes.hover + ' ' + remove + ' ' + themes.active) .filter('.' + ts.css.filterRow) .removeClass(themes.filterRow); $headers.find('.' + ts.css.icon).removeClass(themes.icons + ' ' + iconRmv); } }); })(jQuery); /*! Widget: columns - updated 5/24/2017 (v2.28.11) */ ;(function ($) { 'use strict'; var ts = $.tablesorter || {}; ts.addWidget({ id: 'columns', priority: 65, options : { columns : [ 'primary', 'secondary', 'tertiary' ] }, format: function(table, c, wo) { var $tbody, tbodyIndex, $rows, rows, $row, $cells, remove, indx, $table = c.$table, $tbodies = c.$tbodies, sortList = c.sortList, len = sortList.length, // removed c.widgetColumns support css = wo && wo.columns || [ 'primary', 'secondary', 'tertiary' ], last = css.length - 1; remove = css.join(' '); // check if there is a sort (on initialization there may not be one) for (tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) { $tbody = ts.processTbody(table, $tbodies.eq(tbodyIndex), true); // detach tbody $rows = $tbody.children('tr'); // loop through the visible rows $rows.each(function() { $row = $(this); if (this.style.display !== 'none') { // remove all columns class names $cells = $row.children().removeClass(remove); // add appropriate column class names if (sortList && sortList[0]) { // primary sort column class $cells.eq(sortList[0][0]).addClass(css[0]); if (len > 1) { for (indx = 1; indx < len; indx++) { // secondary, tertiary, etc sort column classes $cells.eq(sortList[indx][0]).addClass( css[indx] || css[last] ); } } } } }); ts.processTbody(table, $tbody, false); } // add classes to thead and tfoot rows = wo.columns_thead !== false ? [ 'thead tr' ] : []; if (wo.columns_tfoot !== false) { rows.push('tfoot tr'); } if (rows.length) { $rows = $table.find( rows.join(',') ).children().removeClass(remove); if (len) { for (indx = 0; indx < len; indx++) { // add primary. secondary, tertiary, etc sort column classes $rows.filter('[data-column="' + sortList[indx][0] + '"]').addClass(css[indx] || css[last]); } } } }, remove: function(table, c, wo) { var tbodyIndex, $tbody, $tbodies = c.$tbodies, remove = (wo.columns || [ 'primary', 'secondary', 'tertiary' ]).join(' '); c.$headers.removeClass(remove); c.$table.children('tfoot').children('tr').children('th, td').removeClass(remove); for (tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) { $tbody = ts.processTbody(table, $tbodies.eq(tbodyIndex), true); // remove tbody $tbody.children('tr').each(function() { $(this).children().removeClass(remove); }); ts.processTbody(table, $tbody, false); // restore tbody } } }); })(jQuery); /*! Widget: filter - updated 2018-03-18 (v2.30.0) *//* * Requires tablesorter v2.8+ and jQuery 1.7+ * by Rob Garrison */ ;( function ( $ ) { 'use strict'; var tsf, tsfRegex, ts = $.tablesorter || {}, tscss = ts.css, tskeyCodes = ts.keyCodes; $.extend( tscss, { filterRow : 'tablesorter-filter-row', filter : 'tablesorter-filter', filterDisabled : 'disabled', filterRowHide : 'hideme' }); $.extend( tskeyCodes, { backSpace : 8, escape : 27, space : 32, left : 37, down : 40 }); ts.addWidget({ id: 'filter', priority: 50, options : { filter_cellFilter : '', // css class name added to the filter cell ( string or array ) 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_childWithSibs : true, // if true, include matching child row siblings filter_columnAnyMatch: true, // if true, allows using '#:{query}' in AnyMatch searches ( column:query ) filter_columnFilters : true, // if true, a filter will be added to the top of each table column filter_cssFilter : '', // css class name added to the filter row & each input in the row ( tablesorter-filter is ALWAYS added ) filter_defaultAttrib : 'data-value', // data attribute in the header cell that contains the default filter value 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; define in css with "display:none" to hide the filtered-out rows filter_filterLabel : 'Filter "{{label}}" column by...', // Aria-label added to filter input/select; see #1495 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_matchType : { 'input': 'exact', 'select': 'exact' }, // global query settings ('exact' or 'match'); overridden by "filter-match" or "filter-exact" class 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_resetOnEsc : true, // Reset filter input when the user presses escape - normalized across browsers 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_selectSourceSeparator : '|', // filter_selectSource array text left of the separator is added to the option value, right into the option text 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_startsWith : false, // if true, filter start from the beginning of the cell contents filter_useParsedData : false // filter all data using parsed content }, format: function( table, c, wo ) { if ( !c.$table.hasClass( 'hasFilters' ) ) { tsf.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 ' + 'filterAndSortReset filterFomatterUpdate filterEnd search stickyHeadersInit ' ).split( ' ' ).join( c.namespace + 'filter ' ); $table .removeClass( 'hasFilters' ) // add filter namespace to all BUT search .unbind( events.replace( ts.regex.spaces, ' ' ) ) // remove the filter row even if refreshing, because the column might have been moved .find( '.' + tscss.filterRow ).remove(); wo.filter_initialized = false; 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' + c.namespace + 'filter' ); } } }); tsf = ts.filter = { // regex used in filter 'check' functions - not for general use and not documented regex: { regex : /^\/((?:\\\/|[^\/])+)\/([migyu]{0,5})?$/, // 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 '==') operators : /[<>=]/g, // replace operators query : '(q|query)', // replace filter queries wild01 : /\?/g, // wild card match 0 or 1 wild0More : /\*/g, // wild care match 0 or more quote : /\"/g, isNeg1 : /(>=?\s*-\d)/, isNeg2 : /(<=?\s*\d)/ }, // function( c, data ) { } // c = table.config // data.$row = jQuery object of the row currently being processed // data.$cells = jQuery object of all cells within the current row // data.filters = array of filters for all columns ( some may be undefined ) // data.filter = filter for the current column // data.iFilter = same as data.filter, except lowercase ( if wo.filter_ignoreCase is true ) // data.exact = table cell text ( or parsed data if column parser enabled; may be a number & not a string ) // data.iExact = same as data.exact, except lowercase ( if wo.filter_ignoreCase is true; may be a number & not a string ) // data.cache = table cell text from cache, so it has been parsed ( & in all lower case if c.ignoreCase is true ) // 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 ) { // look for "|", but not if it is inside of a regular expression if ( ( tsfRegex.orTest.test( data.iFilter ) || tsfRegex.orSplit.test( data.filter ) ) && // this test for regex has potential to slow down the overall search !tsfRegex.regex.test( data.filter ) ) { var indx, filterMatched, query, regex, // duplicate data but split filter data2 = $.extend( {}, data ), filter = data.filter.split( tsfRegex.orSplit ), iFilter = data.iFilter.split( tsfRegex.orSplit ), len = filter.length; for ( indx = 0; indx < len; indx++ ) { data2.nestedFilters = true; data2.filter = '' + ( tsf.parseFilter( c, filter[ indx ], data ) || '' ); data2.iFilter = '' + ( tsf.parseFilter( c, iFilter[ indx ], data ) || '' ); query = '(' + ( tsf.parseFilter( c, data2.filter, data ) || '' ) + ')'; try { // use try/catch, because query may not be a valid regex if "|" is contained within a partial regex search, // e.g "/(Alex|Aar" -> Uncaught SyntaxError: Invalid regular expression: /(/(Alex)/: Unterminated group 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 ) || tsf.processTypes( c, data2, vars ); if ( filterMatched ) { return filterMatched; } } catch ( error ) { return null; } } // 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 ( tsfRegex.andTest.test( data.filter ) ) { var indx, filterMatched, result, query, regex, // duplicate data but split filter data2 = $.extend( {}, data ), filter = data.filter.split( tsfRegex.andSplit ), iFilter = data.iFilter.split( tsfRegex.andSplit ), len = filter.length; for ( indx = 0; indx < len; indx++ ) { data2.nestedFilters = true; data2.filter = '' + ( tsf.parseFilter( c, filter[ indx ], data ) || '' ); data2.iFilter = '' + ( tsf.parseFilter( c, iFilter[ indx ], data ) || '' ); query = ( '(' + ( tsf.parseFilter( c, data2.filter, data ) || '' ) + ')' ) // replace wild cards since /(a*)/i will match anything .replace( tsfRegex.wild01, '\\S{1}' ).replace( tsfRegex.wild0More, '\\S*' ); try { // use try/catch just in case RegExp is invalid 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 ) || tsf.processTypes( c, data2, vars ) ); if ( indx === 0 ) { filterMatched = result; } else { filterMatched = filterMatched && result; } } catch ( error ) { return null; } } // may be null from processing types return filterMatched || false; } return null; }, // Look for regex regex: function( c, data ) { if ( tsfRegex.regex.test( data.filter ) ) { var matches, // cache regex per column for optimal speed regex = data.filter_regexCache[ data.index ] || tsfRegex.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 ( tsfRegex.operTest.test( data.iFilter ) && data.iExact !== '' ) { var cachedValue, result, txt, table = c.table, parsed = data.parsed[ data.index ], query = ts.formatFloat( data.iFilter.replace( tsfRegex.operators, '' ), table ), parser = c.parsers[ data.index ] || {}, savedSearch = query; // parse filter value in case we're comparing numbers ( dates ) if ( parsed || parser.type === 'numeric' ) { txt = $.trim( '' + data.iFilter.replace( tsfRegex.operators, '' ) ); result = tsf.parseFilter( c, txt, data, 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.regex.nondigit, '' ) : data.iExact; cachedValue = ts.formatFloat( txt, table ); } if ( tsfRegex.gtTest.test( data.iFilter ) ) { result = tsfRegex.gteTest.test( data.iFilter ) ? cachedValue >= query : cachedValue > query; } else if ( tsfRegex.ltTest.test( data.iFilter ) ) { result = tsfRegex.lteTest.test( data.iFilter ) ? cachedValue <= query : cachedValue < query; } // keep showing all rows if nothing follows the operator if ( !result && savedSearch === '' ) { result = true; } return result; } return null; }, // Look for a not match notMatch: function( c, data ) { if ( tsfRegex.notTest.test( data.iFilter ) ) { var indx, txt = data.iFilter.replace( '!', '' ), filter = tsf.parseFilter( c, txt, data ) || ''; if ( tsfRegex.exact.test( filter ) ) { // look for exact not matches - see #628 filter = filter.replace( tsfRegex.exact, '' ); return filter === '' ? true : $.trim( filter ) !== data.iExact; } else { indx = data.iExact.search( $.trim( filter ) ); return filter === '' ? true : // return true if not found data.anyMatch ? indx < 0 : // return false if found !( c.widgetOptions.filter_startsWith ? indx === 0 : indx >= 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 ( tsfRegex.exact.test( data.iFilter ) ) { var txt = data.iFilter.replace( tsfRegex.exact, '' ), filter = tsf.parseFilter( c, txt, data ) || ''; // eslint-disable-next-line eqeqeq 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 ( tsfRegex.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( tsfRegex.toSplit ); tmp = query[0].replace( ts.regex.nondigit, '' ) || ''; range1 = ts.formatFloat( tsf.parseFilter( c, tmp, data ), table ); tmp = query[1].replace( ts.regex.nondigit, '' ) || ''; range2 = ts.formatFloat( tsf.parseFilter( c, tmp, data ), 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.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 ( tsfRegex.wildOrTest.test( data.iFilter ) ) { var query = '' + ( tsf.parseFilter( c, data.iFilter, data ) || '' ); // look for an exact match with the 'or' unless the 'filter-match' class is found if ( !tsfRegex.wildTest.test( query ) && data.nestedFilters ) { query = data.isMatch ? query : '^(' + query + ')$'; } // parsing the filter may not work properly when using wildcards =/ try { return new RegExp( query.replace( tsfRegex.wild01, '\\S{1}' ).replace( tsfRegex.wild0More, '\\S*' ), c.widgetOptions.filter_ignoreCase ? 'i' : '' ) .test( data.exact ); } catch ( error ) { return null; } } return null; }, // fuzzy text search; modified from https://github.com/mattyork/fuzzy ( MIT license ) fuzzy: function( c, data ) { if ( tsfRegex.fuzzyTest.test( data.iFilter ) ) { var indx, patternIndx = 0, len = data.iExact.length, txt = data.iFilter.slice( 1 ), pattern = tsf.parseFilter( c, txt, data ) || ''; for ( indx = 0; indx < len; indx++ ) { if ( data.iExact[ indx ] === pattern[ patternIndx ] ) { patternIndx += 1; } } return patternIndx === pattern.length; } return null; } }, init: function( table ) { // filter language options ts.language = $.extend( true, {}, { to : 'to', or : 'or', and : 'and' }, ts.language ); var options, string, txt, $header, column, val, fxn, noSelect, c = table.config, wo = c.widgetOptions, processStr = function(prefix, str, suffix) { str = str.trim(); // don't include prefix/suffix if str is empty return str === '' ? '' : (prefix || '') + str + (suffix || ''); }; c.$table.addClass( 'hasFilters' ); c.lastSearch = []; // define timers so using clearTimeout won't cause an undefined error wo.filter_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 = '\\{' + tsfRegex.query + '\\}'; $.extend( tsfRegex, { child : new RegExp( c.cssChildRow ), filtered : new RegExp( wo.filter_filteredRow ), alreadyFiltered : new RegExp( '(\\s+(-' + processStr('|', ts.language.or) + processStr('|', ts.language.to) + ')\\s+)', 'i' ), toTest : new RegExp( '\\s+(-' + processStr('|', ts.language.to) + ')\\s+', 'i' ), toSplit : new RegExp( '(?:\\s+(?:-' + processStr('|', ts.language.to) + ')\\s+)', 'gi' ), andTest : new RegExp( '\\s+(' + processStr('', ts.language.and, '|') + '&&)\\s+', 'i' ), andSplit : new RegExp( '(?:\\s+(?:' + processStr('', ts.language.and, '|') + '&&)\\s+)', 'gi' ), orTest : new RegExp( '(\\|' + processStr('|\\s+', ts.language.or, '\\s+') + ')', 'i' ), orSplit : new RegExp( '(?:\\|' + processStr('|\\s+(?:', ts.language.or, ')\\s+') + ')', 'gi' ), iQuery : new RegExp( val, 'i' ), igQuery : new RegExp( val, 'ig' ), operTest : /^[<>]=?/, gtTest : />/, gteTest : />=/, ltTest : /</, lteTest : /<=/, notTest : /^\!/, wildOrTest : /[\?\*\|]/, wildTest : /\?\*/, fuzzyTest : /^~/, exactTest : /[=\"\|!]/ }); // 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 tsf.buildRow( table, c, wo ); } txt = 'addRows updateCell update updateRows updateComplete appendCache filterReset ' + 'filterAndSortReset filterResetSaved 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(); tsf.buildDefault( table, true ); } // Add filterAndSortReset - see #1361 if ( event.type === 'filterReset' || event.type === 'filterAndSortReset' ) { c.$table.find( '.' + tscss.filter ).add( wo.filter_$externalFilters ).val( '' ); if ( event.type === 'filterAndSortReset' ) { ts.sortReset( this.config, function() { tsf.searching( table, [] ); }); } else { tsf.searching( table, [] ); } } else if ( event.type === 'filterResetSaved' ) { ts.storage( table, 'tablesorter-filters', '' ); } else if ( event.type === 'filterEnd' ) { tsf.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 = []; // update filterFormatters after update (& small delay) - Fixes #1237 setTimeout(function() { c.$table.triggerHandler( 'filterFomatterUpdate' ); }, 100); } // 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', [...] ); tsf.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.triggerHandler( 'filterReset' ); }); } else if ( $( wo.filter_reset ).length ) { // reset is a jQuery selector, use event delegation $( document ) .undelegate( wo.filter_reset, 'click' + c.namespace + 'filter' ) .delegate( wo.filter_reset, 'click' + c.namespace + 'filter', function() { // trigger a reset event, so other functions ( filter_formatter ) know when to reset c.$table.triggerHandler( '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 ) { tsf.buildSelect( table, column ); } else if ( typeof fxn === 'object' && noSelect ) { // add custom drop down list for ( string in fxn ) { if ( typeof string === 'string' ) { options += options === '' ? '<option value="">' + ( $header.data( 'placeholder' ) || $header.attr( 'data-placeholder' ) || wo.filter_placeholder.select || '' ) + '</option>' : ''; val = string; txt = string; if ( string.indexOf( wo.filter_selectSourceSeparator ) >= 0 ) { val = string.split( wo.filter_selectSourceSeparator ); txt = val[1]; val = val[0]; } options += '<option ' + ( txt === val ? '' : 'data-function-name="' + string + '" ' ) + 'value="' + val + '">' + txt + '</option>'; } } c.$table .find( 'thead' ) .find( 'select.' + tscss.filter + '[data-column="' + column + '"]' ) .append( options ); txt = wo.filter_selectSource; fxn = typeof txt === 'function' ? true : ts.getColumnData( table, txt, column ); if ( fxn ) { // updating so the extra options are appended tsf.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. tsf.buildDefault( table, true ); tsf.bindSearch( table, c.$table.find( '.' + tscss.filter ), true ); if ( wo.filter_external ) { tsf.bindSearch( table, wo.filter_external ); } if ( wo.filter_hideFilters ) { tsf.hideFilters( c ); } // show processing icon if ( c.showProcessing ) { txt = 'filterStart filterEnd '.split( ' ' ).join( c.namespace + 'filter-sp ' ); c.$table .unbind( txt.replace( ts.regex.spaces, ' ' ) ) .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( ts.regex.spaces, ' ' ) ) .bind( txt, function() { tsf.completeInit( this ); }); // 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.triggerHandler( 'filterFomatterUpdate' ); setTimeout( function() { tsf.filterInitComplete( c ); }, 100 ); } else if ( !wo.filter_initialized ) { tsf.completeInit( table ); } }, completeInit: function( table ) { // redefine 'c' & 'wo' so they update properly inside this callback var c = table.config, wo = c.widgetOptions, filters = tsf.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.triggerHandler( 'filterFomatterUpdate' ); // trigger init after setTimeout to prevent multiple filterStart/End/Init triggers setTimeout( function() { if ( !wo.filter_initialized ) { tsf.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 ) { // prevent error if $cell is undefined - see #1056 var $table = $cell && $cell.closest( 'table' ); var config = $table.length && $table[0].config, wo = config && config.widgetOptions; if ( wo && !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; // update lastSearch - it gets cleared often c.lastSearch = c.$table.data( 'lastSearch' ); c.$table.triggerHandler( 'filterInit', c ); tsf.findRows( c.table, c.lastSearch || [] ); if (ts.debug(c, 'filter')) { console.log('Filter >> Widget initialized'); } }; 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 ); } } }, // encode or decode filters for storage; see #1026 processFilters: function( filters, encode ) { var indx, // fixes #1237; previously returning an encoded "filters" value result = [], mode = encode ? encodeURIComponent : decodeURIComponent, len = filters.length; for ( indx = 0; indx < len; indx++ ) { if ( filters[ indx ] ) { result[ indx ] = mode( filters[ indx ] ); } } return result; }, 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 = tsf.processFilters( 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, data, parsed ) { return parsed || data.parsed[ data.index ] ? c.parsers[ data.index ].format( filter, c.table, [], data.index ) : filter; }, buildRow: function( table, c, wo ) { var $filter, col, column, $header, makeSelect, disabled, name, ffxn, tmp, // c.columns defined in computeThIndexes() cellFilter = wo.filter_cellFilter, columns = c.columns, arry = $.isArray( cellFilter ), buildFilter = '<tr role="search" class="' + tscss.filterRow + ' ' + c.cssIgnoreRow + '">'; for ( column = 0; column < columns; column++ ) { if ( c.$headerIndexed[ column ].length ) { // account for entire column set with colspan. See #1047 tmp = c.$headerIndexed[ column ] && c.$headerIndexed[ column ][0].colSpan || 0; if ( tmp > 1 ) { buildFilter += '<td data-column="' + column + '-' + ( column + tmp - 1 ) + '" colspan="' + tmp + '"'; } else { buildFilter += '<td data-column="' + column + '"'; } if ( arry ) { buildFilter += ( cellFilter[ column ] ? ' class="' + cellFilter[ column ] + '"' : '' ); } else { buildFilter += ( cellFilter !== '' ? ' class="' + cellFilter + '"' : '' ); } buildFilter += '></td>'; } } c.$filters = $( buildFilter += '</tr>' ) .appendTo( c.$table.children( 'thead' ).eq( 0 ) ) .children( 'td' ); // build each filter input for ( column = 0; column < columns; column++ ) { disabled = false; // assuming last cell of a column is the main column $header = c.$headerIndexed[ column ]; if ( $header && $header.length ) { // $filter = c.$filters.filter( '[data-column="' + column + '"]' ); $filter = tsf.getColumnElm( c, c.$filters, column ); ffxn = ts.getColumnData( table, wo.filter_functions, column ); makeSelect = ( wo.filter_functions && ffxn && typeof ffxn !== 'function' ) || $header.hasClass( 'filter-select' ); // get data from jQuery data, metadata, headers option or header class name col = ts.getColumnData( table, c.headers, column ); disabled = ts.getData( $header[0], col, 'filter' ) === 'false' || ts.getData( $header[0], col, 'parser' ) === 'false'; if ( makeSelect ) { buildFilter = $( '<select>' ).appendTo( $filter ); } else { ffxn = ts.getColumnData( table, wo.filter_formatter, column ); if ( ffxn ) { wo.filter_formatterCount++; buildFilter = ffxn( $filter, column ); // no element returned, so lets go find it if ( buildFilter && buildFilter.length === 0 ) { buildFilter = $filter.children( 'input' ); } // element not in DOM, so lets attach it i