All Downloads are FREE. Search and download functionalities are using the official Maven repository.

html-report.tablesorter.js Maven / Gradle / Ivy

/**!
* TableSorter (FORK) 2.18.3 - Client-side table sorting with ease!
* @requires jQuery v1.2.6+
*
* Copyright (c) 2007 Christian Bach
* Examples and docs at: http://tablesorter.com
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* @type jQuery
* @name tablesorter (FORK)
* @cat Plugins/Tablesorter
* @author Christian Bach/[email protected]
* @contributor Rob Garrison/https://github.com/Mottie/tablesorter
*/
/*jshint browser:true, jquery:true, unused:false, expr: true */
/*global console:false, alert:false */
!(function($) {
	"use strict";
	$.extend({
		/*jshint supernew:true */
		tablesorter: new function() {

			var ts = this;

			ts.version = "2.18.3";

			ts.parsers = [];
			ts.widgets = [];
			ts.defaults = {

				// *** appearance
				theme            : 'default',  // adds tablesorter-{theme} to the table for styling
				widthFixed       : false,      // adds colgroup to fix widths of columns
				showProcessing   : false,      // show an indeterminate timer icon in the header when the table is sorted or filtered.

				headerTemplate   : '{content}',// header layout template (HTML ok); {content} = innerHTML, {icon} =  (class from cssIcon)
				onRenderTemplate : null,       // function(index, template){ return template; }, (template is a string)
				onRenderHeader   : null,       // function(index){}, (nothing to return)

				// *** functionality
				cancelSelection  : true,       // prevent text selection in the header
				tabIndex         : true,       // add tabindex to header for keyboard accessibility
				dateFormat       : 'mmddyyyy', // other options: "ddmmyyy" or "yyyymmdd"
				sortMultiSortKey : 'shiftKey', // key used to select additional columns
				sortResetKey     : 'ctrlKey',  // key used to remove sorting on a column
				usNumberFormat   : true,       // false for German "1.234.567,89" or French "1 234 567,89"
				delayInit        : false,      // if false, the parsed table contents will not update until the first sort
				serverSideSorting: false,      // if true, server-side sorting should be performed because client-side sorting will be disabled, but the ui and events will still be used.

				// *** sort options
				headers          : {},         // set sorter, string, empty, locked order, sortInitialOrder, filter, etc.
				ignoreCase       : true,       // ignore case while sorting
				sortForce        : null,       // column(s) first sorted; always applied
				sortList         : [],         // Initial sort order; applied initially; updated when manually sorted
				sortAppend       : null,       // column(s) sorted last; always applied
				sortStable       : false,      // when sorting two rows with exactly the same content, the original sort order is maintained

				sortInitialOrder : 'asc',      // sort direction on first click
				sortLocaleCompare: false,      // replace equivalent character (accented characters)
				sortReset        : false,      // third click on the header will reset column to default - unsorted
				sortRestart      : false,      // restart sort to "sortInitialOrder" when clicking on previously unsorted columns

				emptyTo          : 'bottom',   // sort empty cell to bottom, top, none, zero
				stringTo         : 'max',      // sort strings in numerical column as max, min, top, bottom, zero
				textExtraction   : 'basic',    // text extraction method/function - function(node, table, cellIndex){}
				textAttribute    : 'data-text',// data-attribute that contains alternate cell text (used in textExtraction function)
				textSorter       : null,       // choose overall or specific column sorter function(a, b, direction, table, columnIndex) [alt: ts.sortText]
				numberSorter     : null,       // choose overall numeric sorter function(a, b, direction, maxColumnValue)

				// *** widget options
				widgets: [],                   // method to add widgets, e.g. widgets: ['zebra']
				widgetOptions    : {
					zebra : [ 'even', 'odd' ]    // zebra widget alternating row class names
				},
				initWidgets      : true,       // apply widgets on tablesorter initialization
				widgetClass     : 'widget-{name}', // table class name template to match to include a widget

				// *** callbacks
				initialized      : null,       // function(table){},

				// *** extra css class names
				tableClass       : '',
				cssAsc           : '',
				cssDesc          : '',
				cssNone          : '',
				cssHeader        : '',
				cssHeaderRow     : '',
				cssProcessing    : '', // processing icon applied to header during sort/filter

				cssChildRow      : 'tablesorter-childRow', // class name indiciating that a row is to be attached to the its parent
				cssIcon          : 'tablesorter-icon',     //  if this class exists, a  will be added to the header automatically
				cssIconNone      : '', // class name added to the icon when there is no column sort
				cssIconAsc       : '', // class name added to the icon when the column has an ascending sort
				cssIconDesc      : '', // class name added to the icon when the column has a descending sort
				cssInfoBlock     : 'tablesorter-infoOnly', // don't sort tbody with this class name (only one class name allowed here!)
				cssAllowClicks   : 'tablesorter-allowClicks', // class name added to table header which allows clicks to bubble up

				// *** selectors
				selectorHeaders  : '> thead th, > thead td',
				selectorSort     : 'th, td',   // jQuery selector of content within selectorHeaders that is clickable to trigger a sort
				selectorRemove   : '.remove-me',

				// *** advanced
				debug            : false,

				// *** Internal variables
				headerList: [],
				empties: {},
				strings: {},
				parsers: []

				// deprecated; but retained for backwards compatibility
				// widgetZebra: { css: ["even", "odd"] }

			};

			// internal css classes - these will ALWAYS be added to
			// the table and MUST only contain one class name - fixes #381
			ts.css = {
				table      : 'tablesorter',
				cssHasChild: 'tablesorter-hasChildRow',
				childRow   : 'tablesorter-childRow',
				header     : 'tablesorter-header',
				headerRow  : 'tablesorter-headerRow',
				headerIn   : 'tablesorter-header-inner',
				icon       : 'tablesorter-icon',
				info       : 'tablesorter-infoOnly',
				processing : 'tablesorter-processing',
				sortAsc    : 'tablesorter-headerAsc',
				sortDesc   : 'tablesorter-headerDesc',
				sortNone   : 'tablesorter-headerUnSorted'
			};

			// labels applied to sortable headers for accessibility (aria) support
			ts.language = {
				sortAsc  : 'Ascending sort applied, ',
				sortDesc : 'Descending sort applied, ',
				sortNone : 'No sort applied, ',
				nextAsc  : 'activate to apply an ascending sort',
				nextDesc : 'activate to apply a descending sort',
				nextNone : 'activate to remove the sort'
			};

			/* debuging utils */
			function log() {
				var a = arguments[0],
					s = arguments.length > 1 ? Array.prototype.slice.call(arguments) : a;
				if (typeof console !== "undefined" && typeof console.log !== "undefined") {
					console[ /error/i.test(a) ? 'error' : /warn/i.test(a) ? 'warn' : 'log' ](s);
				} else {
					alert(s);
				}
			}

			function benchmark(s, d) {
				log(s + " (" + (new Date().getTime() - d.getTime()) + "ms)");
			}

			ts.log = log;
			ts.benchmark = benchmark;

			// $.isEmptyObject from jQuery v1.4
			function isEmptyObject(obj) {
				/*jshint forin: false */
				for (var name in obj) {
					return false;
				}
				return true;
			}

			function getElementText(table, node, cellIndex) {
				if (!node) { return ""; }
				var te, c = table.config,
					t = c.textExtraction || '',
					text = "";
				if (t === "basic") {
					// check data-attribute first
					text = $(node).attr(c.textAttribute) || node.textContent || node.innerText || $(node).text() || "";
				} else {
					if (typeof(t) === "function") {
						text = t(node, table, cellIndex);
					} else if (typeof (te = ts.getColumnData( table, t, cellIndex )) === 'function') {
						text = te(node, table, cellIndex);
					} else {
						// previous "simple" method
						text = node.textContent || node.innerText || $(node).text() || "";
					}
				}
				return $.trim(text);
			}

			function detectParserForColumn(table, rows, rowIndex, cellIndex) {
				var cur, $node,
				i = ts.parsers.length,
				node = false,
				nodeValue = '',
				keepLooking = true;
				while (nodeValue === '' && keepLooking) {
					rowIndex++;
					if (rows[rowIndex]) {
						node = rows[rowIndex].cells[cellIndex];
						nodeValue = getElementText(table, node, cellIndex);
						$node = $(node);
						if (table.config.debug) {
							log('Checking if value was empty on row ' + rowIndex + ', column: ' + cellIndex + ': "' + nodeValue + '"');
						}
					} else {
						keepLooking = false;
					}
				}
				while (--i >= 0) {
					cur = ts.parsers[i];
					// ignore the default text parser because it will always be true
					if (cur && cur.id !== 'text' && cur.is && cur.is(nodeValue, table, node, $node)) {
						return cur;
					}
				}
				// nothing found, return the generic parser (text)
				return ts.getParserById('text');
			}

			function buildParserCache(table) {
				var c = table.config,
					// update table bodies in case we start with an empty table
					tb = c.$tbodies = c.$table.children('tbody:not(.' + c.cssInfoBlock + ')'),
					rows, list, l, i, h, ch, np, p, e, time,
					j = 0,
					parsersDebug = "",
					len = tb.length;
				if ( len === 0) {
					return c.debug ? log('Warning: *Empty table!* Not building a parser cache') : '';
				} else if (c.debug) {
					time = new Date();
					log('Detecting parsers for each column');
				}
				list = {
					extractors: [],
					parsers: []
				};
				while (j < len) {
					rows = tb[j].rows;
					if (rows[j]) {
						l = c.columns; // rows[j].cells.length;
						for (i = 0; i < l; i++) {
							h = c.$headers.filter('[data-column="' + i + '"]:last');
							// get column indexed table cell
							ch = ts.getColumnData( table, c.headers, i );
							// get column parser/extractor
							e = ts.getParserById( ts.getData(h, ch, 'extractor') );
							p = ts.getParserById( ts.getData(h, ch, 'sorter') );
							np = ts.getData(h, ch, 'parser') === 'false';
							// empty cells behaviour - keeping emptyToBottom for backwards compatibility
							c.empties[i] = ( ts.getData(h, ch, 'empty') || c.emptyTo || (c.emptyToBottom ? 'bottom' : 'top' ) ).toLowerCase();
							// text strings behaviour in numerical sorts
							c.strings[i] = ( ts.getData(h, ch, 'string') || c.stringTo || 'max' ).toLowerCase();
							if (np) {
								p = ts.getParserById('no-parser');
							}
							if (!e) {
								// For now, maybe detect someday
								e = false;
							}
							if (!p) {
								p = detectParserForColumn(table, rows, -1, i);
							}
							if (c.debug) {
								parsersDebug += "column:" + i + "; extractor:" + e.id + "; parser:" + p.id + "; string:" + c.strings[i] + '; empty: ' + c.empties[i] + "\n";
							}
							list.parsers[i] = p;
							list.extractors[i] = e;
						}
					}
					j += (list.parsers.length) ? len : 1;
				}
				if (c.debug) {
					log(parsersDebug ? parsersDebug : "No parsers detected");
					benchmark("Completed detecting parsers", time);
				}
				c.parsers = list.parsers;
				c.extractors = list.extractors;
			}

			/* utils */
			function buildCache(table) {
				var cc, t, tx, v, i, j, k, $row, rows, cols, cacheTime,
					totalRows, rowData, colMax,
					c = table.config,
					$tb = c.$table.children('tbody'),
					extractors = c.extractors,
					parsers = c.parsers;
				c.cache = {};
				c.totalRows = 0;
				// if no parsers found, return - it's an empty table.
				if (!parsers) {
					return c.debug ? log('Warning: *Empty table!* Not building a cache') : '';
				}
				if (c.debug) {
					cacheTime = new Date();
				}
				// processing icon
				if (c.showProcessing) {
					ts.isProcessing(table, true);
				}
				for (k = 0; k < $tb.length; k++) {
					colMax = []; // column max value per tbody
					cc = c.cache[k] = {
						normalized: [] // array of normalized row data; last entry contains "rowData" above
						// colMax: #   // added at the end
					};

					// ignore tbodies with class name from c.cssInfoBlock
					if (!$tb.eq(k).hasClass(c.cssInfoBlock)) {
						totalRows = ($tb[k] && $tb[k].rows.length) || 0;
						for (i = 0; i < totalRows; ++i) {
							rowData = {
								// order: original row order #
								// $row : jQuery Object[]
								child: [] // child row text (filter widget)
							};
							/** Add the table data to main data array */
							$row = $($tb[k].rows[i]);
							rows = [ new Array(c.columns) ];
							cols = [];
							// if this is a child row, add it to the last row's children and continue to the next row
							// ignore child row class, if it is the first row
							if ($row.hasClass(c.cssChildRow) && i !== 0) {
								t = cc.normalized.length - 1;
								cc.normalized[t][c.columns].$row = cc.normalized[t][c.columns].$row.add($row);
								// add "hasChild" class name to parent row
								if (!$row.prev().hasClass(c.cssChildRow)) {
									$row.prev().addClass(ts.css.cssHasChild);
								}
								// save child row content (un-parsed!)
								rowData.child[t] = $.trim( $row[0].textContent || $row[0].innerText || $row.text() || "" );
								// go to the next for loop
								continue;
							}
							rowData.$row = $row;
							rowData.order = i; // add original row position to rowCache
							for (j = 0; j < c.columns; ++j) {
								if (typeof parsers[j] === 'undefined') {
									if (c.debug) {
										log('No parser found for cell:', $row[0].cells[j], 'does it have a header?');
									}
									continue;
								}
								t = getElementText(table, $row[0].cells[j], j);
								// do extract before parsing if there is one
								if (typeof extractors[j].id === 'undefined') {
									tx = t;
								} else {
									tx = extractors[j].format(t, table, $row[0].cells[j], j);
								}
								// allow parsing if the string is empty, previously parsing would change it to zero,
								// in case the parser needs to extract data from the table cell attributes
								v = parsers[j].id === 'no-parser' ? '' : parsers[j].format(tx, table, $row[0].cells[j], j);
								cols.push( c.ignoreCase && typeof v === 'string' ? v.toLowerCase() : v );
								if ((parsers[j].type || '').toLowerCase() === "numeric") {
									// determine column max value (ignore sign)
									colMax[j] = Math.max(Math.abs(v) || 0, colMax[j] || 0);
								}
							}
							// ensure rowData is always in the same location (after the last column)
							cols[c.columns] = rowData;
							cc.normalized.push(cols);
						}
						cc.colMax = colMax;
						// total up rows, not including child rows
						c.totalRows += cc.normalized.length;
					}
				}
				if (c.showProcessing) {
					ts.isProcessing(table); // remove processing icon
				}
				if (c.debug) {
					benchmark("Building cache for " + totalRows + " rows", cacheTime);
				}
			}

			// init flag (true) used by pager plugin to prevent widget application
			function appendToTable(table, init) {
				var c = table.config,
					wo = c.widgetOptions,
					b = table.tBodies,
					rows = [],
					cc = c.cache,
					n, totalRows, $bk, $tb,
					i, k, appendTime;
				// empty table - fixes #206/#346
				if (isEmptyObject(cc)) {
					// run pager appender in case the table was just emptied
					return c.appender ? c.appender(table, rows) :
						table.isUpdating ? c.$table.trigger("updateComplete", table) : ''; // Fixes #532
				}
				if (c.debug) {
					appendTime = new Date();
				}
				for (k = 0; k < b.length; k++) {
					$bk = $(b[k]);
					if ($bk.length && !$bk.hasClass(c.cssInfoBlock)) {
						// get tbody
						$tb = ts.processTbody(table, $bk, true);
						n = cc[k].normalized;
						totalRows = n.length;
						for (i = 0; i < totalRows; i++) {
							rows.push(n[i][c.columns].$row);
							// removeRows used by the pager plugin; don't render if using ajax - fixes #411
							if (!c.appender || (c.pager && (!c.pager.removeRows || !wo.pager_removeRows) && !c.pager.ajax)) {
								$tb.append(n[i][c.columns].$row);
							}
						}
						// restore tbody
						ts.processTbody(table, $tb, false);
					}
				}
				if (c.appender) {
					c.appender(table, rows);
				}
				if (c.debug) {
					benchmark("Rebuilt table", appendTime);
				}
				// apply table widgets; but not before ajax completes
				if (!init && !c.appender) { ts.applyWidget(table); }
				if (table.isUpdating) {
					c.$table.trigger("updateComplete", table);
				}
			}

			function formatSortingOrder(v) {
				// look for "d" in "desc" order; return true
				return (/^d/i.test(v) || v === 1);
			}

			function buildHeaders(table) {
				var ch, $t,
					h, i, t, lock, time,
					c = table.config;
				c.headerList = [];
				c.headerContent = [];
				if (c.debug) {
					time = new Date();
				}
				// children tr in tfoot - see issue #196 & #547
				c.columns = ts.computeColumnIndex( c.$table.children('thead, tfoot').children('tr') );
				// add icon if cssIcon option exists
				i = c.cssIcon ? '' : '';
				// redefine c.$headers here in case of an updateAll that replaces or adds an entire header cell - see #683
				c.$headers = $(table).find(c.selectorHeaders).each(function(index) {
					$t = $(this);
					// make sure to get header cell & not column indexed cell
					ch = ts.getColumnData( table, c.headers, index, true );
					// save original header content
					c.headerContent[index] = $(this).html();
					// if headerTemplate is empty, don't reformat the header cell
					if ( c.headerTemplate !== '' ) {
						// set up header template
						t = c.headerTemplate.replace(/\{content\}/g, $(this).html()).replace(/\{icon\}/g, i);
						if (c.onRenderTemplate) {
							h = c.onRenderTemplate.apply($t, [index, t]);
							if (h && typeof h === 'string') { t = h; } // only change t if something is returned
						}
						$(this).html('
' + t + '
'); // faster than wrapInner } if (c.onRenderHeader) { c.onRenderHeader.apply($t, [index, c, c.$table]); } // *** remove this.column value if no conflicts found this.column = parseInt( $(this).attr('data-column'), 10); this.order = formatSortingOrder( ts.getData($t, ch, 'sortInitialOrder') || c.sortInitialOrder ) ? [1,0,2] : [0,1,2]; this.count = -1; // set to -1 because clicking on the header automatically adds one this.lockedOrder = false; lock = ts.getData($t, ch, 'lockedOrder') || false; if (typeof lock !== 'undefined' && lock !== false) { this.order = this.lockedOrder = formatSortingOrder(lock) ? [1,1,1] : [0,0,0]; } $t.addClass(ts.css.header + ' ' + c.cssHeader); // add cell to headerList c.headerList[index] = this; // add to parent in case there are multiple rows $t.parent().addClass(ts.css.headerRow + ' ' + c.cssHeaderRow).attr('role', 'row'); // allow keyboard cursor to focus on element if (c.tabIndex) { $t.attr("tabindex", 0); } }).attr({ scope: 'col', role : 'columnheader' }); // enable/disable sorting updateHeader(table); if (c.debug) { benchmark("Built headers:", time); log(c.$headers); } } function commonUpdate(table, resort, callback) { var c = table.config; // remove rows/elements before update c.$table.find(c.selectorRemove).remove(); // rebuild parsers buildParserCache(table); // rebuild the cache map buildCache(table); checkResort(c.$table, resort, callback); } function updateHeader(table) { var s, $th, col, c = table.config; c.$headers.each(function(index, th){ $th = $(th); col = ts.getColumnData( table, c.headers, index, true ); // add "sorter-false" class if "parser-false" is set s = ts.getData( th, col, 'sorter' ) === 'false' || ts.getData( th, col, 'parser' ) === 'false'; th.sortDisabled = s; $th[ s ? 'addClass' : 'removeClass' ]('sorter-false').attr('aria-disabled', '' + s); // aria-controls - requires table ID if (table.id) { if (s) { $th.removeAttr('aria-controls'); } else { $th.attr('aria-controls', table.id); } } }); } function setHeadersCss(table) { var f, i, j, c = table.config, list = c.sortList, len = list.length, none = ts.css.sortNone + ' ' + c.cssNone, css = [ts.css.sortAsc + ' ' + c.cssAsc, ts.css.sortDesc + ' ' + c.cssDesc], cssIcon = [ c.cssIconAsc, c.cssIconDesc, c.cssIconNone ], aria = ['ascending', 'descending'], // find the footer $t = $(table).find('tfoot tr').children().add(c.$extraHeaders).removeClass(css.join(' ')); // remove all header information c.$headers .removeClass(css.join(' ')) .addClass(none).attr('aria-sort', 'none') .find('.' + c.cssIcon) .removeClass(cssIcon.join(' ')) .addClass(cssIcon[2]); for (i = 0; i < len; i++) { // direction = 2 means reset! if (list[i][1] !== 2) { // multicolumn sorting updating - choose the :last in case there are nested columns f = c.$headers.not('.sorter-false').filter('[data-column="' + list[i][0] + '"]' + (len === 1 ? ':last' : '') ); if (f.length) { for (j = 0; j < f.length; j++) { if (!f[j].sortDisabled) { f.eq(j) .removeClass(none) .addClass(css[list[i][1]]) .attr('aria-sort', aria[list[i][1]]) .find('.' + c.cssIcon) .removeClass(cssIcon[2]) .addClass(cssIcon[list[i][1]]); } } // add sorted class to footer & extra headers, if they exist if ($t.length) { $t.filter('[data-column="' + list[i][0] + '"]').removeClass(none).addClass(css[list[i][1]]); } } } } // add verbose aria labels c.$headers.not('.sorter-false').each(function(){ var $this = $(this), nextSort = this.order[(this.count + 1) % (c.sortReset ? 3 : 2)], txt = $this.text() + ': ' + ts.language[ $this.hasClass(ts.css.sortAsc) ? 'sortAsc' : $this.hasClass(ts.css.sortDesc) ? 'sortDesc' : 'sortNone' ] + ts.language[ nextSort === 0 ? 'nextAsc' : nextSort === 1 ? 'nextDesc' : 'nextNone' ]; $this.attr('aria-label', txt ); }); } // automatically add col group, and column sizes if set function fixColumnWidth(table) { var colgroup, overallWidth, c = table.config; if (c.widthFixed && c.$table.children('colgroup').length === 0) { colgroup = $(''); overallWidth = $(table).width(); // only add col for visible columns - fixes #371 $(table.tBodies).not('.' + c.cssInfoBlock).find("tr:first").children(":visible").each(function() { colgroup.append($('').css('width', parseInt(($(this).width()/overallWidth)*1000, 10)/10 + '%')); }); c.$table.prepend(colgroup); } } function updateHeaderSortCount(table, list) { var s, t, o, col, primary, c = table.config, sl = list || c.sortList; c.sortList = []; $.each(sl, function(i,v){ // ensure all sortList values are numeric - fixes #127 col = parseInt(v[0], 10); // make sure header exists o = c.$headers.filter('[data-column="' + col + '"]:last')[0]; if (o) { // prevents error if sorton array is wrong // o.count = o.count + 1; t = ('' + v[1]).match(/^(1|d|s|o|n)/); t = t ? t[0] : ''; // 0/(a)sc (default), 1/(d)esc, (s)ame, (o)pposite, (n)ext switch(t) { case '1': case 'd': // descending t = 1; break; case 's': // same direction (as primary column) // if primary sort is set to "s", make it ascending t = primary || 0; break; case 'o': s = o.order[(primary || 0) % (c.sortReset ? 3 : 2)]; // opposite of primary column; but resets if primary resets t = s === 0 ? 1 : s === 1 ? 0 : 2; break; case 'n': o.count = o.count + 1; t = o.order[(o.count) % (c.sortReset ? 3 : 2)]; break; default: // ascending t = 0; break; } primary = i === 0 ? t : primary; s = [ col, parseInt(t, 10) || 0 ]; c.sortList.push(s); t = $.inArray(s[1], o.order); // fixes issue #167 o.count = t >= 0 ? t : s[1] % (c.sortReset ? 3 : 2); } }); } function getCachedSortType(parsers, i) { return (parsers && parsers[i]) ? parsers[i].type || '' : ''; } function initSort(table, cell, event){ if (table.isUpdating) { // let any updates complete before initializing a sort return setTimeout(function(){ initSort(table, cell, event); }, 50); } var arry, indx, col, order, s, c = table.config, key = !event[c.sortMultiSortKey], $table = c.$table; // Only call sortStart if sorting is enabled $table.trigger("sortStart", table); // get current column sort order cell.count = event[c.sortResetKey] ? 2 : (cell.count + 1) % (c.sortReset ? 3 : 2); // reset all sorts on non-current column - issue #30 if (c.sortRestart) { indx = cell; c.$headers.each(function() { // only reset counts on columns that weren't just clicked on and if not included in a multisort if (this !== indx && (key || !$(this).is('.' + ts.css.sortDesc + ',.' + ts.css.sortAsc))) { this.count = -1; } }); } // get current column index indx = parseInt( $(cell).attr('data-column'), 10 ); // user only wants to sort on one column if (key) { // flush the sort list c.sortList = []; if (c.sortForce !== null) { arry = c.sortForce; for (col = 0; col < arry.length; col++) { if (arry[col][0] !== indx) { c.sortList.push(arry[col]); } } } // add column to sort list order = cell.order[cell.count]; if (order < 2) { c.sortList.push([indx, order]); // add other columns if header spans across multiple if (cell.colSpan > 1) { for (col = 1; col < cell.colSpan; col++) { c.sortList.push([indx + col, order]); } } } // multi column sorting } else { // get rid of the sortAppend before adding more - fixes issue #115 & #523 if (c.sortAppend && c.sortList.length > 1) { for (col = 0; col < c.sortAppend.length; col++) { s = ts.isValueInArray(c.sortAppend[col][0], c.sortList); if (s >= 0) { c.sortList.splice(s,1); } } } // the user has clicked on an already sorted column if (ts.isValueInArray(indx, c.sortList) >= 0) { // reverse the sorting direction for (col = 0; col < c.sortList.length; col++) { s = c.sortList[col]; order = c.$headers.filter('[data-column="' + s[0] + '"]:last')[0]; if (s[0] === indx) { // order.count seems to be incorrect when compared to cell.count s[1] = order.order[cell.count]; if (s[1] === 2) { c.sortList.splice(col,1); order.count = -1; } } } } else { // add column to sort list array order = cell.order[cell.count]; if (order < 2) { c.sortList.push([indx, order]); // add other columns if header spans across multiple if (cell.colSpan > 1) { for (col = 1; col < cell.colSpan; col++) { c.sortList.push([indx + col, order]); } } } } } if (c.sortAppend !== null) { arry = c.sortAppend; for (col = 0; col < arry.length; col++) { if (arry[col][0] !== indx) { c.sortList.push(arry[col]); } } } // sortBegin event triggered immediately before the sort $table.trigger("sortBegin", table); // setTimeout needed so the processing icon shows up setTimeout(function(){ // set css for headers setHeadersCss(table); multisort(table); appendToTable(table); $table.trigger("sortEnd", table); }, 1); } // sort multiple columns function multisort(table) { /*jshint loopfunc:true */ var i, k, num, col, sortTime, colMax, cache, order, sort, x, y, dir = 0, c = table.config, cts = c.textSorter || '', sortList = c.sortList, l = sortList.length, bl = table.tBodies.length; if (c.serverSideSorting || isEmptyObject(c.cache)) { // empty table - fixes #206/#346 return; } if (c.debug) { sortTime = new Date(); } for (k = 0; k < bl; k++) { colMax = c.cache[k].colMax; cache = c.cache[k].normalized; cache.sort(function(a, b) { // cache is undefined here in IE, so don't use it! for (i = 0; i < l; i++) { col = sortList[i][0]; order = sortList[i][1]; // sort direction, true = asc, false = desc dir = order === 0; if (c.sortStable && a[col] === b[col] && l === 1) { return a[c.columns].order - b[c.columns].order; } // fallback to natural sort since it is more robust num = /n/i.test(getCachedSortType(c.parsers, col)); if (num && c.strings[col]) { // sort strings in numerical columns if (typeof (c.string[c.strings[col]]) === 'boolean') { num = (dir ? 1 : -1) * (c.string[c.strings[col]] ? -1 : 1); } else { num = (c.strings[col]) ? c.string[c.strings[col]] || 0 : 0; } // fall back to built-in numeric sort // var sort = $.tablesorter["sort" + s](table, a[c], b[c], c, colMax[c], dir); sort = c.numberSorter ? c.numberSorter(a[col], b[col], dir, colMax[col], table) : ts[ 'sortNumeric' + (dir ? 'Asc' : 'Desc') ](a[col], b[col], num, colMax[col], col, table); } else { // set a & b depending on sort direction x = dir ? a : b; y = dir ? b : a; // text sort function if (typeof(cts) === 'function') { // custom OVERALL text sorter sort = cts(x[col], y[col], dir, col, table); } else if (typeof(cts) === 'object' && cts.hasOwnProperty(col)) { // custom text sorter for a SPECIFIC COLUMN sort = cts[col](x[col], y[col], dir, col, table); } else { // fall back to natural sort sort = ts[ 'sortNatural' + (dir ? 'Asc' : 'Desc') ](a[col], b[col], col, table, c); } } if (sort) { return sort; } } return a[c.columns].order - b[c.columns].order; }); } if (c.debug) { benchmark("Sorting on " + sortList.toString() + " and dir " + order + " time", sortTime); } } function resortComplete($table, callback){ var table = $table[0]; if (table.isUpdating) { $table.trigger('updateComplete', table); } if ($.isFunction(callback)) { callback($table[0]); } } function checkResort($table, flag, callback) { var sl = $table[0].config.sortList; // don't try to resort if the table is still processing // this will catch spamming of the updateCell method if (flag !== false && !$table[0].isProcessing && sl.length) { $table.trigger("sorton", [sl, function(){ resortComplete($table, callback); }, true]); } else { resortComplete($table, callback); ts.applyWidget($table[0], false); } } function bindMethods(table){ var c = table.config, $table = c.$table; // apply easy methods that trigger bound events $table .unbind('sortReset update updateRows updateCell updateAll addRows updateComplete sorton appendCache updateCache applyWidgetId applyWidgets refreshWidgets destroy mouseup mouseleave '.split(' ').join(c.namespace + ' ')) .bind("sortReset" + c.namespace, function(e, callback){ e.stopPropagation(); c.sortList = []; setHeadersCss(table); multisort(table); appendToTable(table); if ($.isFunction(callback)) { callback(table); } }) .bind("updateAll" + c.namespace, function(e, resort, callback){ e.stopPropagation(); table.isUpdating = true; ts.refreshWidgets(table, true, true); ts.restoreHeaders(table); buildHeaders(table); ts.bindEvents(table, c.$headers, true); bindMethods(table); commonUpdate(table, resort, callback); }) .bind("update" + c.namespace + " updateRows" + c.namespace, function(e, resort, callback) { e.stopPropagation(); table.isUpdating = true; // update sorting (if enabled/disabled) updateHeader(table); commonUpdate(table, resort, callback); }) .bind("updateCell" + c.namespace, function(e, cell, resort, callback) { e.stopPropagation(); table.isUpdating = true; $table.find(c.selectorRemove).remove(); // get position from the dom var v, t, row, icell, $tb = $table.find('tbody'), $cell = $(cell), // update cache - format: function(s, table, cell, cellIndex) // no closest in jQuery v1.2.6 - tbdy = $tb.index( $(cell).closest('tbody') ),$row = $(cell).closest('tr'); tbdy = $tb.index( $.fn.closest ? $cell.closest('tbody') : $cell.parents('tbody').filter(':first') ), $row = $.fn.closest ? $cell.closest('tr') : $cell.parents('tr').filter(':first'); cell = $cell[0]; // in case cell is a jQuery object // tbody may not exist if update is initialized while tbody is removed for processing if ($tb.length && tbdy >= 0) { row = $tb.eq(tbdy).find('tr').index( $row ); icell = $cell.index(); c.cache[tbdy].normalized[row][c.columns].$row = $row; if (typeof c.extractors[icell].id === 'undefined') { t = getElementText(table, cell, icell); } else { t = c.extractors[icell].format( getElementText(table, cell, icell), table, cell, icell ); } v = c.parsers[icell].id === 'no-parser' ? '' : c.parsers[icell].format( t, table, cell, icell ); c.cache[tbdy].normalized[row][icell] = c.ignoreCase && typeof v === 'string' ? v.toLowerCase() : v; if ((c.parsers[icell].type || '').toLowerCase() === "numeric") { // update column max value (ignore sign) c.cache[tbdy].colMax[icell] = Math.max(Math.abs(v) || 0, c.cache[tbdy].colMax[icell] || 0); } checkResort($table, resort, callback); } }) .bind("addRows" + c.namespace, function(e, $row, resort, callback) { e.stopPropagation(); table.isUpdating = true; if (isEmptyObject(c.cache)) { // empty table, do an update instead - fixes #450 updateHeader(table); commonUpdate(table, resort, callback); } else { $row = $($row).attr('role', 'row'); // make sure we're using a jQuery object var i, j, l, t, v, rowData, cells, rows = $row.filter('tr').length, tbdy = $table.find('tbody').index( $row.parents('tbody').filter(':first') ); // fixes adding rows to an empty table - see issue #179 if (!(c.parsers && c.parsers.length)) { buildParserCache(table); } // add each row for (i = 0; i < rows; i++) { l = $row[i].cells.length; cells = []; rowData = { child: [], $row : $row.eq(i), order: c.cache[tbdy].normalized.length }; // add each cell for (j = 0; j < l; j++) { if (typeof c.extractors[j].id === 'undefined') { t = getElementText(table, $row[i].cells[j], j); } else { t = c.extractors[j].format( getElementText(table, $row[i].cells[j], j), table, $row[i].cells[j], j ); } v = c.parsers[j].id === 'no-parser' ? '' : c.parsers[j].format( t, table, $row[i].cells[j], j ); cells[j] = c.ignoreCase && typeof v === 'string' ? v.toLowerCase() : v; if ((c.parsers[j].type || '').toLowerCase() === "numeric") { // update column max value (ignore sign) c.cache[tbdy].colMax[j] = Math.max(Math.abs(cells[j]) || 0, c.cache[tbdy].colMax[j] || 0); } } // add the row data to the end cells.push(rowData); // update cache c.cache[tbdy].normalized.push(cells); } // resort using current settings checkResort($table, resort, callback); } }) .bind("updateComplete" + c.namespace, function(){ table.isUpdating = false; }) .bind("sorton" + c.namespace, function(e, list, callback, init) { var c = table.config; e.stopPropagation(); $table.trigger("sortStart", this); // update header count index updateHeaderSortCount(table, list); // set css for headers setHeadersCss(table); // fixes #346 if (c.delayInit && isEmptyObject(c.cache)) { buildCache(table); } $table.trigger("sortBegin", this); // sort the table and append it to the dom multisort(table); appendToTable(table, init); $table.trigger("sortEnd", this); ts.applyWidget(table); if ($.isFunction(callback)) { callback(table); } }) .bind("appendCache" + c.namespace, function(e, callback, init) { e.stopPropagation(); appendToTable(table, init); if ($.isFunction(callback)) { callback(table); } }) .bind("updateCache" + c.namespace, function(e, callback){ // rebuild parsers if (!(c.parsers && c.parsers.length)) { buildParserCache(table); } // rebuild the cache map buildCache(table); if ($.isFunction(callback)) { callback(table); } }) .bind("applyWidgetId" + c.namespace, function(e, id) { e.stopPropagation(); ts.getWidgetById(id).format(table, c, c.widgetOptions); }) .bind("applyWidgets" + c.namespace, function(e, init) { e.stopPropagation(); // apply widgets ts.applyWidget(table, init); }) .bind("refreshWidgets" + c.namespace, function(e, all, dontapply){ e.stopPropagation(); ts.refreshWidgets(table, all, dontapply); }) .bind("destroy" + c.namespace, function(e, c, cb){ e.stopPropagation(); ts.destroy(table, c, cb); }) .bind("resetToLoadState" + c.namespace, function(){ // remove all widgets ts.refreshWidgets(table, true, true); // restore original settings; this clears out current settings, but does not clear // values saved to storage. c = $.extend(true, ts.defaults, c.originalSettings); table.hasInitialized = false; // setup the entire table again ts.setup( table, c ); }); } /* public methods */ ts.construct = function(settings) { return this.each(function() { var table = this, // merge & extend config options c = $.extend(true, {}, ts.defaults, settings); // save initial settings c.originalSettings = settings; // create a table from data (build table widget) if (!table.hasInitialized && ts.buildTable && this.tagName !== 'TABLE') { // return the table (in case the original target is the table's container) ts.buildTable(table, c); } else { ts.setup(table, c); } }); }; ts.setup = function(table, c) { // if no thead or tbody, or tablesorter is already present, quit if (!table || !table.tHead || table.tBodies.length === 0 || table.hasInitialized === true) { return c.debug ? log('ERROR: stopping initialization! No table, thead, tbody or tablesorter has already been initialized') : ''; } var k = '', $table = $(table), m = $.metadata; // initialization flag table.hasInitialized = false; // table is being processed flag table.isProcessing = true; // make sure to store the config object table.config = c; // save the settings where they read $.data(table, "tablesorter", c); if (c.debug) { $.data( table, 'startoveralltimer', new Date()); } // removing this in version 3 (only supports jQuery 1.7+) c.supportsDataObject = (function(version) { version[0] = parseInt(version[0], 10); return (version[0] > 1) || (version[0] === 1 && parseInt(version[1], 10) >= 4); })($.fn.jquery.split(".")); // digit sort text location; keeping max+/- for backwards compatibility c.string = { 'max': 1, 'min': -1, 'emptymin': 1, 'emptymax': -1, 'zero': 0, 'none': 0, 'null': 0, 'top': true, 'bottom': false }; // ensure case insensitivity c.emptyTo = c.emptyTo.toLowerCase(); c.stringTo = c.stringTo.toLowerCase(); // add table theme class only if there isn't already one there if (!/tablesorter\-/.test($table.attr('class'))) { k = (c.theme !== '' ? ' tablesorter-' + c.theme : ''); } c.table = table; c.$table = $table .addClass(ts.css.table + ' ' + c.tableClass + k) .attr('role', 'grid'); c.$headers = $table.find(c.selectorHeaders); // give the table a unique id, which will be used in namespace binding if (!c.namespace) { c.namespace = '.tablesorter' + Math.random().toString(16).slice(2); } else { // make sure namespace starts with a period & doesn't have weird characters c.namespace = '.' + c.namespace.replace(/\W/g,''); } c.$table.children().children('tr').attr('role', 'row'); c.$tbodies = $table.children('tbody:not(.' + c.cssInfoBlock + ')').attr({ 'aria-live' : 'polite', 'aria-relevant' : 'all' }); if (c.$table.children('caption').length) { k = c.$table.children('caption')[0]; if (!k.id) { k.id = c.namespace.slice(1) + 'caption'; } c.$table.attr('aria-labelledby', k.id); } c.widgetInit = {}; // keep a list of initialized widgets // change textExtraction via data-attribute c.textExtraction = c.$table.attr('data-text-extraction') || c.textExtraction || 'basic'; // build headers buildHeaders(table); // fixate columns if the users supplies the fixedWidth option // do this after theme has been applied fixColumnWidth(table); // try to auto detect column type, and store in tables config buildParserCache(table); // start total row count at zero c.totalRows = 0; // build the cache for the tbody cells // delayInit will delay building the cache until the user starts a sort if (!c.delayInit) { buildCache(table); } // bind all header events and methods ts.bindEvents(table, c.$headers, true); bindMethods(table); // get sort list from jQuery data or metadata // in jQuery < 1.4, an error occurs when calling $table.data() if (c.supportsDataObject && typeof $table.data().sortlist !== 'undefined') { c.sortList = $table.data().sortlist; } else if (m && ($table.metadata() && $table.metadata().sortlist)) { c.sortList = $table.metadata().sortlist; } // apply widget init code ts.applyWidget(table, true); // if user has supplied a sort list to constructor if (c.sortList.length > 0) { $table.trigger("sorton", [c.sortList, {}, !c.initWidgets, true]); } else { setHeadersCss(table); if (c.initWidgets) { // apply widget format ts.applyWidget(table, false); } } // show processesing icon if (c.showProcessing) { $table .unbind('sortBegin' + c.namespace + ' sortEnd' + c.namespace) .bind('sortBegin' + c.namespace + ' sortEnd' + c.namespace, function(e) { clearTimeout(c.processTimer); ts.isProcessing(table); if (e.type === 'sortBegin') { c.processTimer = setTimeout(function(){ ts.isProcessing(table, true); }, 500); } }); } // initialized table.hasInitialized = true; table.isProcessing = false; if (c.debug) { ts.benchmark("Overall initialization time", $.data( table, 'startoveralltimer')); } $table.trigger('tablesorter-initialized', table); if (typeof c.initialized === 'function') { c.initialized(table); } }; ts.getColumnData = function(table, obj, indx, getCell){ if (typeof obj === 'undefined' || obj === null) { return; } table = $(table)[0]; var result, $h, k, c = table.config; if (obj[indx]) { return getCell ? obj[indx] : obj[c.$headers.index( c.$headers.filter('[data-column="' + indx + '"]:last') )]; } for (k in obj) { if (typeof k === 'string') { $h = c.$headers.filter('[data-column="' + indx + '"]:last') // header cell with class/id .filter(k) // find elements within the header cell with cell/id .add( c.$headers.filter('[data-column="' + indx + '"]:last').find(k) ); if ($h.length) { return obj[k]; } } } return result; }; // computeTableHeaderCellIndexes from: // http://www.javascripttoolbox.com/lib/table/examples.php // http://www.javascripttoolbox.com/temp/table_cellindex.html ts.computeColumnIndex = function(trs) { var matrix = [], lookup = {}, cols = 0, // determine the number of columns i, j, k, l, $cell, cell, cells, rowIndex, cellId, rowSpan, colSpan, firstAvailCol, matrixrow; for (i = 0; i < trs.length; i++) { cells = trs[i].cells; for (j = 0; j < cells.length; j++) { cell = cells[j]; $cell = $(cell); rowIndex = cell.parentNode.rowIndex; cellId = rowIndex + "-" + $cell.index(); rowSpan = cell.rowSpan || 1; colSpan = cell.colSpan || 1; if (typeof(matrix[rowIndex]) === "undefined") { matrix[rowIndex] = []; } // Find first available column in the first row for (k = 0; k < matrix[rowIndex].length + 1; k++) { if (typeof(matrix[rowIndex][k]) === "undefined") { firstAvailCol = k; break; } } lookup[cellId] = firstAvailCol; cols = Math.max(firstAvailCol, cols); // add data-column $cell.attr({ 'data-column' : firstAvailCol }); // 'data-row' : rowIndex for (k = rowIndex; k < rowIndex + rowSpan; k++) { if (typeof(matrix[k]) === "undefined") { matrix[k] = []; } matrixrow = matrix[k]; for (l = firstAvailCol; l < firstAvailCol + colSpan; l++) { matrixrow[l] = "x"; } } } } // may not be accurate if # header columns !== # tbody columns return cols + 1; // add one because it's a zero-based index }; // *** Process table *** // add processing indicator ts.isProcessing = function(table, toggle, $ths) { table = $(table); var c = table[0].config, // default to all headers $h = $ths || table.find('.' + ts.css.header); if (toggle) { // don't use sortList if custom $ths used if (typeof $ths !== 'undefined' && c.sortList.length > 0) { // get headers from the sortList $h = $h.filter(function(){ // get data-column from attr to keep compatibility with jQuery 1.2.6 return this.sortDisabled ? false : ts.isValueInArray( parseFloat($(this).attr('data-column')), c.sortList) >= 0; }); } table.add($h).addClass(ts.css.processing + ' ' + c.cssProcessing); } else { table.add($h).removeClass(ts.css.processing + ' ' + c.cssProcessing); } }; // detach tbody but save the position // don't use tbody because there are portions that look for a tbody index (updateCell) ts.processTbody = function(table, $tb, getIt){ table = $(table)[0]; var holdr; if (getIt) { table.isProcessing = true; $tb.before(''); holdr = ($.fn.detach) ? $tb.detach() : $tb.remove(); return holdr; } holdr = $(table).find('span.tablesorter-savemyplace'); $tb.insertAfter( holdr ); holdr.remove(); table.isProcessing = false; }; ts.clearTableBody = function(table) { $(table)[0].config.$tbodies.children().detach(); }; ts.bindEvents = function(table, $headers, core){ table = $(table)[0]; var downTime, c = table.config; if (core !== true) { c.$extraHeaders = c.$extraHeaders ? c.$extraHeaders.add($headers) : $headers; } // apply event handling to headers and/or additional headers (stickyheaders, scroller, etc) $headers // http://stackoverflow.com/questions/5312849/jquery-find-self; .find(c.selectorSort).add( $headers.filter(c.selectorSort) ) .unbind('mousedown mouseup sort keyup '.split(' ').join(c.namespace + ' ')) .bind('mousedown mouseup sort keyup '.split(' ').join(c.namespace + ' '), function(e, external) { var cell, type = e.type; // only recognize left clicks or enter if ( ((e.which || e.button) !== 1 && !/sort|keyup/.test(type)) || (type === 'keyup' && e.which !== 13) ) { return; } // ignore long clicks (prevents resizable widget from initializing a sort) if (type === 'mouseup' && external !== true && (new Date().getTime() - downTime > 250)) { return; } // set timer on mousedown if (type === 'mousedown') { downTime = new Date().getTime(); return /(input|select|button|textarea)/i.test(e.target.tagName) || // allow clicks to contents of selected cells $(e.target).closest('td,th').hasClass(c.cssAllowClicks) ? '' : !c.cancelSelection; } if (c.delayInit && isEmptyObject(c.cache)) { buildCache(table); } // jQuery v1.2.6 doesn't have closest() cell = $.fn.closest ? $(this).closest('th, td')[0] : /TH|TD/.test(this.tagName) ? this : $(this).parents('th, td')[0]; // reference original table headers and find the same cell cell = c.$headers[ $headers.index( cell ) ]; if (!cell.sortDisabled) { initSort(table, cell, e); } }); if (c.cancelSelection) { // cancel selection $headers .attr('unselectable', 'on') .bind('selectstart', false) .css({ 'user-select': 'none', 'MozUserSelect': 'none' // not needed for jQuery 1.8+ }); } }; // restore headers ts.restoreHeaders = function(table){ var c = $(table)[0].config; // don't use c.$headers here in case header cells were swapped c.$table.find(c.selectorHeaders).each(function(i){ // only restore header cells if it is wrapped // because this is also used by the updateAll method if ($(this).find('.' + ts.css.headerIn).length){ $(this).html( c.headerContent[i] ); } }); }; ts.destroy = function(table, removeClasses, callback){ table = $(table)[0]; if (!table.hasInitialized) { return; } // remove all widgets ts.refreshWidgets(table, true, true); var $t = $(table), c = table.config, $h = $t.find('thead:first'), $r = $h.find('tr.' + ts.css.headerRow).removeClass(ts.css.headerRow + ' ' + c.cssHeaderRow), $f = $t.find('tfoot:first > tr').children('th, td'); if (removeClasses === false && $.inArray('uitheme', c.widgets) >= 0) { // reapply uitheme classes, in case we want to maintain appearance $t.trigger('applyWidgetId', ['uitheme']); $t.trigger('applyWidgetId', ['zebra']); } // remove widget added rows, just in case $h.find('tr').not($r).remove(); // disable tablesorter $t .removeData('tablesorter') .unbind('sortReset update updateAll updateRows updateCell addRows updateComplete sorton appendCache updateCache applyWidgetId applyWidgets refreshWidgets destroy mouseup mouseleave keypress sortBegin sortEnd resetToLoadState '.split(' ').join(c.namespace + ' ')); c.$headers.add($f) .removeClass( [ts.css.header, c.cssHeader, c.cssAsc, c.cssDesc, ts.css.sortAsc, ts.css.sortDesc, ts.css.sortNone].join(' ') ) .removeAttr('data-column') .removeAttr('aria-label') .attr('aria-disabled', 'true'); $r.find(c.selectorSort).unbind('mousedown mouseup keypress '.split(' ').join(c.namespace + ' ')); ts.restoreHeaders(table); $t.toggleClass(ts.css.table + ' ' + c.tableClass + ' tablesorter-' + c.theme, removeClasses === false); // clear flag in case the plugin is initialized again table.hasInitialized = false; delete table.config.cache; if (typeof callback === 'function') { callback(table); } }; // *** sort functions *** // regex used in natural sort ts.regex = { chunk : /(^([+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?)?$|^0x[0-9a-f]+$|\d+)/gi, // chunk/tokenize numbers & letters chunks: /(^\\0|\\0$)/, // replace chunks @ ends hex: /^0x[0-9a-f]+$/i // hex }; // Natural sort - https://github.com/overset/javascript-natural-sort (date sorting removed) // this function will only accept strings, or you'll see "TypeError: undefined is not a function" // I could add a = a.toString(); b = b.toString(); but it'll slow down the sort overall ts.sortNatural = function(a, b) { if (a === b) { return 0; } var xN, xD, yN, yD, xF, yF, i, mx, r = ts.regex; // first try and sort Hex codes if (r.hex.test(b)) { xD = parseInt(a.match(r.hex), 16); yD = parseInt(b.match(r.hex), 16); if ( xD < yD ) { return -1; } if ( xD > yD ) { return 1; } } // chunk/tokenize xN = a.replace(r.chunk, '\\0$1\\0').replace(r.chunks, '').split('\\0'); yN = b.replace(r.chunk, '\\0$1\\0').replace(r.chunks, '').split('\\0'); mx = Math.max(xN.length, yN.length); // natural sorting through split numeric strings and default strings for (i = 0; i < mx; i++) { // find floats not starting with '0', string or 0 if not defined xF = isNaN(xN[i]) ? xN[i] || 0 : parseFloat(xN[i]) || 0; yF = isNaN(yN[i]) ? yN[i] || 0 : parseFloat(yN[i]) || 0; // handle numeric vs string comparison - number < string - (Kyle Adams) if (isNaN(xF) !== isNaN(yF)) { return (isNaN(xF)) ? 1 : -1; } // rely on string comparison if different types - i.e. '02' < 2 != '02' < '2' if (typeof xF !== typeof yF) { xF += ''; yF += ''; } if (xF < yF) { return -1; } if (xF > yF) { return 1; } } return 0; }; ts.sortNaturalAsc = function(a, b, col, table, c) { if (a === b) { return 0; } var e = c.string[ (c.empties[col] || c.emptyTo ) ]; if (a === '' && e !== 0) { return typeof e === 'boolean' ? (e ? -1 : 1) : -e || -1; } if (b === '' && e !== 0) { return typeof e === 'boolean' ? (e ? 1 : -1) : e || 1; } return ts.sortNatural(a, b); }; ts.sortNaturalDesc = function(a, b, col, table, c) { if (a === b) { return 0; } var e = c.string[ (c.empties[col] || c.emptyTo ) ]; if (a === '' && e !== 0) { return typeof e === 'boolean' ? (e ? -1 : 1) : e || 1; } if (b === '' && e !== 0) { return typeof e === 'boolean' ? (e ? 1 : -1) : -e || -1; } return ts.sortNatural(b, a); }; // basic alphabetical sort ts.sortText = function(a, b) { return a > b ? 1 : (a < b ? -1 : 0); }; // return text string value by adding up ascii value // so the text is somewhat sorted when using a digital sort // this is NOT an alphanumeric sort ts.getTextValue = function(a, num, mx) { if (mx) { // make sure the text value is greater than the max numerical value (mx) var i, l = a ? a.length : 0, n = mx + num; for (i = 0; i < l; i++) { n += a.charCodeAt(i); } return num * n; } return 0; }; ts.sortNumericAsc = function(a, b, num, mx, col, table) { if (a === b) { return 0; } var c = table.config, e = c.string[ (c.empties[col] || c.emptyTo ) ]; if (a === '' && e !== 0) { return typeof e === 'boolean' ? (e ? -1 : 1) : -e || -1; } if (b === '' && e !== 0) { return typeof e === 'boolean' ? (e ? 1 : -1) : e || 1; } if (isNaN(a)) { a = ts.getTextValue(a, num, mx); } if (isNaN(b)) { b = ts.getTextValue(b, num, mx); } return a - b; }; ts.sortNumericDesc = function(a, b, num, mx, col, table) { if (a === b) { return 0; } var c = table.config, e = c.string[ (c.empties[col] || c.emptyTo ) ]; if (a === '' && e !== 0) { return typeof e === 'boolean' ? (e ? -1 : 1) : e || 1; } if (b === '' && e !== 0) { return typeof e === 'boolean' ? (e ? 1 : -1) : -e || -1; } if (isNaN(a)) { a = ts.getTextValue(a, num, mx); } if (isNaN(b)) { b = ts.getTextValue(b, num, mx); } return b - a; }; ts.sortNumeric = function(a, b) { return a - b; }; // used when replacing accented characters during sorting ts.characterEquivalents = { "a" : "\u00e1\u00e0\u00e2\u00e3\u00e4\u0105\u00e5", // áàâãäąå "A" : "\u00c1\u00c0\u00c2\u00c3\u00c4\u0104\u00c5", // ÁÀÂÃÄĄÅ "c" : "\u00e7\u0107\u010d", // çćč "C" : "\u00c7\u0106\u010c", // ÇĆČ "e" : "\u00e9\u00e8\u00ea\u00eb\u011b\u0119", // éèêëěę "E" : "\u00c9\u00c8\u00ca\u00cb\u011a\u0118", // ÉÈÊËĚĘ "i" : "\u00ed\u00ec\u0130\u00ee\u00ef\u0131", // íìİîïı "I" : "\u00cd\u00cc\u0130\u00ce\u00cf", // ÍÌİÎÏ "o" : "\u00f3\u00f2\u00f4\u00f5\u00f6", // óòôõö "O" : "\u00d3\u00d2\u00d4\u00d5\u00d6", // ÓÒÔÕÖ "ss": "\u00df", // ß (s sharp) "SS": "\u1e9e", // ẞ (Capital sharp s) "u" : "\u00fa\u00f9\u00fb\u00fc\u016f", // úùûüů "U" : "\u00da\u00d9\u00db\u00dc\u016e" // ÚÙÛÜŮ }; ts.replaceAccents = function(s) { var a, acc = '[', eq = ts.characterEquivalents; if (!ts.characterRegex) { ts.characterRegexArray = {}; for (a in eq) { if (typeof a === 'string') { acc += eq[a]; ts.characterRegexArray[a] = new RegExp('[' + eq[a] + ']', 'g'); } } ts.characterRegex = new RegExp(acc + ']'); } if (ts.characterRegex.test(s)) { for (a in eq) { if (typeof a === 'string') { s = s.replace( ts.characterRegexArray[a], a ); } } } return s; }; // *** utilities *** ts.isValueInArray = function(column, arry) { var indx, len = arry.length; for (indx = 0; indx < len; indx++) { if (arry[indx][0] === column) { return indx; } } return -1; }; ts.addParser = function(parser) { var i, l = ts.parsers.length, a = true; for (i = 0; i < l; i++) { if (ts.parsers[i].id.toLowerCase() === parser.id.toLowerCase()) { a = false; } } if (a) { ts.parsers.push(parser); } }; ts.getParserById = function(name) { /*jshint eqeqeq:false */ if (name == 'false') { return false; } var i, l = ts.parsers.length; for (i = 0; i < l; i++) { if (ts.parsers[i].id.toLowerCase() === (name.toString()).toLowerCase()) { return ts.parsers[i]; } } return false; }; ts.addWidget = function(widget) { ts.widgets.push(widget); }; ts.hasWidget = function(table, name){ table = $(table); return table.length && table[0].config && table[0].config.widgetInit[name] || false; }; ts.getWidgetById = function(name) { var i, w, l = ts.widgets.length; for (i = 0; i < l; i++) { w = ts.widgets[i]; if (w && w.hasOwnProperty('id') && w.id.toLowerCase() === name.toLowerCase()) { return w; } } }; ts.applyWidget = function(table, init) { table = $(table)[0]; // in case this is called externally var c = table.config, wo = c.widgetOptions, tableClass = ' ' + c.table.className + ' ', widgets = [], time, time2, w, wd; // prevent numerous consecutive widget applications if (init !== false && table.hasInitialized && (table.isApplyingWidgets || table.isUpdating)) { return; } if (c.debug) { time = new Date(); } // look for widgets to apply from in table class // stop using \b otherwise this matches "ui-widget-content" & adds "content" widget wd = new RegExp( '\\s' + c.widgetClass.replace( /\{name\}/i, '([\\w-]+)' )+ '\\s', 'g' ); if ( tableClass.match( wd ) ) { // extract out the widget id from the table class (widget id's can include dashes) w = tableClass.match( wd ); if ( w ) { $.each( w, function( i,n ){ c.widgets.push( n.replace( wd, '$1' ) ); }); } } if (c.widgets.length) { table.isApplyingWidgets = true; // ensure unique widget ids c.widgets = $.grep(c.widgets, function(v, k){ return $.inArray(v, c.widgets) === k; }); // build widget array & add priority as needed $.each(c.widgets || [], function(i,n){ wd = ts.getWidgetById(n); if (wd && wd.id) { // set priority to 10 if not defined if (!wd.priority) { wd.priority = 10; } widgets[i] = wd; } }); // sort widgets by priority widgets.sort(function(a, b){ return a.priority < b.priority ? -1 : a.priority === b.priority ? 0 : 1; }); // add/update selected widgets $.each(widgets, function(i,w){ if (w) { if (init || !(c.widgetInit[w.id])) { // set init flag first to prevent calling init more than once (e.g. pager) c.widgetInit[w.id] = true; if (w.hasOwnProperty('options')) { wo = table.config.widgetOptions = $.extend( true, {}, w.options, wo ); } if (w.hasOwnProperty('init')) { if (c.debug) { time2 = new Date(); } w.init(table, w, c, wo); if (c.debug) { ts.benchmark('Initializing ' + w.id + ' widget', time2); } } } if (!init && w.hasOwnProperty('format')) { if (c.debug) { time2 = new Date(); } w.format(table, c, wo, false); if (c.debug) { ts.benchmark( ( init ? 'Initializing ' : 'Applying ' ) + w.id + ' widget', time2); } } } }); } setTimeout(function(){ table.isApplyingWidgets = false; $.data(table, 'lastWidgetApplication', new Date()); }, 0); if (c.debug) { w = c.widgets.length; benchmark("Completed " + (init === true ? "initializing " : "applying ") + w + " widget" + (w !== 1 ? "s" : ""), time); } }; ts.refreshWidgets = function(table, doAll, dontapply) { table = $(table)[0]; // see issue #243 var i, c = table.config, cw = c.widgets, w = ts.widgets, l = w.length; // remove previous widgets for (i = 0; i < l; i++){ if ( w[i] && w[i].id && (doAll || $.inArray( w[i].id, cw ) < 0) ) { if (c.debug) { log( 'Refeshing widgets: Removing "' + w[i].id + '"' ); } // only remove widgets that have been initialized - fixes #442 if (w[i].hasOwnProperty('remove') && c.widgetInit[w[i].id]) { w[i].remove(table, c, c.widgetOptions); c.widgetInit[w[i].id] = false; } } } if (dontapply !== true) { ts.applyWidget(table, doAll); } }; // get sorter, string, empty, etc options for each column from // jQuery data, metadata, header option or header class name ("sorter-false") // priority = jQuery data > meta > headers option > header class name ts.getData = function(h, ch, key) { var val = '', $h = $(h), m, cl; if (!$h.length) { return ''; } m = $.metadata ? $h.metadata() : false; cl = ' ' + ($h.attr('class') || ''); if (typeof $h.data(key) !== 'undefined' || typeof $h.data(key.toLowerCase()) !== 'undefined'){ // "data-lockedOrder" is assigned to "lockedorder"; but "data-locked-order" is assigned to "lockedOrder" // "data-sort-initial-order" is assigned to "sortInitialOrder" val += $h.data(key) || $h.data(key.toLowerCase()); } else if (m && typeof m[key] !== 'undefined') { val += m[key]; } else if (ch && typeof ch[key] !== 'undefined') { val += ch[key]; } else if (cl !== ' ' && cl.match(' ' + key + '-')) { // include sorter class name "sorter-text", etc; now works with "sorter-my-custom-parser" val = cl.match( new RegExp('\\s' + key + '-([\\w-]+)') )[1] || ''; } return $.trim(val); }; ts.formatFloat = function(s, table) { if (typeof s !== 'string' || s === '') { return s; } // allow using formatFloat without a table; defaults to US number format var i, t = table && table.config ? table.config.usNumberFormat !== false : typeof table !== "undefined" ? table : true; if (t) { // US Format - 1,234,567.89 -> 1234567.89 s = s.replace(/,/g,''); } else { // German Format = 1.234.567,89 -> 1234567.89 // French Format = 1 234 567,89 -> 1234567.89 s = s.replace(/[\s|\.]/g,'').replace(/,/g,'.'); } if(/^\s*\([.\d]+\)/.test(s)) { // make (#) into a negative number -> (10) = -10 s = s.replace(/^\s*\(([.\d]+)\)/, '-$1'); } i = parseFloat(s); // return the text instead of zero return isNaN(i) ? $.trim(s) : i; }; ts.isDigit = function(s) { // replace all unwanted chars and match return isNaN(s) ? (/^[\-+(]?\d+[)]?$/).test(s.toString().replace(/[,.'"\s]/g, '')) : true; }; }() }); // make shortcut var ts = $.tablesorter; // extend plugin scope $.fn.extend({ tablesorter: ts.construct }); // add default parsers ts.addParser({ id: 'no-parser', is: function() { return false; }, format: function() { return ''; }, type: 'text' }); ts.addParser({ id: "text", is: function() { return true; }, format: function(s, table) { var c = table.config; if (s) { s = $.trim( c.ignoreCase ? s.toLocaleLowerCase() : s ); s = c.sortLocaleCompare ? ts.replaceAccents(s) : s; } return s; }, type: "text" }); ts.addParser({ id: "digit", is: function(s) { return ts.isDigit(s); }, format: function(s, table) { var n = ts.formatFloat((s || '').replace(/[^\w,. \-()]/g, ""), table); return s && typeof n === 'number' ? n : s ? $.trim( s && table.config.ignoreCase ? s.toLocaleLowerCase() : s ) : s; }, type: "numeric" }); ts.addParser({ id: "currency", is: function(s) { return (/^\(?\d+[\u00a3$\u20ac\u00a4\u00a5\u00a2?.]|[\u00a3$\u20ac\u00a4\u00a5\u00a2?.]\d+\)?$/).test((s || '').replace(/[+\-,. ]/g,'')); // £$€¤¥¢ }, format: function(s, table) { var n = ts.formatFloat((s || '').replace(/[^\w,. \-()]/g, ""), table); return s && typeof n === 'number' ? n : s ? $.trim( s && table.config.ignoreCase ? s.toLocaleLowerCase() : s ) : s; }, type: "numeric" }); ts.addParser({ id: "url", is: function(s) { return (/^(https?|ftp|file):\/\//).test(s); }, format: function(s) { return s ? $.trim(s.replace(/(https?|ftp|file):\/\//, '')) : s; }, parsed : true, // filter widget flag type: "text" }); ts.addParser({ id: "isoDate", is: function(s) { return (/^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}/).test(s); }, format: function(s, table) { var date = s ? new Date( s.replace(/-/g, "/") ) : s; return date instanceof Date && isFinite(date) ? date.getTime() : s; }, type: "numeric" }); ts.addParser({ id: "percent", is: function(s) { return (/(\d\s*?%|%\s*?\d)/).test(s) && s.length < 15; }, format: function(s, table) { return s ? ts.formatFloat(s.replace(/%/g, ""), table) : s; }, type: "numeric" }); // added image parser to core v2.17.9 ts.addParser({ id: "image", is: function(s, table, node, $node){ return $node.find('img').length > 0; }, format: function(s, table, cell) { return $(cell).find('img').attr(table.config.imgAttr || 'alt') || s; }, parsed : true, // filter widget flag type: "text" }); ts.addParser({ id: "usLongDate", is: function(s) { // two digit years are not allowed cross-browser // Jan 01, 2013 12:34:56 PM or 01 Jan 2013 return (/^[A-Z]{3,10}\.?\s+\d{1,2},?\s+(\d{4})(\s+\d{1,2}:\d{2}(:\d{2})?(\s+[AP]M)?)?$/i).test(s) || (/^\d{1,2}\s+[A-Z]{3,10}\s+\d{4}/i).test(s); }, format: function(s, table) { var date = s ? new Date( s.replace(/(\S)([AP]M)$/i, "$1 $2") ) : s; return date instanceof Date && isFinite(date) ? date.getTime() : s; }, type: "numeric" }); ts.addParser({ id: "shortDate", // "mmddyyyy", "ddmmyyyy" or "yyyymmdd" is: function(s) { // testing for ##-##-#### or ####-##-##, so it's not perfect; time can be included return (/(^\d{1,2}[\/\s]\d{1,2}[\/\s]\d{4})|(^\d{4}[\/\s]\d{1,2}[\/\s]\d{1,2})/).test((s || '').replace(/\s+/g," ").replace(/[\-.,]/g, "/")); }, format: function(s, table, cell, cellIndex) { if (s) { var date, d, c = table.config, ci = c.$headers.filter('[data-column=' + cellIndex + ']:last'), format = ci.length && ci[0].dateFormat || ts.getData( ci, ts.getColumnData( table, c.headers, cellIndex ), 'dateFormat') || c.dateFormat; d = s.replace(/\s+/g," ").replace(/[\-.,]/g, "/"); // escaped - because JSHint in Firefox was showing it as an error if (format === "mmddyyyy") { d = d.replace(/(\d{1,2})[\/\s](\d{1,2})[\/\s](\d{4})/, "$3/$1/$2"); } else if (format === "ddmmyyyy") { d = d.replace(/(\d{1,2})[\/\s](\d{1,2})[\/\s](\d{4})/, "$3/$2/$1"); } else if (format === "yyyymmdd") { d = d.replace(/(\d{4})[\/\s](\d{1,2})[\/\s](\d{1,2})/, "$1/$2/$3"); } date = new Date(d); return date instanceof Date && isFinite(date) ? date.getTime() : s; } return s; }, type: "numeric" }); ts.addParser({ id: "time", is: function(s) { return (/^(([0-2]?\d:[0-5]\d)|([0-1]?\d:[0-5]\d\s?([AP]M)))$/i).test(s); }, format: function(s, table) { var date = s ? new Date( "2000/01/01 " + s.replace(/(\S)([AP]M)$/i, "$1 $2") ) : s; return date instanceof Date && isFinite(date) ? date.getTime() : s; }, type: "numeric" }); ts.addParser({ id: "metadata", is: function() { return false; }, format: function(s, table, cell) { var c = table.config, p = (!c.parserMetadataName) ? 'sortValue' : c.parserMetadataName; return $(cell).metadata()[p]; }, type: "numeric" }); // add default widgets ts.addWidget({ id: "zebra", priority: 90, format: function(table, c, wo) { var $tb, $tv, $tr, row, even, time, k, child = new RegExp(c.cssChildRow, 'i'), b = c.$tbodies; if (c.debug) { time = new Date(); } for (k = 0; k < b.length; k++ ) { // loop through the visible rows row = 0; $tb = b.eq(k); $tv = $tb.children('tr:visible').not(c.selectorRemove); // revered back to using jQuery each - strangely it's the fastest method /*jshint loopfunc:true */ $tv.each(function(){ $tr = $(this); // style child rows the same way the parent row was styled if (!child.test(this.className)) { row++; } even = (row % 2 === 0); $tr.removeClass(wo.zebra[even ? 1 : 0]).addClass(wo.zebra[even ? 0 : 1]); }); } }, remove: function(table, c, wo){ var k, $tb, b = c.$tbodies, rmv = (wo.zebra || [ "even", "odd" ]).join(' '); for (k = 0; k < b.length; k++ ){ $tb = ts.processTbody(table, b.eq(k), true); // remove tbody $tb.children().removeClass(rmv); ts.processTbody(table, $tb, false); // restore tbody } } }); })(jQuery); /*! tableSorter (FORK) 2.16+ widgets - updated 11/7/2014 (v2.18.3) * * Column Styles * Column Filters * Column Resizing * Sticky Header * UI Theme (generalized) * Save Sort * [ "columns", "filter", "resizable", "stickyHeaders", "uitheme", "saveSort" ] */ /*jshint browser:true, jquery:true, unused:false, loopfunc:true */ /*global jQuery: false, localStorage: false */ ;(function ($, window) { "use strict"; var ts = $.tablesorter = $.tablesorter || {}; ts.themes = { "bootstrap" : { table : 'table table-bordered table-striped', caption : 'caption', header : 'bootstrap-header', // give the header a gradient background footerRow : '', footerCells: '', icons : '', // add "icon-white" to make them white; this icon class is added to the in the header sortNone : 'bootstrap-icon-unsorted', sortAsc : 'icon-chevron-up glyphicon glyphicon-chevron-up', sortDesc : 'icon-chevron-down glyphicon glyphicon-chevron-down', active : '', // applied when column is sorted hover : '', // use custom css here - bootstrap class may not override it filterRow : '', // filter row class 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 : 'ui-widget-header ui-corner-all ui-state-default', // header classes footerRow : '', footerCells: '', icons : 'ui-icon', // icon class added to the in the header sortNone : 'ui-icon-carat-2-n-s', sortAsc : 'ui-icon-carat-1-n', sortDesc : 'ui-icon-carat-1-s', active : 'ui-state-active', // applied when column is sorted hover : 'ui-state-hover', // hover class filterRow : '', even : 'ui-widget-content', // even row zebra striping odd : 'ui-state-default' // odd row zebra striping } }; $.extend(ts.css, { filterRow : 'tablesorter-filter-row', // filter filter : 'tablesorter-filter', wrapper : 'tablesorter-wrapper', // ui theme & resizable resizer : 'tablesorter-resizer', // resizable sticky : 'tablesorter-stickyHeader', // stickyHeader stickyVis : 'tablesorter-sticky-visible', stickyWrap: 'tablesorter-sticky-wrapper' }); //*** 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, hasLocalStorage = false, values = {}, c = table.config, $table = $(table), id = options && options.id || $table.attr(options && options.group || 'data-table-group') || table.id || $('.tablesorter').index( $table ), url = options && options.url || $table.attr(options && options.page || 'data-table-page') || c && c.fixedUrl || window.location.pathname; // https://gist.github.com/paulirish/5558557 if ("localStorage" in window) { try { window.localStorage.setItem('_tmptest', 'temp'); hasLocalStorage = true; window.localStorage.removeItem('_tmptest'); } catch(error) {} } // *** get value *** if ($.parseJSON) { if (hasLocalStorage) { values = $.parseJSON(localStorage[key] || '{}'); } 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] || '{}') : {}; } } // allow value to be an empty string too if ((value || value === '') && 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 (hasLocalStorage) { localStorage[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] : ''; } }; //Add a resize event to table headers //************************** ts.addHeaderResizeEvent = function(table, disable, settings) { table = $(table)[0]; // make sure we're usig a dom element var headers, defaults = { timer : 250 }, options = $.extend({}, defaults, settings), c = table.config, wo = c.widgetOptions, checkSizes = function(triggerEvent) { wo.resize_flag = true; headers = []; c.$headers.each(function() { var $header = $(this), sizes = $header.data('savedSizes') || [0,0], // fixes #394 width = this.offsetWidth, height = this.offsetHeight; if (width !== sizes[0] || height !== sizes[1]) { $header.data('savedSizes', [ width, height ]); headers.push(this); } }); if (headers.length && triggerEvent !== false) { c.$table.trigger('resize', [ headers ]); } wo.resize_flag = false; }; checkSizes(false); clearInterval(wo.resize_timer); if (disable) { wo.resize_flag = false; return false; } wo.resize_timer = setInterval(function() { if (wo.resize_flag) { return; } checkSizes(); }, options.timer); }; //Widget: General UI theme //"uitheme" option in "widgetOptions" //************************** ts.addWidget({ id: "uitheme", priority: 10, format: function(table, c, wo) { var i, time, classes, $header, $icon, $tfoot, $h, oldtheme, oldremove, themesAll = ts.themes, $table = c.$table, $headers = c.$headers, theme = c.theme || 'jui', themes = themesAll[theme] || themesAll.jui, remove = [ themes.sortNone, themes.sortDesc, themes.sortAsc, themes.active ].join( ' ' ); if (c.debug) { time = new Date(); } // initialization code - run once if (!$table.hasClass('tablesorter-' + theme) || c.theme !== c.appliedTheme || !table.hasInitialized) { oldtheme = themes[c.appliedTheme] || {}; oldremove = oldtheme ? [ oldtheme.sortNone, oldtheme.sortDesc, oldtheme.sortAsc, oldtheme.active ].join( ' ' ) : ''; if (oldtheme) { wo.zebra[0] = wo.zebra[0].replace(' ' + oldtheme.even, ''); wo.zebra[1] = wo.zebra[1].replace(' ' + oldtheme.odd, ''); } // 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 || '' ) : '' ) .addClass('tablesorter-' + theme + ' ' + themes.table) // add theme widget class name .children('tfoot'); 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 .add(c.$extraHeaders) .removeClass(oldtheme.header + ' ' + oldtheme.hover + ' ' + oldremove) .addClass(themes.header) .not('.sorter-false') .bind('mouseenter.tsuitheme mouseleave.tsuitheme', function(event) { // toggleClass with switch added in jQuery 1.3 $(this)[ event.type === 'mouseenter' ? 'addClass' : 'removeClass' ](themes.hover); }); if (!$headers.find('.' + ts.css.wrapper).length) { // Firefox needs this inner div to position the resizer correctly $headers.wrapInner('
'); } if (c.cssIcon) { // if c.cssIcon is '', then no is added to the header $headers.find('.' + ts.css.icon).removeClass(oldtheme.icons + ' ' + oldremove).addClass(themes.icons); } if ($table.hasClass('hasFilters')) { $table.children('thead').children('.' + ts.css.filterRow).removeClass(oldtheme.filterRow).addClass(themes.filterRow); } c.appliedTheme = c.theme; } for (i = 0; i < c.columns; i++) { $header = c.$headers.add(c.$extraHeaders).not('.sorter-false').filter('[data-column="' + i + '"]'); $icon = (ts.css.icon) ? $header.find('.' + ts.css.icon) : $header; $h = $headers.not('.sorter-false').filter('[data-column="' + i + '"]:last'); if ($h.length) { if ($h[0].sortDisabled) { // no sort arrows for disabled columns! $header.removeClass(remove); $icon.removeClass(remove + ' ' + themes.icons); } else { classes = ($header.hasClass(ts.css.sortAsc)) ? themes.sortAsc : ($header.hasClass(ts.css.sortDesc)) ? themes.sortDesc : $header.hasClass(ts.css.header) ? themes.sortNone : ''; $header[classes === themes.sortNone ? 'removeClass' : 'addClass'](themes.active); $icon.removeClass(remove).addClass(classes); } } } if (c.debug) { ts.benchmark("Applying " + theme + " theme", time); } }, remove: function(table, c) { var $table = c.$table, theme = c.theme || 'jui', themes = ts.themes[ theme ] || ts.themes.jui, $headers = $table.children('thead').children(), remove = themes.sortNone + ' ' + themes.sortDesc + ' ' + themes.sortAsc; $table .removeClass('tablesorter-' + theme + ' ' + themes.table) .find(ts.css.header).removeClass(themes.header); $headers .unbind('mouseenter.tsuitheme mouseleave.tsuitheme') // remove hover .removeClass(themes.hover + ' ' + remove + ' ' + themes.active) .find('.' + ts.css.filterRow) .removeClass(themes.filterRow); $headers.find('.' + ts.css.icon).removeClass(themes.icons); } }); //Widget: Column styles //"columns", "columns_thead" (true) and //"columns_tfoot" (true) options in "widgetOptions" //************************** ts.addWidget({ id: "columns", priority: 30, 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 } } }); //Widget: filter //************************** ts.addWidget({ id: "filter", priority: 50, options : { filter_childRows : false, // if true, filter includes child row content in the search filter_columnFilters : true, // if true, a filter will be added to the top of each table column 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); } }, remove: function(table, c, wo) { var tbodyIndex, $tbody, $table = c.$table, $tbodies = c.$tbodies; $table .removeClass('hasFilters') // add .tsfilter namespace to all BUT search .unbind('addRows updateCell update updateRows updateComplete appendCache filterReset filterEnd search '.split(' ').join(c.namespace + 'filter ')) .find('.' + ts.css.filterRow).remove(); 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 = { // 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.filter = array of filter input values; // data.iFilter = same array, except lowercase (if wo.filter_ignoreCase is true) // data.exact = table cell text (or parsed data if column parser enabled) // data.iExact = same as data.exact, except lowercase (if wo.filter_ignoreCase is true) // data.cache = table cell text from cache, so it has been parsed (& in all lower case if config.ignoreCase is true) // data.index = column index; table = table element (DOM) // data.parsed = array (by column) of boolean values (from filter_useParsedData or "filter-parsed" class) types: { // Look for regex regex: function( c, data ) { if ( ts.filter.regex.regex.test(data.iFilter) ) { var matches, regex = ts.filter.regex.regex.exec(data.iFilter); try { matches = new RegExp(regex[1], regex[2]).test( data.iExact ); } catch (error) { matches = false; } return matches; } return null; }, // Look for operators >, >=, < or <= operators: function( c, data ) { if ( /^[<>]=?/.test(data.iFilter) ) { var cachedValue, result, 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') { result = ts.filter.parseFilter(c, $.trim('' + data.iFilter.replace(ts.filter.regex.operators, '')), index, parsed, 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) cachedValue = ( parsed || parser.type === 'numeric' ) && !isNaN(query) && typeof data.cache !== 'undefined' ? data.cache : isNaN(data.iExact) ? ts.formatFloat( data.iExact.replace(ts.filter.regex.nondigit, ''), table) : ts.formatFloat( data.iExact, table ); if ( />/.test(data.iFilter) ) { result = />=/.test(data.iFilter) ? cachedValue >= query : cachedValue > query; } 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 filter = ts.filter.parseFilter(c, data.iFilter.replace(ts.filter.regex.exact, ''), data.index, data.parsed[data.index]); return data.anyMatch ? $.inArray(filter, data.rowArray) >= 0 : filter == data.iExact; } return null; }, // Look for an AND or && operator (logical and) and : function( c, data ) { if ( ts.filter.regex.andTest.test(data.filter) ) { var index = data.index, parsed = data.parsed[index], query = data.iFilter.split( ts.filter.regex.andSplit ), result = data.iExact.search( $.trim( ts.filter.parseFilter(c, query[0], index, parsed) ) ) >= 0, indx = query.length - 1; while (result && indx) { result = result && data.iExact.search( $.trim( ts.filter.parseFilter(c, query[indx], index, parsed) ) ) >= 0; indx--; } return result; } 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, 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 ), range1 = ts.formatFloat( ts.filter.parseFilter(c, query[0].replace(ts.filter.regex.nondigit, ''), index, parsed), table ), range2 = ts.formatFloat( ts.filter.parseFilter(c, query[1].replace(ts.filter.regex.nondigit, ''), 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; } result = ( parsed || c.parsers[index].type === 'numeric' ) && !isNaN(range1) && !isNaN(range2) ? data.cache : isNaN(data.iExact) ? ts.formatFloat( data.iExact.replace(ts.filter.regex.nondigit, ''), table) : ts.formatFloat( data.iExact, 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) || ts.filter.regex.orReplace.test(data.filter) ) { var index = data.index, parsed = data.parsed[index], query = ts.filter.parseFilter(c, data.iFilter.replace(ts.filter.regex.orReplace, "|"), index, parsed); // look for an exact match with the "or" unless the "filter-match" class is found if (!c.$headers.filter('[data-column="' + index + '"]:last').hasClass('filter-match') && /\|/.test(query)) { // show all results while using filter match. Fixes #727 if (query[ query.length - 1 ] === '|') { query += '*'; } query = data.anyMatch && $.isArray(data.rowArray) ? '(' + query + ')' : '^(' + query + ')$'; } // parsing the filter may not work properly when using wildcards =/ return new RegExp( query.replace(/\?/g, '\\S{1}').replace(/\*/g, '\\S*') ).test(data.iExact); } 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, pattern = ts.filter.parseFilter(c, data.iFilter.slice(1), 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*=","]'; txt = '\\{' + 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'), orReplace : new RegExp('\\s+(' + ts.language.or + ')\\s+', 'gi'), iQuery : new RegExp(txt, 'i'), igQuery : new RegExp(txt, 'ig') }); // don't build filter row if columnFilters is false or all columns are set to "filter-false" - issue #156 if (wo.filter_columnFilters !== false && c.$headers.filter('.filter-false, .parser-false').length !== c.$headers.length) { // build filter row ts.filter.buildRow(table, c, wo); } c.$table.bind('addRows updateCell update updateRows updateComplete appendCache filterReset filterEnd search '.split(' ').join(c.namespace + 'filter '), function(event, filter) { c.$table.find('.' + ts.css.filterRow).toggle( !(wo.filter_hideEmpty && $.isEmptyObject(c.cache) && !(c.delayInit && event.type === 'appendCache')) ); // fixes #450 if ( !/(search|filter)/.test(event.type) ) { event.stopPropagation(); ts.filter.buildDefault(table, true); } if (event.type === 'filterReset') { c.$table.find('.' + ts.css.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 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.$headers.filter('[data-column="' + column + '"]:last').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 += ''; } } c.$table.find('thead').find('select.' + ts.css.filter + '[data-column="' + column + '"]').append(options); } } } } // 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('.' + ts.css.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) { c.$table.bind('filterStart' + c.namespace + 'filter filterEnd' + c.namespace + 'filter', function(event, columns) { // only add processing to certain columns to all columns $header = (columns) ? c.$table.find('.' + ts.css.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 c.$table.bind('tablesorter-initialized pagerBeforeInitialized', 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 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 { $.each( wo.filter_formatterInit, function(i, val) { if (val === 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, // 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('') === '') { for (indx = 0; indx < c.columns; indx++) { filters[indx] = c.$headers.filter('[data-column="' + indx + '"]:last').attr(wo.filter_defaultAttrib) || filters[indx]; } } c.$table.data('lastSearch', filters); return filters; }, parseFilter: function(c, filter, column, parsed, forceParse){ return forceParse || parsed ? c.parsers[column].format( filter, c.table, [], column ) : filter; }, buildRow: function(table, c, wo) { var col, column, $header, buildSelect, disabled, name, ffxn, // c.columns defined in computeThIndexes() columns = c.columns, arry = $.isArray(wo.filter_cellFilter), buildFilter = ''; for (column = 0; column < columns; column++) { if (arry) { buildFilter += ''; } else { buildFilter += ''; } } c.$filters = $(buildFilter += '').appendTo( c.$table.children('thead').eq(0) ).find('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.$headers.filter('[data-column="' + column + '"]:last'); ffxn = ts.getColumnData( table, wo.filter_functions, column ); buildSelect = (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 (buildSelect) { buildFilter = $('').appendTo( c.$filters.eq(column) ); } if (buildFilter) { buildFilter.attr('placeholder', $header.data('placeholder') || $header.attr('data-placeholder') || wo.filter_placeholder.search || ''); } } 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( ts.css.filter + ' ' + name ).attr('data-column', column); if (disabled) { buildFilter.attr('placeholder', '').addClass('disabled')[0].disabled = true; // disabled! } } } }, bindSearch: function(table, $el, internal) { table = $(table)[0]; $el = $($el); // allow passing a selector string if (!$el.length) { return; } var c = table.config, wo = c.widgetOptions, $ext = wo.filter_$externalFilters; if (internal !== true) { // save anyMatch element wo.filter_$anyMatch = $el.filter(wo.filter_anyColumnSelector + ',' + wo.filter_multipleColumnSelector); 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); } $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('keypress keyup search change '.split(' ').join(c.namespace + 'filter ')) // include change for select - fixes #473 .bind('keyup' + c.namespace + 'filter', 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(c.namespace + 'filter '), 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('.' + ts.css.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 $filterRow, $filterRow2, timer; $(table) .find('.' + ts.css.filterRow) .addClass('hideme') .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('hideme'); } 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('hideme'); } } } }, 200); }) .find('input, select').bind('focus blur', function(e) { $filterRow2 = $(this).closest('tr'); clearTimeout(timer); var event = e; timer = setTimeout(function() { // don't hide row if any filter has a value if (ts.getFilters(c.$table).join('') === '') { $filterRow2[ event.type === 'focus' ? 'removeClass' : 'addClass']('hideme'); } }, 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 ) { return $input.sort(function(a, b) { return $(b).attr('data-lastSearchTime') - $(a).attr('data-lastSearchTime'); }); }, multipleColumns: function( c, $input ) { // look for multiple columns "1-3,4-6,8" in data-column var ranges, singles, indx, 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 ); $.each(ranges, function(i,v){ var t, range = v.split( /\s*-\s*/ ), start = parseInt( range[0], 10 ) || 0, end = parseInt( range[1], 10 ) || ( c.columns - 1 ); if ( start > end ) { t = start; start = end; end = t; } // swap if ( end >= c.columns ) { end = c.columns - 1; } for ( ; start <= end; start++ ) { columns.push(start); } // remove processed range from val val = val.replace( v, '' ); }); } // process single columns if ( targets && /,/.test( val ) ) { singles = val.split( /\s*,\s*/ ); $.each( singles, function(i,v) { if (v !== '') { indx = parseInt( v, 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; }, findRows: function(table, filters, combinedFilters) { if (table.config.lastCombinedFilter === combinedFilters || !table.config.widgetOptions.filter_initialized) { return; } var len, $rows, rowIndex, tbodyIndex, $tbody, $cells, $cell, columnIndex, childRow, lastSearch, hasSelect, matches, result, showRow, time, val, indx, notFiltered, searchFiltered, filterMatched, excludeMatch, fxn, ffxn, regex = ts.filter.regex, c = table.config, wo = c.widgetOptions, $tbodies = c.$table.children('tbody'), // target all tbodies #568 // data object passed to filters; anyMatch is a flag for the filters data = { anyMatch: false }, // anyMatch really screws up with these types of filters noAnyMatch = [ 'range', 'notMatch', 'operators' ]; // 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] && c.parsers[columnIndex].parsed || // getData won't return "parsed" if other "filter-" class names exist (e.g. ) ts.getData && ts.getData(c.$headers.filter('[data-column="' + columnIndex + '"]:last'), ts.getColumnData( table, c.headers, columnIndex ), 'filter') === 'parsed' || $(this).hasClass('filter-parsed'); }).get(); if (c.debug) { ts.log('Starting filter widget search', filters); time = new Date(); } // filtered rows count c.filteredRows = 0; c.totalRows = 0; // combindedFilters are undefined on init combinedFilters = (filters || []).join(''); for (tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) { if ($tbodies.eq(tbodyIndex).hasClass(c.cssInfoBlock || ts.css.info)) { continue; } // ignore info blocks, issue #264 $tbody = ts.processTbody(table, $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 $rows = $( $.map(c.cache[tbodyIndex].normalized, function(el){ return el[columnIndex].$row.get(); }) ); if (combinedFilters === '' || wo.filter_serversideFiltering) { $rows.removeClass(wo.filter_filteredRow).not('.' + c.cssChildRow).show(); } else { // filter out child rows $rows = $rows.not('.' + c.cssChildRow); len = $rows.length; // 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.$headers.filter('[data-column="' + indx + '"]:last').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( "Searching through " + ( searchFiltered && notFiltered < len ? notFiltered : "all" ) + " rows" ); } if ((wo.filter_$anyMatch && wo.filter_$anyMatch.length) || filters[c.columns]) { data.anyMatchFlag = true; data.anyMatchFilter = wo.filter_$anyMatch && ts.filter.getLatestSearch( wo.filter_$anyMatch ).val() || filters[c.columns] || ''; if (c.sortLocaleCompare) { // replace accents data.anyMatchFilter = ts.replaceAccents(data.anyMatchFilter); } if (wo.filter_defaultFilter && regex.iQuery.test( ts.getColumnData( table, wo.filter_defaultFilter, c.columns, true ) || '')) { data.anyMatchFilter = ts.filter.defaultFilter( data.anyMatchFilter, ts.getColumnData( table, wo.filter_defaultFilter, c.columns, true ) ); // 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.toLocaleLowerCase(); } // loop through the rows for (rowIndex = 0; rowIndex < len; rowIndex++) { data.cacheArray = c.cache[tbodyIndex].normalized[rowIndex]; childRow = $rows[rowIndex].className; // skip child rows & already filtered rows if ( regex.child.test(childRow) || (searchFiltered && regex.filtered.test(childRow)) ) { continue; } showRow = true; // *** nextAll/nextUntil not supported by Zepto! *** childRow = $rows.eq(rowIndex).nextUntil('tr:not(.' + c.cssChildRow + ')'); // 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 data.childRowText = (childRow.length && wo.filter_childRows) ? childRow.text() : ''; data.childRowText = wo.filter_ignoreCase ? data.childRowText.toLocaleLowerCase() : data.childRowText; $cells = $rows.eq(rowIndex).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.rowArray = $cells.map(function(i){ if ( $.inArray(i, columnIndex) > -1 ) { var txt; if (data.parsed[i]) { txt = data.cacheArray[i]; } else { txt = wo.filter_ignoreCase ? $(this).text().toLowerCase() : $(this).text(); 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(' '); filterMatched = null; $.each(ts.filter.types, function(type, typeFunction) { if ($.inArray(type, noAnyMatch) < 0) { matches = typeFunction( c, data ); if (matches !== null) { filterMatched = matches; return false; } } }); 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; } for (columnIndex = 0; columnIndex < c.columns; columnIndex++) { data.filter = filters[columnIndex]; data.index = columnIndex; // filter types to exclude, per column excludeMatch = ( ts.getColumnData( table, wo.filter_excludeFilter, columnIndex, true ) || '' ).split(/\s+/); // 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 { // using older or original tablesorter data.exact = $.trim( $cells.eq(columnIndex).text() ); data.exact = c.sortLocaleCompare ? ts.replaceAccents(data.exact) : data.exact; // issue #405 } data.iExact = !regex.type.test(typeof data.exact) && wo.filter_ignoreCase ? data.exact.toLocaleLowerCase() : data.exact; 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 data.filter = c.sortLocaleCompare ? ts.replaceAccents(data.filter) : data.filter; val = true; if (wo.filter_defaultFilter && regex.iQuery.test( ts.getColumnData( table, wo.filter_defaultFilter, columnIndex ) || '')) { data.filter = ts.filter.defaultFilter( data.filter, ts.getColumnData( table, wo.filter_defaultFilter, 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 || '').toLocaleLowerCase() : data.filter; fxn = ts.getColumnData( table, wo.filter_functions, columnIndex ); $cell = c.$headers.filter('[data-column="' + columnIndex + '"]:last'); hasSelect = $cell.hasClass('filter-select'); if ( fxn || ( hasSelect && val ) ) { if (fxn === true || hasSelect) { // default selector uses exact match unless "filter-match" class is found result = ($cell.hasClass('filter-match')) ? 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 ) result = fxn(data.exact, data.cache, data.filter, columnIndex, $rows.eq(rowIndex)); } else if (typeof fxn[ffxn || data.filter] === 'function') { // selector option function result = fxn[ffxn || data.filter](data.exact, data.cache, data.filter, columnIndex, $rows.eq(rowIndex)); } } else { filterMatched = null; // cycle through the different filters // filters return a boolean or null if nothing matches $.each(ts.filter.types, function(type, typeFunction) { if ($.inArray(type, excludeMatch) < 0) { matches = typeFunction( c, data ); if (matches !== null) { filterMatched = matches; return false; } } }); if (filterMatched !== null) { result = filterMatched; // Look for match, and add child row data for matching } else { data.exact = (data.iExact + data.childRowText).indexOf( ts.filter.parseFilter(c, data.iFilter, columnIndex, data.parsed[columnIndex]) ); result = ( (!wo.filter_startsWith && data.exact >= 0) || (wo.filter_startsWith && data.exact === 0) ); } } showRow = (result) ? showRow : false; } } $rows.eq(rowIndex) .toggle(showRow) .toggleClass(wo.filter_filteredRow, !showRow); if (childRow.length) { childRow.toggleClass(wo.filter_filteredRow, !showRow); } } } c.filteredRows += $rows.not('.' + wo.filter_filteredRow).length; c.totalRows += $rows.length; ts.processTbody(table, $tbody, false); } c.lastCombinedFilter = combinedFilters; // save last search c.lastSearch = filters; c.$table.data('lastSearch', filters); if (wo.filter_saveFilters && ts.storage) { ts.storage( table, 'tablesorter-filters', filters ); } 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) { var cts, 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.$headers.filter('[data-column="' + column + '"]:last').hasClass('filter-select-nosort')) { // unsorted select options return arry; } else { // parse select option values $.each(arry, function(i, v){ // parse array data using set column parser; this DOES NOT pass the original // table cell to the parser format function parsed.push({ t : v, p : c.parsers && c.parsers[column].format( v, table, [], column ) }); }); // 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 = []; $.each(parsed, function(i, v){ arry.push(v.t); }); return arry; } }, getOptions: function(table, column, onlyAvail) { var rowIndex, tbodyIndex, len, row, cache, cell, c = table.config, wo = c.widgetOptions, $tbodies = c.$table.children('tbody'), arry = []; for (tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) { if (!$tbodies.eq(tbodyIndex).hasClass(c.cssInfoBlock)) { 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.$headers.filter('[data-column="' + column + '"]:last').hasClass('filter-parsed')) { arry.push( '' + cache.normalized[rowIndex][column] ); } else { cell = row.cells[column]; if (cell) { arry.push( $.trim( cell.textContent || cell.innerText || $(cell).text() ) ); } } } } } 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.$headers.filter('[data-column="' + column + '"]:last'), // 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.' + ts.css.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] !== '' ? '' : ''; } // 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('.' + ts.css.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.$headers.filter('[data-column="' + columnIndex + '"]:last'); 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) { return $(table).data('lastSearch'); } if (c) { if (c.$filters) { $filters = c.$filters.find('.' + ts.css.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.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 $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; } } } } } 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[0], filter, skipFirst); c.$table.trigger('filterFomatterUpdate'); } return !!valid; }; //Widget: Sticky headers //based on this awesome article: //http://css-tricks.com/13465-persistent-headers/ //and https://github.com/jmosbech/StickyTableHeaders by Jonas Mosbech //************************** ts.addWidget({ id: "stickyHeaders", priority: 60, // sticky widget must be initialized after the filter widget! options: { stickyHeaders : '', // extra class name added to the sticky header row stickyHeaders_attachTo : null, // jQuery selector or object to attach sticky header to stickyHeaders_xScroll : null, // jQuery selector or object to monitor horizontal scroll position (defaults: xScroll > attachTo > window) stickyHeaders_yScroll : null, // jQuery selector or object to monitor vertical scroll position (defaults: yScroll > attachTo > window) stickyHeaders_offset : 0, // number or jquery selector targeting the position:fixed element stickyHeaders_filteredToTop: true, // scroll table top into view after filtering stickyHeaders_cloneId : '-sticky', // added to table ID, if it exists stickyHeaders_addResizeEvent : true, // trigger "resize" event on headers stickyHeaders_includeCaption : true, // if false and a caption exist, it won't be included in the sticky header stickyHeaders_zIndex : 2 // The zIndex of the stickyHeaders, allows the user to adjust this to their needs }, format: function(table, c, wo) { // filter widget doesn't initialize on an empty table. Fixes #449 if ( c.$table.hasClass('hasStickyHeaders') || ($.inArray('filter', c.widgets) >= 0 && !c.$table.hasClass('hasFilters')) ) { return; } var $table = c.$table, $attach = $(wo.stickyHeaders_attachTo), namespace = c.namespace + 'stickyheaders ', // element to watch for the scroll event $yScroll = $(wo.stickyHeaders_yScroll || wo.stickyHeaders_attachTo || window), $xScroll = $(wo.stickyHeaders_xScroll || wo.stickyHeaders_attachTo || window), $thead = $table.children('thead:first'), $header = $thead.children('tr').not('.sticky-false').children(), $tfoot = $table.children('tfoot'), $stickyOffset = isNaN(wo.stickyHeaders_offset) ? $(wo.stickyHeaders_offset) : '', stickyOffset = $attach.length ? 0 : $stickyOffset.length ? $stickyOffset.height() || 0 : parseInt(wo.stickyHeaders_offset, 10) || 0, // is this table nested? If so, find parent sticky header wrapper (div, not table) $nestedSticky = $table.parent().closest('.' + ts.css.table).hasClass('hasStickyHeaders') ? $table.parent().closest('table.tablesorter')[0].config.widgetOptions.$sticky.parent() : [], nestedStickyTop = $nestedSticky.length ? $nestedSticky.height() : 0, // clone table, then wrap to make sticky header $stickyTable = wo.$sticky = $table.clone() .addClass('containsStickyHeaders ' + ts.css.sticky + ' ' + wo.stickyHeaders) .wrap('
'), $stickyWrap = $stickyTable.parent().css({ position : $attach.length ? 'absolute' : 'fixed', margin : 0, top : stickyOffset + nestedStickyTop, left : 0, visibility : 'hidden', zIndex : wo.stickyHeaders_zIndex || 2 }), $stickyThead = $stickyTable.children('thead:first'), $stickyCells, laststate = '', spacing = 0, setWidth = function($orig, $clone){ $orig.filter(':visible').each(function(i) { var width, border, $cell = $clone.filter(':visible').eq(i), $this = $(this); // code from https://github.com/jmosbech/StickyTableHeaders if ($this.css('box-sizing') === 'border-box') { width = $this.outerWidth(); } else { if ($cell.css('border-collapse') === 'collapse') { if (window.getComputedStyle) { width = parseFloat( window.getComputedStyle(this, null).width ); } else { // ie8 only border = parseFloat( $this.css('border-width') ); width = $this.outerWidth() - parseFloat( $this.css('padding-left') ) - parseFloat( $this.css('padding-right') ) - border; } } else { width = $this.width(); } } $cell.css({ 'min-width': width, 'max-width': width }); }); }, resizeHeader = function() { stickyOffset = $stickyOffset.length ? $stickyOffset.height() || 0 : parseInt(wo.stickyHeaders_offset, 10) || 0; spacing = 0; $stickyWrap.css({ left : $attach.length ? parseInt($attach.css('padding-left'), 10) || 0 : $table.offset().left - parseInt($table.css('margin-left'), 10) - $xScroll.scrollLeft() - spacing, width: $table.outerWidth() }); setWidth( $table, $stickyTable ); setWidth( $header, $stickyCells ); }; // fix clone ID, if it exists - fixes #271 if ($stickyTable.attr('id')) { $stickyTable[0].id += wo.stickyHeaders_cloneId; } // clear out cloned table, except for sticky header // include caption & filter row (fixes #126 & #249) - don't remove cells to get correct cell indexing $stickyTable.find('thead:gt(0), tr.sticky-false').hide(); $stickyTable.find('tbody, tfoot').remove(); if (!wo.stickyHeaders_includeCaption) { $stickyTable.find('caption').remove(); } // issue #172 - find td/th in sticky header $stickyCells = $stickyThead.children().children(); $stickyTable.css({ height:0, width:0, margin: 0 }); // remove resizable block $stickyCells.find('.' + ts.css.resizer).remove(); // update sticky header class names to match real header after sorting $table .addClass('hasStickyHeaders') .bind('pagerComplete' + namespace, function() { resizeHeader(); }); ts.bindEvents(table, $stickyThead.children().children('.tablesorter-header')); // add stickyheaders AFTER the table. If the table is selected by ID, the original one (first) will be returned. $table.after( $stickyWrap ); // onRenderHeader is defined, we need to do something about it (fixes #641) if (c.onRenderHeader) { $stickyThead.children('tr').children().each(function(index){ // send second parameter c.onRenderHeader.apply( $(this), [ index, c, $stickyTable ] ); }); } // make it sticky! $xScroll.add($yScroll) .unbind('scroll resize '.split(' ').join( namespace ) ) .bind('scroll resize '.split(' ').join( namespace ), function(event) { if (!$table.is(':visible')) { return; } // fixes #278 // Detect nested tables - fixes #724 nestedStickyTop = $nestedSticky.length ? $nestedSticky.offset().top - $yScroll.scrollTop() + $nestedSticky.height() : 0; var prefix = 'tablesorter-sticky-', offset = $table.offset(), yWindow = $.isWindow( $yScroll[0] ), xWindow = $.isWindow( $xScroll[0] ), // scrollTop = ( $attach.length ? $attach.offset().top : $yScroll.scrollTop() ) + stickyOffset + nestedStickyTop, scrollTop = ( $attach.length ? ( yWindow ? $yScroll.scrollTop() : $yScroll.offset().top ) : $yScroll.scrollTop() ) + stickyOffset + nestedStickyTop, tableHeight = $table.height() - ($stickyWrap.height() + ($tfoot.height() || 0)), isVisible = ( scrollTop > offset.top) && (scrollTop < offset.top + tableHeight) ? 'visible' : 'hidden', cssSettings = { visibility : isVisible }; if ($attach.length) { cssSettings.top = yWindow ? scrollTop : $attach.scrollTop(); } if (xWindow) { // adjust when scrolling horizontally - fixes issue #143 cssSettings.left = $table.offset().left - parseInt($table.css('margin-left'), 10) - $xScroll.scrollLeft() - spacing; } if ($nestedSticky.length) { cssSettings.top = ( cssSettings.top || 0 ) + stickyOffset + nestedStickyTop; } $stickyWrap .removeClass(prefix + 'visible ' + prefix + 'hidden') .addClass(prefix + isVisible) .css(cssSettings); if (isVisible !== laststate || event.type === 'resize') { // make sure the column widths match resizeHeader(); laststate = isVisible; } }); if (wo.stickyHeaders_addResizeEvent) { ts.addHeaderResizeEvent(table); } // look for filter widget if ($table.hasClass('hasFilters') && wo.filter_columnFilters) { // scroll table into view after filtering, if sticky header is active - #482 $table.bind('filterEnd' + namespace, function() { // $(':focus') needs jQuery 1.6+ var $td = $(document.activeElement).closest('td'), column = $td.parent().children().index($td); // only scroll if sticky header is active if ($stickyWrap.hasClass(ts.css.stickyVis) && wo.stickyHeaders_filteredToTop) { // scroll to original table (not sticky clone) window.scrollTo(0, $table.position().top); // give same input/select focus; check if c.$filters exists; fixes #594 if (column >= 0 && c.$filters) { c.$filters.eq(column).find('a, select, input').filter(':visible').focus(); } } }); ts.filter.bindSearch( $table, $stickyCells.find('.' + ts.css.filter) ); // support hideFilters if (wo.filter_hideFilters) { ts.filter.hideFilters($stickyTable, c); } } $table.trigger('stickyHeadersInit'); }, remove: function(table, c, wo) { var namespace = c.namespace + 'stickyheaders '; c.$table .removeClass('hasStickyHeaders') .unbind( 'pagerComplete filterEnd '.split(' ').join(namespace) ) .next('.' + ts.css.stickyWrap).remove(); if (wo.$sticky && wo.$sticky.length) { wo.$sticky.remove(); } // remove cloned table // don't unbind if any table on the page still has stickyheaders applied if (!$('.hasStickyHeaders').length) { $(window).add(wo.stickyHeaders_xScroll).add(wo.stickyHeaders_yScroll).add(wo.stickyHeaders_attachTo) .unbind( 'scroll resize '.split(' ').join(namespace) ); } ts.addHeaderResizeEvent(table, false); } }); //Add Column resizing widget //this widget saves the column widths if //$.tablesorter.storage function is included //************************** ts.addWidget({ id: "resizable", priority: 40, options: { resizable : true, resizable_addLastColumn : false, resizable_widths : [], resizable_throttle : false // set to true (5ms) or any number 0-10 range }, format: function(table, c, wo) { if (c.$table.hasClass('hasResizable')) { return; } c.$table.addClass('hasResizable'); ts.resizableReset(table, true); // set default widths var $rows, $columns, $column, column, timer, storedSizes = {}, $table = c.$table, $wrap = $table.parent(), overflow = $table.parent().css('overflow') === 'auto', mouseXPosition = 0, $target = null, $next = null, fullWidth = Math.abs($table.parent().width() - $table.width()) < 20, mouseMove = function(event){ if (mouseXPosition === 0 || !$target) { return; } // resize columns var leftEdge = event.pageX - mouseXPosition, targetWidth = $target.width(); $target.width( targetWidth + leftEdge ); if ($target.width() !== targetWidth && fullWidth) { $next.width( $next.width() - leftEdge ); } else if (overflow) { $table.width(function(i, w){ return w + leftEdge; }); if (!$next.length) { // if expanding right-most column, scroll the wrapper $wrap[0].scrollLeft = $table.width(); } } mouseXPosition = event.pageX; }, stopResize = function() { if (ts.storage && $target && $next) { storedSizes = {}; storedSizes[$target.index()] = $target.width(); storedSizes[$next.index()] = $next.width(); $target.width( storedSizes[$target.index()] ); $next.width( storedSizes[$next.index()] ); if (wo.resizable !== false) { // save all column widths ts.storage(table, 'tablesorter-resizable', c.$headers.map(function(){ return $(this).width(); }).get() ); } } mouseXPosition = 0; $target = $next = null; $(window).trigger('resize'); // will update stickyHeaders, just in case }; storedSizes = (ts.storage && wo.resizable !== false) ? ts.storage(table, 'tablesorter-resizable') : {}; // process only if table ID or url match if (storedSizes) { for (column in storedSizes) { if (!isNaN(column) && column < c.$headers.length) { c.$headers.eq(column).width(storedSizes[column]); // set saved resizable widths } } } $rows = $table.children('thead:first').children('tr'); // add resizable-false class name to headers (across rows as needed) $rows.children().each(function() { var canResize, $column = $(this); column = $column.attr('data-column'); canResize = ts.getData( $column, ts.getColumnData( table, c.headers, column ), 'resizable') === "false"; $rows.children().filter('[data-column="' + column + '"]')[canResize ? 'addClass' : 'removeClass']('resizable-false'); }); // add wrapper inside each cell to allow for positioning of the resizable target block $rows.each(function() { $column = $(this).children().not('.resizable-false'); if (!$(this).find('.' + ts.css.wrapper).length) { // Firefox needs this inner div to position the resizer correctly $column.wrapInner('
'); } // don't include the last column of the row if (!wo.resizable_addLastColumn) { $column = $column.slice(0,-1); } $columns = $columns ? $columns.add($column) : $column; }); $columns .each(function() { var $column = $(this), padding = parseInt($column.css('padding-right'), 10) + 10; // 10 is 1/2 of the 20px wide resizer $column .find('.' + ts.css.wrapper) .append('
'); }) .find('.' + ts.css.resizer) .bind('mousedown', function(event) { // save header cell and mouse position $target = $(event.target).closest('th'); var $header = c.$headers.filter('[data-column="' + $target.attr('data-column') + '"]'); if ($header.length > 1) { $target = $target.add($header); } // if table is not as wide as it's parent, then resize the table $next = event.shiftKey ? $target.parent().find('th').not('.resizable-false').filter(':last') : $target.nextAll(':not(.resizable-false)').eq(0); mouseXPosition = event.pageX; }); $(document) .bind('mousemove.tsresize', function(event) { // ignore mousemove if no mousedown if (mouseXPosition === 0 || !$target) { return; } if (wo.resizable_throttle) { clearTimeout(timer); timer = setTimeout(function(){ mouseMove(event); }, isNaN(wo.resizable_throttle) ? 5 : wo.resizable_throttle ); } else { mouseMove(event); } }) .bind('mouseup.tsresize', function() { stopResize(); }); // right click to reset columns to default widths $table.find('thead:first').bind('contextmenu.tsresize', function() { ts.resizableReset(table); // $.isEmptyObject() needs jQuery 1.4+; allow right click if already reset var allowClick = $.isEmptyObject ? $.isEmptyObject(storedSizes) : true; storedSizes = {}; return allowClick; }); }, remove: function(table, c) { c.$table .removeClass('hasResizable') .children('thead') .unbind('mouseup.tsresize mouseleave.tsresize contextmenu.tsresize') .children('tr').children() .unbind('mousemove.tsresize mouseup.tsresize') // don't remove "tablesorter-wrapper" as uitheme uses it too .find('.' + ts.css.resizer).remove(); ts.resizableReset(table); } }); ts.resizableReset = function(table, nosave) { $(table).each(function(){ var $t, c = this.config, wo = c && c.widgetOptions; if (table && c) { c.$headers.each(function(i){ $t = $(this); if (wo.resizable_widths[i]) { $t.css('width', wo.resizable_widths[i]); } else if (!$t.hasClass('resizable-false')) { // don't clear the width of any column that is not resizable $t.css('width',''); } }); if (ts.storage && !nosave) { ts.storage(this, 'tablesorter-resizable', {}); } } }); }; //Save table sort widget //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]); } } }, remove: function(table) { // clear storage if (ts.storage) { ts.storage( table, 'tablesorter-savesort', '' ); } } }); })(jQuery, window);




© 2015 - 2025 Weber Informatics LLC | Privacy Policy