/ajax/libs/jquery.tablesorter/2.15.7/js/jquery.tablesorter.widgets-filter-formatter.js

https://gitlab.com/Mirros/cdnjs · JavaScript · 1130 lines · 836 code · 113 blank · 181 comment · 170 complexity · 7062e9133eec626c5722c4602bfadcaa MD5 · raw file 

    

  1. /*! Filter widget formatter functions - updated 3/9/2014 (v2.15.7)
    2. 

  2.  * requires: tableSorter 2.15+ and jQuery 1.4.3+
    3. 

  3.  *
    4. 

  4.  * uiSpinner (jQuery UI spinner)
    5. 

  5.  * uiSlider (jQuery UI slider)
    6. 

  6.  * uiRange (jQuery UI range slider)
    7. 

  7.  * uiDateCompare (jQuery UI datepicker; 1 input)
    8. 

  8.  * uiDatepicker (jQuery UI datepicker; 2 inputs, filter range)
    9. 

  9.  * html5Number (spinner)
    10. 

  10.  * html5Range (slider)
    11. 

  11.  * html5Color (color)
    12. 

  12.  */
    13. 

  13. /*jshint browser:true, jquery:true, unused:false */
    14. 

  14. /*global jQuery: false */
    15. 

  15. ;(function($){
    16. 

  16. "use strict";
    17. 

  17. 

  18. var ts = $.tablesorter || {},
    19. 

  19. 

  20. // compare option selector class name (jQuery selector)
    21. 

  21. compareSelect = '.compare-select',
    22. 

  22. 

  23. tsff = ts.filterFormatter = {
    24. 

  24. 

  25. 	addCompare: function($cell, indx, options){
    26. 

  26. 		if (options.compare && $.isArray(options.compare) && options.compare.length > 1) {
    27. 

  27. 			var opt = '',
    28. 

  28. 				compareSelectClass = [ compareSelect.slice(1), ' ' + compareSelect.slice(1), '' ],
    29. 

  29. 				txt = options.cellText ? '<label class="' + compareSelectClass.join('-label') + indx + '">' + options.cellText + '</label>' : '';
    30. 

  30. 			$.each(options.compare, function(i, c){
    31. 

  31. 				opt += '<option ' + (options.selected === i ? 'selected' : '') + '>' + c + '</option>';
    32. 

  32. 			});
    33. 

  33. 			$cell
    34. 

  34. 				.wrapInner('<div class="' + compareSelectClass.join('-wrapper') + indx + '" />')
    35. 

  35. 				.prepend( txt + '<select class="' + compareSelectClass.join('') + indx + '" />' )
    36. 

  36. 				.find('select')
    37. 

  37. 				.append(opt);
    38. 

  38. 		}
    39. 

  39. 	},
    40. 

  40. 

  41. 	updateCompare : function($cell, $input, o) {
    42. 

  42. 		var val = $input.val() || '',
    43. 

  43. 			num = val.replace(/\s*?[><=]\s*?/g, ''),
    44. 

  44. 			compare = val.match(/[><=]/g) || '';
    45. 

  45. 		if (o.compare) {
    46. 

  46. 			if ($.isArray(o.compare)){
    47. 

  47. 				compare = (compare || []).join('') || o.compare[o.selected || 0];
    48. 

  48. 			}
    49. 

  49. 			$cell.find(compareSelect).val( compare );
    50. 

  50. 		}
    51. 

  51. 		return [ val, num ];
    52. 

  52. 	},
    53. 

  53. 

  54. 	/**********************\
    55. 

  55. 	jQuery UI Spinner
    56. 

  56. 	\**********************/
    57. 

  57. 	uiSpinner: function($cell, indx, spinnerDef) {
    58. 

  58. 		var o = $.extend({
    59. 

  59. 			// filter formatter options
    60. 

  60. 			delayed : true,
    61. 

  61. 			addToggle : true,
    62. 

  62. 			exactMatch : true,
    63. 

  63. 			value : 1,
    64. 

  64. 			cellText : '',
    65. 

  65. 			compare : '',
    66. 

  66. 			// include ANY jQuery UI spinner options below
    67. 

  67. 			min : 0,
    68. 

  68. 			max : 100,
    69. 

  69. 			step : 1,
    70. 

  70. 			disabled : false
    71. 

  71. 

  72. 		}, spinnerDef ),
    73. 

  73. 		// Add a hidden input to hold the range values
    74. 

  74. 		$input = $('<input class="filter" type="hidden">')
    75. 

  75. 			.appendTo($cell)
    76. 

  76. 			// hidden filter update namespace trigger by filter widget
    77. 

  77. 			.bind('change' + c.namespace + 'filter', function(){
    78. 

  78. 				updateSpinner({ value: this.value, delayed: false });
    79. 

  79. 			}),
    80. 

  80. 		$shcell = [],
    81. 

  81. 		c = $cell.closest('table')[0].config,
    82. 

  82. 

  83. 		// this function updates the hidden input and adds the current values to the header cell text
    84. 

  84. 		updateSpinner = function(ui, notrigger) {
    85. 

  85. 			var chkd = true, state,
    86. 

  86. 				// ui is not undefined on create
    87. 

  87. 				v = ui && ui.value && ts.formatFloat((ui.value + '').replace(/[><=]/g,'')) ||
    88. 

  88. 					$cell.find('.spinner').val() || o.value,
    89. 

  89. 				compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
    90. 

  90. 				searchType = ui && typeof ui.delayed === 'boolean' ? ui.delayed : c.$table[0].hasInitialized ? o.delayed : true;
    91. 

  91. 			if (o.addToggle) {
    92. 

  92. 				chkd = $cell.find('.toggle').is(':checked');
    93. 

  93. 			}
    94. 

  94. 			state = o.disabled || !chkd ? 'disable' : 'enable';
    95. 

  95. 			$cell.find('.filter')
    96. 

  96. 				// add equal to the beginning, so we filter exact numbers
    97. 

  97. 				.val( chkd ? (compare ? compare : o.exactMatch ? '=' : '') + v : '' )
    98. 

  98. 				.trigger( notrigger ? '' : 'search', searchType ).end()
    99. 

  99. 				.find('.spinner').spinner(state).val(v);
    100. 

  100. 			// update sticky header cell
    101. 

  101. 			if ($shcell.length) {
    102. 

  102. 				$shcell
    103. 

  103. 					.find('.spinner').spinner(state).val(v).end()
    104. 

  104. 					.find(compareSelect).val( compare );
    105. 

  105. 				if (o.addToggle) {
    106. 

  106. 					$shcell.find('.toggle')[0].checked = chkd;
    107. 

  107. 				}
    108. 

  108. 			}
    109. 

  109. 		};
    110. 

  110. 

  111. 		// add callbacks; preserve added callbacks
    112. 

  112. 		o.oldcreate = o.create;
    113. 

  113. 		o.oldspin = o.spin;
    114. 

  114. 		o.create = function(event, ui) {
    115. 

  115. 			updateSpinner(); // ui is an empty object on create
    116. 

  116. 			if (typeof o.oldcreate === 'function') { o.oldcreate(event, ui); }
    117. 

  117. 		};
    118. 

  118. 		o.spin  = function(event, ui) {
    119. 

  119. 			updateSpinner(ui);
    120. 

  120. 			if (typeof o.oldspin === 'function') { o.oldspin(event, ui); }
    121. 

  121. 		};
    122. 

  122. 		if (o.addToggle) {
    123. 

  123. 			$('<div class="button"><input id="uispinnerbutton' + indx + '" type="checkbox" class="toggle" />' +
    124. 

  124. 				'<label for="uispinnerbutton' + indx + '"></label></div>')
    125. 

  125. 				.appendTo($cell)
    126. 

  126. 				.find('.toggle')
    127. 

  127. 				.bind('change', function(){
    128. 

  128. 					updateSpinner();
    129. 

  129. 				});
    130. 

  130. 		}
    131. 

  131. 		// make sure we use parsed data
    132. 

  132. 		$cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed');
    133. 

  133. 		// add a jQuery UI spinner!
    134. 

  134. 		$('<input class="spinner spinner' + indx + '" />')
    135. 

  135. 			.val(o.value)
    136. 

  136. 			.appendTo($cell)
    137. 

  137. 			.spinner(o)
    138. 

  138. 			.bind('change keyup', function(){
    139. 

  139. 				updateSpinner();
    140. 

  140. 			});
    141. 

  141. 

  142. 		// update spinner from hidden input, in case of saved filters
    143. 

  143. 		c.$table.bind('filterFomatterUpdate', function(){
    144. 

  144. 			var val = tsff.updateCompare($cell, $input, o)[0];
    145. 

  145. 			$cell.find('.spinner').val( val );
    146. 

  146. 			updateSpinner({ value: val }, true);
    147. 

  147. 		});
    148. 

  148. 

  149. 		if (o.compare) {
    150. 

  150. 			// add compare select
    151. 

  151. 			tsff.addCompare($cell, indx, o);
    152. 

  152. 			$cell.find(compareSelect).bind('change', function(){
    153. 

  153. 				updateSpinner();
    154. 

  154. 			});
    155. 

  155. 		}
    156. 

  156. 

  157. 		// has sticky headers?
    158. 

  158. 		c.$table.bind('stickyHeadersInit', function(){
    159. 

  159. 			$shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
    160. 

  160. 			if (o.addToggle) {
    161. 

  161. 				$('<div class="button"><input id="stickyuispinnerbutton' + indx + '" type="checkbox" class="toggle" />' +
    162. 

  162. 					'<label for="stickyuispinnerbutton' + indx + '"></label></div>')
    163. 

  163. 					.appendTo($shcell)
    164. 

  164. 					.find('.toggle')
    165. 

  165. 					.bind('change', function(){
    166. 

  166. 						$cell.find('.toggle')[0].checked = this.checked;
    167. 

  167. 						updateSpinner();
    168. 

  168. 					});
    169. 

  169. 			}
    170. 

  170. 			// add a jQuery UI spinner!
    171. 

  171. 			$('<input class="spinner spinner' + indx + '" />')
    172. 

  172. 				.val(o.value)
    173. 

  173. 				.appendTo($shcell)
    174. 

  174. 				.spinner(o)
    175. 

  175. 				.bind('change keyup', function(){
    176. 

  176. 					$cell.find('.spinner').val( this.value );
    177. 

  177. 					updateSpinner();
    178. 

  178. 				});
    179. 

  179. 

  180. 			if (o.compare) {
    181. 

  181. 				// add compare select
    182. 

  182. 				tsff.addCompare($shcell, indx, o);
    183. 

  183. 				$shcell.find(compareSelect).bind('change', function(){
    184. 

  184. 					$cell.find(compareSelect).val( $(this).val() );
    185. 

  185. 					updateSpinner();
    186. 

  186. 				});
    187. 

  187. 			}
    188. 

  188. 

  189. 		});
    190. 

  190. 

  191. 		// on reset
    192. 

  192. 		c.$table.bind('filterReset', function(){
    193. 

  193. 			if ($.isArray(o.compare)) {
    194. 

  194. 				$cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
    195. 

  195. 			}
    196. 

  196. 			// turn off the toggle checkbox
    197. 

  197. 			if (o.addToggle) {
    198. 

  198. 				$cell.find('.toggle')[0].checked = false;
    199. 

  199. 			}
    200. 

  200. 			$cell.find('.spinner').spinner('value', o.value);
    201. 

  201. 			setTimeout(function(){
    202. 

  202. 				updateSpinner();
    203. 

  203. 			}, 0);
    204. 

  204. 		});
    205. 

  205. 

  206. 		updateSpinner();
    207. 

  207. 		return $input;
    208. 

  208. 	},
    209. 

  209. 

  210. 	/**********************\
    211. 

  211. 	jQuery UI Slider
    212. 

  212. 	\**********************/
    213. 

  213. 	uiSlider: function($cell, indx, sliderDef) {
    214. 

  214. 		var o = $.extend({
    215. 

  215. 			// filter formatter options
    216. 

  216. 			delayed : true,
    217. 

  217. 			valueToHeader : false,
    218. 

  218. 			exactMatch : true,
    219. 

  219. 			cellText : '',
    220. 

  220. 			compare : '',
    221. 

  221. 			allText : 'all',
    222. 

  222. 			// include ANY jQuery UI spinner options below
    223. 

  223. 			// except values, since this is a non-range setup
    224. 

  224. 			value : 0,
    225. 

  225. 			min : 0,
    226. 

  226. 			max : 100,
    227. 

  227. 			step : 1,
    228. 

  228. 			range : "min"
    229. 

  229. 		}, sliderDef ),
    230. 

  230. 		// Add a hidden input to hold the range values
    231. 

  231. 		$input = $('<input class="filter" type="hidden">')
    232. 

  232. 			.appendTo($cell)
    233. 

  233. 			// hidden filter update namespace trigger by filter widget
    234. 

  234. 			.bind('change' + c.namespace + 'filter', function(){
    235. 

  235. 				updateSlider({ value: this.value });
    236. 

  236. 			}),
    237. 

  237. 		$shcell = [],
    238. 

  238. 		c = $cell.closest('table')[0].config,
    239. 

  239. 

  240. 		// this function updates the hidden input and adds the current values to the header cell text
    241. 

  241. 		updateSlider = function(ui, notrigger) {
    242. 

  242. 			// ui is not undefined on create
    243. 

  243. 			var v = typeof ui !== "undefined" ? ts.formatFloat((ui.value + '').replace(/[><=]/g,'')) || o.value : o.value,
    244. 

  244. 				val = o.compare ? v : v === o.min ? o.allText : v,
    245. 

  245. 				compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
    246. 

  246. 				result = compare + val,
    247. 

  247. 				searchType = ui && typeof ui.delayed === 'boolean' ? ui.delayed : c.$table[0].hasInitialized ? o.delayed : true;
    248. 

  248. 			if (o.valueToHeader) {
    249. 

  249. 				// add range indication to the header cell above!
    250. 

  250. 				$cell.closest('thead').find('th[data-column=' + indx + ']').find('.curvalue').html(' (' + result + ')');
    251. 

  251. 			} else {
    252. 

  252. 				// add values to the handle data-value attribute so the css tooltip will work properly
    253. 

  253. 				$cell.find('.ui-slider-handle').addClass('value-popup').attr('data-value', result);
    254. 

  254. 			}
    255. 

  255. 			// update the hidden input;
    256. 

  256. 			// ****** ADD AN EQUAL SIGN TO THE BEGINNING! <- this makes the slide exactly match the number ******
    257. 

  257. 			// when the value is at the minimum, clear the hidden input so all rows will be seen
    258. 

  258. 

  259. 			$cell.find('.filter')
    260. 

  260. 				.val( ( compare ? compare + v : v === o.min ? '' : (o.exactMatch ? '=' : '') + v ) )
    261. 

  261. 				.trigger( notrigger ? '' : 'search', searchType ).end()
    262. 

  262. 				.find('.slider').slider('value', v);
    263. 

  263. 

  264. 			// update sticky header cell
    265. 

  265. 			if ($shcell.length) {
    266. 

  266. 				$shcell
    267. 

  267. 					.find(compareSelect).val( compare ).end()
    268. 

  268. 					.find('.slider').slider('value', v);
    269. 

  269. 				if (o.valueToHeader) {
    270. 

  270. 					$shcell.closest('thead').find('th[data-column=' + indx + ']').find('.curvalue').html(' (' + result + ')');
    271. 

  271. 				} else {
    272. 

  272. 					$shcell.find('.ui-slider-handle').addClass('value-popup').attr('data-value', result);
    273. 

  273. 				}
    274. 

  274. 			}
    275. 

  275. 

  276. 		};
    277. 

  277. 		$cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed');
    278. 

  278. 

  279. 		// add span to header for value - only works if the line in the updateSlider() function is also un-commented out
    280. 

  280. 		if (o.valueToHeader) {
    281. 

  281. 			$cell.closest('thead').find('th[data-column=' + indx + ']').find('.tablesorter-header-inner').append('<span class="curvalue" />');
    282. 

  282. 		}
    283. 

  283. 

  284. 		// add callbacks; preserve added callbacks
    285. 

  285. 		o.oldcreate = o.create;
    286. 

  286. 		o.oldslide = o.slide;
    287. 

  287. 		o.create = function(event, ui) {
    288. 

  288. 			updateSlider(); // ui is an empty object on create
    289. 

  289. 			if (typeof o.oldcreate === 'function') { o.oldcreate(event, ui); }
    290. 

  290. 		};
    291. 

  291. 		o.slide  = function(event, ui) {
    292. 

  292. 			updateSlider(ui);
    293. 

  293. 			if (typeof o.oldslide === 'function') { o.oldslide(event, ui); }
    294. 

  294. 		};
    295. 

  295. 		// add a jQuery UI slider!
    296. 

  296. 		$('<div class="slider slider' + indx + '"/>')
    297. 

  297. 			.appendTo($cell)
    298. 

  298. 			.slider(o);
    299. 

  299. 

  300. 		// update slider from hidden input, in case of saved filters
    301. 

  301. 		c.$table.bind('filterFomatterUpdate', function(){
    302. 

  302. 			var val = tsff.updateCompare($cell, $input, o)[0];
    303. 

  303. 			$cell.find('.slider').slider('value', val );
    304. 

  304. 			updateSlider({ value: val }, false);
    305. 

  305. 		});
    306. 

  306. 

  307. 		if (o.compare) {
    308. 

  308. 			// add compare select
    309. 

  309. 			tsff.addCompare($cell, indx, o);
    310. 

  310. 			$cell.find(compareSelect).bind('change', function(){
    311. 

  311. 				updateSlider({ value: $cell.find('.slider').slider('value') });
    312. 

  312. 			});
    313. 

  313. 		}
    314. 

  314. 

  315. 		// on reset
    316. 

  316. 		c.$table.bind('filterReset', function(){
    317. 

  317. 			if ($.isArray(o.compare)) {
    318. 

  318. 				$cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
    319. 

  319. 			}
    320. 

  320. 			setTimeout(function(){
    321. 

  321. 				updateSlider({ value: o.value });
    322. 

  322. 			}, 0);
    323. 

  323. 		});
    324. 

  324. 

  325. 		// has sticky headers?
    326. 

  326. 		c.$table.bind('stickyHeadersInit', function(){
    327. 

  327. 			$shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
    328. 

  328. 

  329. 			// add a jQuery UI slider!
    330. 

  330. 			$('<div class="slider slider' + indx + '"/>')
    331. 

  331. 				.val(o.value)
    332. 

  332. 				.appendTo($shcell)
    333. 

  333. 				.slider(o)
    334. 

  334. 				.bind('change keyup', function(){
    335. 

  335. 					$cell.find('.slider').slider('value', this.value );
    336. 

  336. 					updateSlider();
    337. 

  337. 				});
    338. 

  338. 

  339. 			if (o.compare) {
    340. 

  340. 				// add compare select
    341. 

  341. 				tsff.addCompare($shcell, indx, o);
    342. 

  342. 				$shcell.find(compareSelect).bind('change', function(){
    343. 

  343. 					$cell.find(compareSelect).val( $(this).val() );
    344. 

  344. 					updateSlider();
    345. 

  345. 				});
    346. 

  346. 			}
    347. 

  347. 

  348. 		});
    349. 

  349. 

  350. 		return $input;
    351. 

  351. 	},
    352. 

  352. 

  353. 	/*************************\
    354. 

  354. 	jQuery UI Range Slider (2 handles)
    355. 

  355. 	\*************************/
    356. 

  356. 	uiRange: function($cell, indx, rangeDef) {
    357. 

  357. 		var o = $.extend({
    358. 

  358. 			// filter formatter options
    359. 

  359. 			delayed : true,
    360. 

  360. 			valueToHeader : false,
    361. 

  361. 			// include ANY jQuery UI spinner options below
    362. 

  362. 			// except value, since this one is range specific)
    363. 

  363. 			values : [0, 100],
    364. 

  364. 			min : 0,
    365. 

  365. 			max : 100,
    366. 

  366. 			range : true
    367. 

  367. 		}, rangeDef ),
    368. 

  368. 		// Add a hidden input to hold the range values
    369. 

  369. 		$input = $('<input class="filter" type="hidden">')
    370. 

  370. 			.appendTo($cell)
    371. 

  371. 			// hidden filter update namespace trigger by filter widget
    372. 

  372. 			.bind('change' + c.namespace + 'filter', function(){
    373. 

  373. 				getRange();
    374. 

  374. 			}),
    375. 

  375. 		$shcell = [],
    376. 

  376. 		c = $cell.closest('table')[0].config,
    377. 

  377. 

  378. 		getRange = function(){
    379. 

  379. 			var val = $input.val(),
    380. 

  380. 				v = val.split(' - ');
    381. 

  381. 			if (val === '') { v = [ o.min, o.max ]; }
    382. 

  382. 			if (v && v[1]) {
    383. 

  383. 				updateUiRange({ values: v, delay: false }, true);
    384. 

  384. 			}
    385. 

  385. 		},
    386. 

  386. 

  387. 		// this function updates the hidden input and adds the current values to the header cell text
    388. 

  388. 		updateUiRange = function(ui, notrigger) {
    389. 

  389. 			// ui.values are undefined for some reason on create
    390. 

  390. 			var val = ui && ui.values || o.values,
    391. 

  391. 				result = val[0] + ' - ' + val[1],
    392. 

  392. 				// make range an empty string if entire range is covered so the filter row will hide (if set)
    393. 

  393. 				range = val[0] === o.min && val[1] === o.max ? '' : result,
    394. 

  394. 				searchType = ui && typeof ui.delayed === 'boolean' ? ui.delayed : c.$table[0].hasInitialized ? o.delayed : true;
    395. 

  395. 			if (o.valueToHeader) {
    396. 

  396. 				// add range indication to the header cell above (if not using the css method)!
    397. 

  397. 				$cell.closest('thead').find('th[data-column=' + indx + ']').find('.currange').html(' (' + result + ')');
    398. 

  398. 			} else {
    399. 

  399. 				// add values to the handle data-value attribute so the css tooltip will work properly
    400. 

  400. 				$cell.find('.ui-slider-handle')
    401. 

  401. 					.addClass('value-popup')
    402. 

  402. 					.eq(0).attr('data-value', val[0]).end() // adding value to data attribute
    403. 

  403. 					.eq(1).attr('data-value', val[1]);      // value popup shown via css
    404. 

  404. 			}
    405. 

  405. 			// update the hidden input
    406. 

  406. 			$cell.find('.filter').val(range)
    407. 

  407. 				.trigger(notrigger ? '' : 'search', searchType).end()
    408. 

  408. 				.find('.range').slider('values', val);
    409. 

  409. 			// update sticky header cell
    410. 

  410. 			if ($shcell.length) {
    411. 

  411. 				$shcell.find('.range').slider('values', val);
    412. 

  412. 				if (o.valueToHeader) {
    413. 

  413. 					$shcell.closest('thead').find('th[data-column=' + indx + ']').find('.currange').html(' (' + result + ')');
    414. 

  414. 				} else {
    415. 

  415. 					$shcell.find('.ui-slider-handle')
    416. 

  416. 					.addClass('value-popup')
    417. 

  417. 					.eq(0).attr('data-value', val[0]).end() // adding value to data attribute
    418. 

  418. 					.eq(1).attr('data-value', val[1]);      // value popup shown via css
    419. 

  419. 				}
    420. 

  420. 			}
    421. 

  421. 

  422. 		};
    423. 

  423. 		$cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed');
    424. 

  424. 

  425. 		// add span to header for value - only works if the line in the updateUiRange() function is also un-commented out
    426. 

  426. 		if (o.valueToHeader) {
    427. 

  427. 			$cell.closest('thead').find('th[data-column=' + indx + ']').find('.tablesorter-header-inner').append('<span class="currange"/>');
    428. 

  428. 		}
    429. 

  429. 

  430. 		// add callbacks; preserve added callbacks
    431. 

  431. 		o.oldcreate = o.create;
    432. 

  432. 		o.oldslide = o.slide;
    433. 

  433. 		// add a jQuery UI range slider!
    434. 

  434. 		o.create = function(event, ui) {
    435. 

  435. 			updateUiRange(); // ui is an empty object on create
    436. 

  436. 			if (typeof o.oldcreate === 'function') { o.oldcreate(event, ui); }
    437. 

  437. 		};
    438. 

  438. 		o.slide  = function(event, ui) {
    439. 

  439. 			updateUiRange(ui);
    440. 

  440. 			if (typeof o.oldslide === 'function') { o.oldslide(event, ui); }
    441. 

  441. 		};
    442. 

  442. 		$('<div class="range range' + indx +'"/>')
    443. 

  443. 			.appendTo($cell)
    444. 

  444. 			.slider(o);
    445. 

  445. 

  446. 		// update slider from hidden input, in case of saved filters
    447. 

  447. 		c.$table.bind('filterFomatterUpdate', function(){
    448. 

  448. 			getRange();
    449. 

  449. 		});
    450. 

  450. 

  451. 		// on reset
    452. 

  452. 		c.$table.bind('filterReset', function(){
    453. 

  453. 			$cell.find('.range').slider('values', o.values);
    454. 

  454. 			setTimeout(function(){
    455. 

  455. 				updateUiRange();
    456. 

  456. 			}, 0);
    457. 

  457. 		});
    458. 

  458. 

  459. 		// has sticky headers?
    460. 

  460. 		c.$table.bind('stickyHeadersInit', function(){
    461. 

  461. 			$shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
    462. 

  462. 

  463. 		// add a jQuery UI slider!
    464. 

  464. 		$('<div class="range range' + indx + '"/>')
    465. 

  465. 			.val(o.value)
    466. 

  466. 			.appendTo($shcell)
    467. 

  467. 			.slider(o)
    468. 

  468. 			.bind('change keyup', function(){
    469. 

  469. 				$cell.find('.range').val( this.value );
    470. 

  470. 				updateUiRange();
    471. 

  471. 			});
    472. 

  472. 

  473. 		});
    474. 

  474. 

  475. 		// return the hidden input so the filter widget has a reference to it
    476. 

  476. 		return $input;
    477. 

  477. 	},
    478. 

  478. 

  479. 	/*************************\
    480. 

  480. 	jQuery UI Datepicker compare (1 input)
    481. 

  481. 	\*************************/
    482. 

  482. 	uiDateCompare: function($cell, indx, defDate) {
    483. 

  483. 		var o = $.extend({
    484. 

  484. 			// filter formatter options
    485. 

  485. 			cellText : '',
    486. 

  486. 			compare : '',
    487. 

  487. 			endOfDay : true,
    488. 

  488. 			// include ANY jQuery UI spinner options below
    489. 

  489. 

  490. 			defaultDate : '',
    491. 

  491. 

  492. 			changeMonth : true,
    493. 

  493. 			changeYear : true,
    494. 

  494. 			numberOfMonths : 1
    495. 

  495. 		}, defDate),
    496. 

  496. 

  497. 		$date,
    498. 

  498. 		// make sure we're using parsed dates in the search
    499. 

  499. 		$hdr = $cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed'),
    500. 

  500. 		// Add a hidden input to hold the range values
    501. 

  501. 		$input = $('<input class="dateCompare" type="hidden">')
    502. 

  502. 			.appendTo($cell)
    503. 

  503. 			// hidden filter update namespace trigger by filter widget
    504. 

  504. 			.bind('change' + c.namespace + 'filter', function(){
    505. 

  505. 				var v = this.value;
    506. 

  506. 				if (v) {
    507. 

  507. 					o.onClose(v);
    508. 

  508. 				}
    509. 

  509. 			}),
    510. 

  510. 		t, $shcell = [],
    511. 

  511. 		c = $cell.closest('table')[0].config,
    512. 

  512. 

  513. 		// this function updates the hidden input
    514. 

  514. 		date1Compare = function(v, notrigger) {
    515. 

  515. 			var date, query,
    516. 

  516. 				getdate = v || $date.datepicker('getDate') || '',
    517. 

  517. 				compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
    518. 

  518. 				searchType = c.$table[0].hasInitialized ? o.delayed : true;
    519. 

  519. 			$date.datepicker('setDate', getdate === '' ? o.defaultDate || '' : getdate);
    520. 

  520. 			if (getdate === '') { notrigger = false; }
    521. 

  521. 			date = $date.datepicker('getDate');
    522. 

  522. 			query = date ? ( o.endOfDay && /<=/.test(compare) ? date.setHours(23, 59, 59) : date.getTime() ) || '' : '';
    523. 

  523. 			if (date && o.endOfDay && compare === '=') {
    524. 

  524. 				compare = '';
    525. 

  525. 				query += ' - ' + date.setHours(23, 59, 59);
    526. 

  526. 				notrigger = false;
    527. 

  527. 			}
    528. 

  528. 			$cell.find('.dateCompare')
    529. 

  529. 			// add equal to the beginning, so we filter exact numbers
    530. 

  530. 				.val(compare + query)
    531. 

  531. 				.trigger( notrigger ? '' : 'search', searchType ).end();
    532. 

  532. 			// update sticky header cell
    533. 

  533. 			if ($shcell.length) {
    534. 

  534. 				$shcell
    535. 

  535. 					.find('.dateCompare').val(compare + query).end()
    536. 

  536. 					.find(compareSelect).val(compare);
    537. 

  537. 			}
    538. 

  538. 		};
    539. 

  539. 

  540. 		// Add date range picker
    541. 

  541. 		t = '<input type="text" class="date date' + indx + '" placeholder="' +
    542. 

  542. 			($hdr.data('placeholder') || $hdr.attr('data-placeholder') || '') + '" />';
    543. 

  543. 		$date = $(t).appendTo($cell);
    544. 

  544. 

  545. 		// add callbacks; preserve added callbacks
    546. 

  546. 		o.oldonClose = o.onClose;
    547. 

  547. 

  548. 		o.onClose = function( selectedDate, ui ) {
    549. 

  549. 			date1Compare();
    550. 

  550. 			if (typeof o.oldonClose === 'function') { o.oldonClose(selectedDate, ui); }
    551. 

  551. 		};
    552. 

  552. 		$date.datepicker(o);
    553. 

  553. 

  554. 		// on reset
    555. 

  555. 		c.$table.bind('filterReset', function(){
    556. 

  556. 			if ($.isArray(o.compare)) {
    557. 

  557. 				$cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
    558. 

  558. 			}
    559. 

  559. 			$cell.add($shcell).find('.date').val(o.defaultDate).datepicker('setDate', '');
    560. 

  560. 			setTimeout(function(){
    561. 

  561. 				date1Compare();
    562. 

  562. 			}, 0);
    563. 

  563. 		});
    564. 

  564. 

  565. 		// update date compare from hidden input, in case of saved filters
    566. 

  566. 		c.$table.bind('filterFomatterUpdate', function(){
    567. 

  567. 			var num, v = $input.val();
    568. 

  568. 			if (/\s+-\s+/.test(v)) {
    569. 

  569. 				// date range found; assume an exact match on one day
    570. 

  570. 				$cell.find(compareSelect).val('=');
    571. 

  571. 				num = new Date ( Number( v.split(/\s+-\s+/)[0] ) );
    572. 

  572. 				$date.datepicker( 'setDate', num );
    573. 

  573. 			} else {
    574. 

  574. 				num = (tsff.updateCompare($cell, $input, o)[1]).toString() || '';
    575. 

  575. 				// differeniate 1388556000000 from 1/1/2014 using \d{5} regex
    576. 

  576. 				num = num !== '' ? new Date( /\d{5}/g.test(num) ? Number(num) : num ) || '' : '';
    577. 

  577. 			}
    578. 

  578. 			$cell.add($shcell).find('.date').datepicker( 'setDate', num );
    579. 

  579. 			date1Compare(num, true);
    580. 

  580. 		});
    581. 

  581. 

  582. 		if (o.compare) {
    583. 

  583. 			// add compare select
    584. 

  584. 			tsff.addCompare($cell, indx, o);
    585. 

  585. 			$cell.find(compareSelect).bind('change', function(){
    586. 

  586. 				date1Compare();
    587. 

  587. 			});
    588. 

  588. 		}
    589. 

  589. 

  590. 		// has sticky headers?
    591. 

  591. 		c.$table.bind('stickyHeadersInit', function(){
    592. 

  592. 			$shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
    593. 

  593. 

  594. 			// add a jQuery datepicker!
    595. 

  595. 			$shcell
    596. 

  596. 				.append(t)
    597. 

  597. 				.find('.date')
    598. 

  598. 				.datepicker(o);
    599. 

  599. 

  600. 			if (o.compare) {
    601. 

  601. 				// add compare select
    602. 

  602. 				tsff.addCompare($shcell, indx, o);
    603. 

  603. 				$shcell.find(compareSelect).bind('change', function(){
    604. 

  604. 					$cell.find(compareSelect).val( $(this).val() );
    605. 

  605. 					date1Compare();
    606. 

  606. 				});
    607. 

  607. 			}
    608. 

  608. 

  609. 		});
    610. 

  610. 

  611. 		// return the hidden input so the filter widget has a reference to it
    612. 

  612. 		return $input.val( o.defaultDate ? o.defaultDate : '' );
    613. 

  613. 	},
    614. 

  614. 

  615. 	/*************************\
    616. 

  616. 	jQuery UI Datepicker (2 inputs)
    617. 

  617. 	\*************************/
    618. 

  618. 	uiDatepicker: function($cell, indx, defDate) {
    619. 

  619. 		var o = $.extend({
    620. 

  620. 			// filter formatter options
    621. 

  621. 			endOfDay : true,
    622. 

  622. 			textFrom : 'from',
    623. 

  623. 			textTo : 'to',
    624. 

  624. 			from : '', // defaultDate "from" input
    625. 

  625. 			to : '', // defaultDate "to" input
    626. 

  626. 			// include ANY jQuery UI spinner options below
    627. 

  627. 			changeMonth : true,
    628. 

  628. 			changeYear : true,
    629. 

  629. 			numberOfMonths : 1
    630. 

  630. 		}, defDate),
    631. 

  631. 		t, closeTo, closeFrom, $shcell = [],
    632. 

  632. 		// Add a hidden input to hold the range values
    633. 

  633. 		$input = $('<input class="dateRange" type="hidden">')
    634. 

  634. 			.appendTo($cell)
    635. 

  635. 			// hidden filter update namespace trigger by filter widget
    636. 

  636. 			.bind('change' + c.namespace + 'filter', function(){
    637. 

  637. 				var v = this.value;
    638. 

  638. 				if (v.match(' - ')) {
    639. 

  639. 					v = v.split(' - ');
    640. 

  640. 					$cell.find('.dateTo').val(v[1]);
    641. 

  641. 					closeFrom(v[0]);
    642. 

  642. 				} else if (v.match('>=')) {
    643. 

  643. 					closeFrom( v.replace('>=', '') );
    644. 

  644. 				} else if (v.match('<=')) {
    645. 

  645. 					closeTo( v.replace('<=', '') );
    646. 

  646. 				}
    647. 

  647. 			}),
    648. 

  648. 		c = $cell.closest('table')[0].config;
    649. 

  649. 

  650. 		// make sure we're using parsed dates in the search
    651. 

  651. 		$cell.closest('thead').find('th[data-column=' + indx + ']').addClass('filter-parsed');
    652. 

  652. 		// Add date range picker
    653. 

  653. 		t = '<label>' + o.textFrom + '</label><input type="text" class="dateFrom" /><label>' + o.textTo + '</label><input type="text" class="dateTo" />';
    654. 

  654. 		$(t).appendTo($cell);
    655. 

  655. 

  656. 		// add callbacks; preserve added callbacks
    657. 

  657. 		o.oldonClose = o.onClose;
    658. 

  658. 

  659. 		var localfrom = o.defaultDate = o.from || o.defaultDate;
    660. 

  660. 

  661. 		closeFrom = o.onClose = function( selectedDate, ui ) {
    662. 

  662. 			var range,
    663. 

  663. 				from = new Date( $cell.find('.dateFrom').datepicker('getDate') ).getTime() || '',
    664. 

  664. 				to = $cell.find('.dateTo').datepicker('getDate') || '';
    665. 

  665. 			to = to ? ( o.endOfDay ? to.setHours(23, 59, 59) : to.getTime() ) || '' : '';
    666. 

  666. 			range = from ? ( to ? from + ' - ' + to : '>=' + from ) : (to ? '<=' + to : '');
    667. 

  667. 			$cell
    668. 

  668. 				.find('.dateRange').val(range)
    669. 

  669. 				.trigger('search').end()
    670. 

  670. 				.find('.dateTo').datepicker('option', 'minDate', selectedDate ).end()
    671. 

  671. 				.find('.dateFrom').val(selectedDate);
    672. 

  672. 

  673. 			// update sticky header cell
    674. 

  674. 			if ($shcell.length) {
    675. 

  675. 				$shcell
    676. 

  676. 					.find('.dateTo').datepicker('option', 'minDate', selectedDate ).end()
    677. 

  677. 					.find('.dateFrom').val(selectedDate);
    678. 

  678. 			}
    679. 

  679. 			if (typeof o.oldonClose === 'function') { o.oldonClose(selectedDate, ui); }
    680. 

  680. 		};
    681. 

  681. 

  682. 		$cell.find('.dateFrom').datepicker(o);
    683. 

  683. 

  684. 		o.defaultDate = o.to || '+7d'; // set to date +7 days from today (if not defined)
    685. 

  685. 		closeTo = o.onClose = function( selectedDate, ui ) {
    686. 

  686. 			var range,
    687. 

  687. 				from = new Date( $cell.find('.dateFrom').datepicker('getDate') ).getTime() || '',
    688. 

  688. 				to = $cell.find('.dateTo').datepicker('getDate') || '';
    689. 

  689. 			to = to ? ( o.endOfDay ? to.setHours(23, 59, 59) : to.getTime() ) || '' : '';
    690. 

  690. 			range = from ? ( to ? from + ' - ' + to : '>=' + from ) : (to ? '<=' + to : '');
    691. 

  691. 			$cell
    692. 

  692. 				.find('.dateRange').val(range)
    693. 

  693. 				.trigger('search').end()
    694. 

  694. 				.find('.dateFrom').datepicker('option', 'maxDate', selectedDate ).end()
    695. 

  695. 				.find('.dateTo').val(selectedDate);
    696. 

  696. 

  697. 			// update sticky header cell
    698. 

  698. 			if ($shcell.length) {
    699. 

  699. 				$shcell
    700. 

  700. 					.find('.dateFrom').datepicker('option', 'maxDate', selectedDate ).end()
    701. 

  701. 					.find('.dateTo').val(selectedDate);
    702. 

  702. 			}
    703. 

  703. 			if (typeof o.oldonClose === 'function') { o.oldonClose(selectedDate, ui); }
    704. 

  704. 		};
    705. 

  705. 		$cell.find('.dateTo').datepicker(o);
    706. 

  706. 

  707. 		// update date compare from hidden input, in case of saved filters
    708. 

  708. 		c.$table.bind('filterFomatterUpdate', function(){
    709. 

  709. 			var val = $input.val() || '',
    710. 

  710. 				from = '',
    711. 

  711. 				to = '';
    712. 

  712. 

  713. 			// date range
    714. 

  714. 			if (/\s+-\s+/.test(val)){
    715. 

  715. 				val = val.split(/\s+-\s+/) || [];
    716. 

  716. 				from = val[0] || '';
    717. 

  717. 				to = val[1] || '';
    718. 

  718. 			} else if (/>=/.test(val)) {
    719. 

  719. 				// greater than date (to date empty)
    720. 

  720. 				from = new Date(Number( val.replace(/>=/, '') )) || '';
    721. 

  721. 			} else if (/<=/.test(val)) {
    722. 

  722. 				// less than date (from date empty)
    723. 

  723. 				to = new Date(Number( val.replace(/<=/, '') )) || '';
    724. 

  724. 			}
    725. 

  725. 			$cell.add($shcell).find('.dateFrom').datepicker('setDate', from);
    726. 

  726. 			$cell.add($shcell).find('.dateTo').datepicker('setDate', to);
    727. 

  727. 			closeTo(to);
    728. 

  728. 		});
    729. 

  729. 

  730. 		// has sticky headers?
    731. 

  731. 		c.$table.bind('stickyHeadersInit', function(){
    732. 

  732. 			$shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
    733. 

  733. 			$shcell.append(t);
    734. 

  734. 

  735. 			// add a jQuery datepicker!
    736. 

  736. 			o.onClose = closeTo;
    737. 

  737. 			$shcell.find('.dateTo').datepicker(o);
    738. 

  738. 

  739. 			o.defaultDate = localfrom;
    740. 

  740. 			o.onClose = closeFrom;
    741. 

  741. 			$shcell.find('.dateFrom').datepicker(o);
    742. 

  742. 		});
    743. 

  743. 

  744. 		// on reset
    745. 

  745. 		$cell.closest('table').bind('filterReset', function(){
    746. 

  746. 			$cell.add($shcell).find('.dateFrom').val('').datepicker('setDate', o.from );
    747. 

  747. 			$cell.add($shcell).find('.dateTo').val('').datepicker('setDate', o.to );
    748. 

  748. 		});
    749. 

  749. 

  750. 		// return the hidden input so the filter widget has a reference to it
    751. 

  751. 		return $input.val( o.from ? ( o.to ? o.from + ' - ' + o.to : '>=' + o.from ) : (o.to ? '<=' + o.to : '') );
    752. 

  752. 	},
    753. 

  753. 

  754. 	/**********************\
    755. 

  755. 	HTML5 Number (spinner)
    756. 

  756. 	\**********************/
    757. 

  757. 	html5Number : function($cell, indx, def5Num) {
    758. 

  758. 		var t, o = $.extend({
    759. 

  759. 			value : 0,
    760. 

  760. 			min : 0,
    761. 

  761. 			max : 100,
    762. 

  762. 			step : 1,
    763. 

  763. 			delayed : true,
    764. 

  764. 			disabled : false,
    765. 

  765. 			addToggle : false,
    766. 

  766. 			exactMatch : false,
    767. 

  767. 			cellText : '',
    768. 

  768. 			compare : '',
    769. 

  769. 			skipTest: false
    770. 

  770. 		}, def5Num),
    771. 

  771. 

  772. 		$input,
    773. 

  773. 		// test browser for HTML5 range support
    774. 

  774. 		$number = $('<input type="number" style="visibility:hidden;" value="test">').appendTo($cell),
    775. 

  775. 		// test if HTML5 number is supported - from Modernizr
    776. 

  776. 		numberSupported = o.skipTest || $number.attr('type') === 'number' && $number.val() !== 'test',
    777. 

  777. 		$shcell = [],
    778. 

  778. 		c = $cell.closest('table')[0].config,
    779. 

  779. 

  780. 		updateNumber = function(delayed, notrigger){
    781. 

  781. 			var chkd = o.addToggle ? $cell.find('.toggle').is(':checked') : true,
    782. 

  782. 				v = $cell.find('.number').val(),
    783. 

  783. 				compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
    784. 

  784. 				searchType = c.$table[0].hasInitialized ? (delayed ? delayed : o.delayed) : true;
    785. 

  785. 			$input
    786. 

  786. 				// add equal to the beginning, so we filter exact numbers
    787. 

  787. 				.val( !o.addToggle || chkd ? (compare ? compare : o.exactMatch ? '=' : '') + v : '' )
    788. 

  788. 				.trigger( notrigger ? '' : 'search', searchType ).end()
    789. 

  789. 				.find('.number').val(v);
    790. 

  790. 			if ($cell.find('.number').length) {
    791. 

  791. 				$cell.find('.number')[0].disabled = (o.disabled || !chkd);
    792. 

  792. 			}
    793. 

  793. 			// update sticky header cell
    794. 

  794. 			if ($shcell.length) {
    795. 

  795. 				$shcell.find('.number').val(v)[0].disabled = (o.disabled || !chkd);
    796. 

  796. 				$shcell.find(compareSelect).val(compare);
    797. 

  797. 				if (o.addToggle) {
    798. 

  798. 					$shcell.find('.toggle')[0].checked = chkd;
    799. 

  799. 				}
    800. 

  800. 			}
    801. 

  801. 		};
    802. 

  802. 		$number.remove();
    803. 

  803. 

  804. 		if (numberSupported) {
    805. 

  805. 			t = o.addToggle ? '<div class="button"><input id="html5button' + indx + '" type="checkbox" class="toggle" />' +
    806. 

  806. 				'<label for="html5button' + indx + '"></label></div>' : '';
    807. 

  807. 			t += '<input class="number" type="number" min="' + o.min + '" max="' + o.max + '" value="' +
    808. 

  808. 				o.value + '" step="' + o.step + '" />';
    809. 

  809. 			// add HTML5 number (spinner)
    810. 

  810. 			$cell
    811. 

  811. 				.append(t + '<input type="hidden" />')
    812. 

  812. 				.find('.toggle, .number').bind('change', function(){
    813. 

  813. 					updateNumber();
    814. 

  814. 				})
    815. 

  815. 				.closest('thead').find('th[data-column=' + indx + ']')
    816. 

  816. 				.addClass('filter-parsed') // get exact numbers from column
    817. 

  817. 				// on reset
    818. 

  818. 				.closest('table').bind('filterReset', function(){
    819. 

  819. 					if ($.isArray(o.compare)) {
    820. 

  820. 						$cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
    821. 

  821. 					}
    822. 

  822. 					// turn off the toggle checkbox
    823. 

  823. 					if (o.addToggle) {
    824. 

  824. 						$cell.find('.toggle')[0].checked = false;
    825. 

  825. 						if ($shcell.length) {
    826. 

  826. 							$shcell.find('.toggle')[0].checked = false;
    827. 

  827. 						}
    828. 

  828. 					}
    829. 

  829. 					$cell.find('.number').val( o.value );
    830. 

  830. 					setTimeout(function(){
    831. 

  831. 						updateNumber();
    832. 

  832. 					}, 0);
    833. 

  833. 				});
    834. 

  834. 			$input = $cell.find('input[type=hidden]').bind('change', function(){
    835. 

  835. 				$cell.find('.number').val( this.value );
    836. 

  836. 				updateNumber();
    837. 

  837. 			});
    838. 

  838. 

  839. 			// update slider from hidden input, in case of saved filters
    840. 

  840. 			c.$table.bind('filterFomatterUpdate', function(){
    841. 

  841. 				var val = tsff.updateCompare($cell, $input, o)[0] || o.value;
    842. 

  842. 				$cell.find('.number').val( ((val || '') + '').replace(/[><=]/g,'') );
    843. 

  843. 				updateNumber(false, true);
    844. 

  844. 			});
    845. 

  845. 

  846. 			if (o.compare) {
    847. 

  847. 				// add compare select
    848. 

  848. 				tsff.addCompare($cell, indx, o);
    849. 

  849. 				$cell.find(compareSelect).bind('change', function(){
    850. 

  850. 					updateNumber();
    851. 

  851. 				});
    852. 

  852. 			}
    853. 

  853. 

  854. 			// has sticky headers?
    855. 

  855. 			c.$table.bind('stickyHeadersInit', function(){
    856. 

  856. 				$shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
    857. 

  857. 				$shcell
    858. 

  858. 					.append(t)
    859. 

  859. 					.find('.toggle, .number').bind('change', function(){
    860. 

  860. 						$cell.find('.number').val( $(this).val() );
    861. 

  861. 						updateNumber();
    862. 

  862. 					});
    863. 

  863. 

  864. 				if (o.compare) {
    865. 

  865. 					// add compare select
    866. 

  866. 					tsff.addCompare($shcell, indx, o);
    867. 

  867. 					$shcell.find(compareSelect).bind('change', function(){
    868. 

  868. 						$cell.find(compareSelect).val( $(this).val() );
    869. 

  869. 						updateNumber();
    870. 

  870. 					});
    871. 

  871. 				}
    872. 

  872. 

  873. 				updateNumber();
    874. 

  874. 			});
    875. 

  875. 

  876. 			updateNumber();
    877. 

  877. 

  878. 		}
    879. 

  879. 

  880. 		return numberSupported ? $cell.find('input[type="hidden"]') : $('<input type="search">');
    881. 

  881. 	},
    882. 

  882. 

  883. 	/**********************\
    884. 

  884. 	HTML5 range slider
    885. 

  885. 	\**********************/
    886. 

  886. 	html5Range : function($cell, indx, def5Range) {
    887. 

  887. 		var o = $.extend({
    888. 

  888. 			value : 0,
    889. 

  889. 			min : 0,
    890. 

  890. 			max : 100,
    891. 

  891. 			step : 1,
    892. 

  892. 			delayed : true,
    893. 

  893. 			valueToHeader : true,
    894. 

  894. 			exactMatch : true,
    895. 

  895. 			cellText : '',
    896. 

  896. 			compare : '',
    897. 

  897. 			allText : 'all',
    898. 

  898. 			skipTest : false
    899. 

  899. 		}, def5Range),
    900. 

  900. 

  901. 		$input,
    902. 

  902. 		// test browser for HTML5 range support
    903. 

  903. 		$range = $('<input type="range" style="visibility:hidden;" value="test">').appendTo($cell),
    904. 

  904. 		// test if HTML5 range is supported - from Modernizr (but I left out the method to detect in Safari 2-4)
    905. 

  905. 		// see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/inputtypes.js
    906. 

  906. 		rangeSupported = o.skipTest || $range.attr('type') === 'range' && $range.val() !== 'test',
    907. 

  907. 		$shcell = [],
    908. 

  908. 		c = $cell.closest('table')[0].config,
    909. 

  909. 

  910. 		updateRange = function(v, delayed, notrigger){
    911. 

  911. 			/*jshint eqeqeq:false */
    912. 

  912. 			// hidden input changes may include compare symbols
    913. 

  913. 			v = ( typeof v === "undefined" ? $input.val() : v ).toString().replace(/[<>=]/g,'') || o.value;
    914. 

  914. 			var compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '',
    915. 

  915. 				t = ' (' + (compare ? compare + v : v == o.min ? o.allText : v) + ')',
    916. 

  916. 				searchType =  c.$table[0].hasInitialized ? (delayed ? delayed : o.delayed) : true;
    917. 

  917. 			$cell.find('input[type=hidden]')
    918. 

  918. 				// add equal to the beginning, so we filter exact numbers
    919. 

  919. 				.val( ( compare ? compare + v : ( v == o.min ? '' : ( o.exactMatch ? '=' : '' ) + v ) ) )
    920. 

  920. 				//( val == o.min ? '' : val + (o.exactMatch ? '=' : ''))
    921. 

  921. 				.trigger( notrigger ? '' : 'search', searchType ).end()
    922. 

  922. 				.find('.range').val(v);
    923. 

  923. 			// or add current value to the header cell, if desired
    924. 

  924. 			$cell.closest('thead').find('th[data-column=' + indx + ']').find('.curvalue').html(t);
    925. 

  925. 			// update sticky header cell
    926. 

  926. 			if ($shcell.length) {
    927. 

  927. 				$shcell
    928. 

  928. 					.find('.range').val(v).end()
    929. 

  929. 					.find(compareSelect).val( compare );
    930. 

  930. 				$shcell.closest('thead').find('th[data-column=' + indx + ']').find('.curvalue').html(t);
    931. 

  931. 			}
    932. 

  932. 		};
    933. 

  933. 		$range.remove();
    934. 

  934. 

  935. 		if (rangeSupported) {
    936. 

  936. 			// add HTML5 range
    937. 

  937. 			$cell
    938. 

  938. 				.html('<input type="hidden"><input class="range" type="range" min="' + o.min + '" max="' + o.max + '" value="' + o.value + '" />')
    939. 

  939. 				.closest('thead').find('th[data-column=' + indx + ']')
    940. 

  940. 				.addClass('filter-parsed') // get exact numbers from column
    941. 

  941. 				// add span to header for the current slider value
    942. 

  942. 				.find('.tablesorter-header-inner').append('<span class="curvalue" />');
    943. 

  943. 			// hidden filter update namespace trigger by filter widget
    944. 

  944. 			$input = $cell.find('input[type=hidden]').bind('change' + c.namespace + 'filter', function(){
    945. 

  945. 				/*jshint eqeqeq:false */
    946. 

  946. 				var v = this.value,
    947. 

  947. 					compare = ($.isArray(o.compare) ? $cell.find(compareSelect).val() || o.compare[ o.selected || 0] : o.compare) || '';
    948. 

  948. 				if (v !== this.lastValue) {
    949. 

  949. 					this.lastValue = ( compare ? compare + v : ( v == o.min ? '' : ( o.exactMatch ? '=' : '' ) + v ) );
    950. 

  950. 					this.value = this.lastValue;
    951. 

  951. 					updateRange( v );
    952. 

  952. 				}
    953. 

  953. 			});
    954. 

  954. 

  955. 			$cell.find('.range').bind('change', function(){
    956. 

  956. 				updateRange( this.value );
    957. 

  957. 			});
    958. 

  958. 

  959. 			// update spinner from hidden input, in case of saved filters
    960. 

  960. 			c.$table.bind('filterFomatterUpdate', function(){
    961. 

  961. 				var val = tsff.updateCompare($cell, $input, o)[0];
    962. 

  962. 				$cell.find('.range').val( val );
    963. 

  963. 				updateRange(val, false, true);
    964. 

  964. 			});
    965. 

  965. 

  966. 			if (o.compare) {
    967. 

  967. 				// add compare select
    968. 

  968. 				tsff.addCompare($cell, indx, o);
    969. 

  969. 				$cell.find(compareSelect).bind('change', function(){
    970. 

  970. 					updateRange();
    971. 

  971. 				});
    972. 

  972. 			}
    973. 

  973. 

  974. 			// has sticky headers?
    975. 

  975. 			c.$table.bind('stickyHeadersInit', function(){
    976. 

  976. 				$shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx).empty();
    977. 

  977. 				$shcell
    978. 

  978. 					.html('<input class="range" type="range" min="' + o.min + '" max="' + o.max + '" value="' + o.value + '" />')
    979. 

  979. 					.find('.range').bind('change', function(){
    980. 

  980. 						updateRange( $shcell.find('.range').val() );
    981. 

  981. 					});
    982. 

  982. 				updateRange();
    983. 

  983. 

  984. 				if (o.compare) {
    985. 

  985. 					// add compare select
    986. 

  986. 					tsff.addCompare($shcell, indx, o);
    987. 

  987. 					$shcell.find(compareSelect).bind('change', function(){
    988. 

  988. 						$cell.find(compareSelect).val( $(this).val() );
    989. 

  989. 						updateRange();
    990. 

  990. 					});
    991. 

  991. 				}
    992. 

  992. 

  993. 			});
    994. 

  994. 

  995. 			// on reset
    996. 

  996. 			$cell.closest('table').bind('filterReset', function(){
    997. 

  997. 				if ($.isArray(o.compare)) {
    998. 

  998. 					$cell.add($shcell).find(compareSelect).val( o.compare[ o.selected || 0 ] );
    999. 

  999. 				}
    1000. 

  1000. 				setTimeout(function(){
    1001. 

  1001. 					updateRange(o.value, false, true);
    1002. 

  1002. 				}, 0);
    1003. 

  1003. 			});
    1004. 

  1004. 			updateRange();
    1005. 

  1005. 

  1006. 		}
    1007. 

  1007. 

  1008. 		return rangeSupported ? $cell.find('input[type="hidden"]') : $('<input type="search">');
    1009. 

  1009. 	},
    1010. 

  1010. 

  1011. 	/**********************\
    1012. 

  1012. 	HTML5 Color picker
    1013. 

  1013. 	\**********************/
    1014. 

  1014. 	html5Color: function($cell, indx, defColor) {
    1015. 

  1015. 		var t, o = $.extend({
    1016. 

  1016. 			value : '#000000',
    1017. 

  1017. 			disabled : false,
    1018. 

  1018. 			addToggle : true,
    1019. 

  1019. 			exactMatch : true,
    1020. 

  1020. 			valueToHeader : false,
    1021. 

  1021. 			skipTest : false
    1022. 

  1022. 		}, defColor),
    1023. 

  1023. 		$input,
    1024. 

  1024. 		// Add a hidden input to hold the range values
    1025. 

  1025. 		$color = $('<input type="color" style="visibility:hidden;" value="test">').appendTo($cell),
    1026. 

  1026. 		// test if HTML5 color is supported - from Modernizr
    1027. 

  1027. 		colorSupported = o.skipTest || $color.attr('type') === 'color' && $color.val() !== 'test',
    1028. 

  1028. 		$shcell = [],
    1029. 

  1029. 		c = $cell.closest('table')[0].config,
    1030. 

  1030. 

  1031. 		updateColor = function(v, notrigger){
    1032. 

  1032. 			v = ( typeof v === "undefined" ? $input.val() : v ).toString().replace('=','') || o.value;
    1033. 

  1033. 			var chkd = true,
    1034. 

  1034. 				t = ' (' + v + ')';
    1035. 

  1035. 			if (o.addToggle) {
    1036. 

  1036. 				chkd = $cell.find('.toggle').is(':checked');
    1037. 

  1037. 			}
    1038. 

  1038. 			if ($cell.find('.colorpicker').length) {
    1039. 

  1039. 				$cell.find('.colorpicker').val(v)[0].disabled = (o.disabled || !chkd);
    1040. 

  1040. 			}
    1041. 

  1041. 

  1042. 			$input
    1043. 

  1043. 				.val( chkd ? v + (o.exactMatch ? '=' : '') : '' )
    1044. 

  1044. 				.trigger( !c.$table[0].hasInitialized || notrigger ? '' : 'search' );
    1045. 

  1045. 			if (o.valueToHeader) {
    1046. 

  1046. 				// add current color to the header cell
    1047. 

  1047. 				$cell.closest('thead').find('th[data-column=' + indx + ']').find('.curcolor').html(t);
    1048. 

  1048. 			} else {
    1049. 

  1049. 				// current color to span in cell
    1050. 

  1050. 				$cell.find('.currentColor').html(t);
    1051. 

  1051. 			}
    1052. 

  1052. 

  1053. 			// update sticky header cell
    1054. 

  1054. 			if ($shcell.length) {
    1055. 

  1055. 				$shcell.find('.colorpicker').val(v)[0].disabled = (o.disabled || !chkd);
    1056. 

  1056. 				if (o.addToggle) {
    1057. 

  1057. 					$shcell.find('.toggle')[0].checked = chkd;
    1058. 

  1058. 				}
    1059. 

  1059. 				if (o.valueToHeader) {
    1060. 

  1060. 					// add current color to the header cell
    1061. 

  1061. 					$shcell.closest('thead').find('th[data-column=' + indx + ']').find('.curcolor').html(t);
    1062. 

  1062. 				} else {
    1063. 

  1063. 					// current color to span in cell
    1064. 

  1064. 					$shcell.find('.currentColor').html(t);
    1065. 

  1065. 				}
    1066. 

  1066. 			}
    1067. 

  1067. 		};
    1068. 

  1068. 		$color.remove();
    1069. 

  1069. 

  1070. 		if (colorSupported) {
    1071. 

  1071. 			t = '' + indx + Math.round(Math.random() * 100);
    1072. 

  1072. 			// add HTML5 color picker
    1073. 

  1073. 			t = '<div class="color-controls-wrapper">' +
    1074. 

  1074. 				(o.addToggle ? '<div class="button"><input id="colorbutton' + t + '" type="checkbox" class="toggle" /><label for="colorbutton' +
    1075. 

  1075. 				t + '"></label></div>' : '') +
    1076. 

  1076. 				'<input type="hidden"><input class="colorpicker" type="color" />' +
    1077. 

  1077. 				(o.valueToHeader ? '' : '<span class="currentColor">(#000000)</span>') + '</div>';
    1078. 

  1078. 			$cell.html(t);
    1079. 

  1079. 			// add span to header for the current color value - only works if the line in the updateColor() function is also un-commented out
    1080. 

  1080. 			if (o.valueToHeader) {
    1081. 

  1081. 				$cell.closest('thead').find('th[data-column=' + indx + ']').find('.tablesorter-header-inner').append('<span class="curcolor" />');
    1082. 

  1082. 			}
    1083. 

  1083. 

  1084. 			$cell.find('.toggle, .colorpicker').bind('change', function(){
    1085. 

  1085. 				updateColor( $cell.find('.colorpicker').val() );
    1086. 

  1086. 			});
    1087. 

  1087. 

  1088. 			// hidden filter update namespace trigger by filter widget
    1089. 

  1089. 			$input = $cell.find('input[type=hidden]').bind('change' + c.namespace + 'filter', function(){
    1090. 

  1090. 				updateColor( this.value );
    1091. 

  1091. 			});
    1092. 

  1092. 

  1093. 			// update slider from hidden input, in case of saved filters
    1094. 

  1094. 			c.$table.bind('filterFomatterUpdate', function(){
    1095. 

  1095. 				updateColor( $input.val(), true );
    1096. 

  1096. 			});
    1097. 

  1097. 

  1098. 			// on reset
    1099. 

  1099. 			$cell.closest('table').bind('filterReset', function(){
    1100. 

  1100. 				// just turn off the colorpicker
    1101. 

  1101. 				if (o.addToggle) {
    1102. 

  1102. 					$cell.find('.toggle')[0].checked = false;
    1103. 

  1103. 				}
    1104. 

  1104. 				// delay needed because default color needs to be set in the filter
    1105. 

  1105. 				// there is no compare option here, so if addToggle = false,
    1106. 

  1106. 				// default color is #000000 (even with no value set)
    1107. 

  1107. 				setTimeout(function(){
    1108. 

  1108. 					updateColor();
    1109. 

  1109. 				}, 0);
    1110. 

  1110. 			});
    1111. 

  1111. 

  1112. 			// has sticky headers?
    1113. 

  1113. 			c.$table.bind('stickyHeadersInit', function(){
    1114. 

  1114. 				$shcell = c.widgetOptions.$sticky.find('.tablesorter-filter-row').children().eq(indx);
    1115. 

  1115. 				$shcell
    1116. 

  1116. 					.html(t)
    1117. 

  1117. 					.find('.toggle, .colorpicker').bind('change', function(){
    1118. 

  1118. 						updateColor( $shcell.find('.colorpicker').val() );
    1119. 

  1119. 					});
    1120. 

  1120. 				updateColor( $shcell.find('.colorpicker').val() );
    1121. 

  1121. 			});
    1122. 

  1122. 

  1123. 			updateColor( o.value );
    1124. 

  1124. 		}
    1125. 

  1125. 		return colorSupported ? $cell.find('input[type="hidden"]') : $('<input type="search">');
    1126. 

  1126. 	}
    1127. 

  1127. 

  1128. };
    1129. 

  1129. 

  1130. })(jQuery);
    1131.