2013-11-24 14:21:27 +00:00
/ * ! t a b l e S o r t e r 2 . 8 + w i d g e t s - u p d a t e d 1 1 / 2 4 / 2 0 1 3 ( v 2 . 1 4 . 2 )
2011-10-26 06:50:02 +00:00
*
* Column Styles
2012-05-23 17:11:30 +00:00
* Column Filters
2011-10-26 06:50:02 +00:00
* Column Resizing
2012-08-19 02:10:01 +00:00
* Sticky Header
* UI Theme ( generalized )
2012-02-01 05:14:28 +00:00
* Save Sort
2013-05-23 20:28:19 +00:00
* [ "columns" , "filter" , "resizable" , "stickyHeaders" , "uitheme" , "saveSort" ]
2011-10-26 06:50:02 +00:00
* /
2012-10-17 12:33:14 +00:00
/*jshint browser:true, jquery:true, unused:false, loopfunc:true */
2012-08-19 02:10:01 +00:00
/*global jQuery: false, localStorage: false, navigator: false */
2013-11-14 03:23:25 +00:00
; ( function ( $ ) {
2012-08-19 02:10:01 +00:00
"use strict" ;
2013-03-31 17:18:20 +00:00
var ts = $ . tablesorter = $ . tablesorter || { } ;
2012-08-19 02:10:01 +00:00
2013-03-31 17:18:20 +00:00
ts . themes = {
2012-08-19 02:10:01 +00:00
"bootstrap" : {
2012-12-18 23:49:04 +00:00
table : 'table table-bordered table-striped' ,
2013-11-09 05:14:23 +00:00
caption : 'caption' ,
2012-12-18 23:49:04 +00:00
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 <i> in the header
sortNone : 'bootstrap-icon-unsorted' ,
2013-10-10 20:12:39 +00:00
sortAsc : 'icon-chevron-up glyphicon glyphicon-chevron-up' ,
sortDesc : 'icon-chevron-down glyphicon glyphicon-chevron-down' ,
2012-12-18 23:49:04 +00:00
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
2012-08-19 02:10:01 +00:00
} ,
"jui" : {
2012-12-18 23:49:04 +00:00
table : 'ui-widget ui-widget-content ui-corner-all' , // table classes
2013-11-09 05:14:23 +00:00
caption : 'ui-widget-content ui-corner-all' ,
2012-12-18 23:49:04 +00:00
header : 'ui-widget-header ui-corner-all ui-state-default' , // header classes
footerRow : '' ,
footerCells : '' ,
icons : 'ui-icon' , // icon class added to the <i> 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
2012-08-19 02:10:01 +00:00
}
} ;
2012-03-07 18:06:35 +00:00
// *** 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
2012-03-27 01:49:48 +00:00
$ . 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
2012-03-07 18:06:35 +00:00
// *** 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
* /
2013-11-14 03:23:25 +00:00
ts . storage = function ( table , key , value , options ) {
2013-11-16 19:17:54 +00:00
table = $ ( table ) [ 0 ] ;
2013-11-14 03:23:25 +00:00
var cookieIndex , cookies , date ,
hasLocalStorage = false ,
values = { } ,
c = table . config ,
2013-11-16 19:17:54 +00:00
$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 ||
2013-11-14 03:23:25 +00:00
'data-table-page' ) || c && c . fixedUrl || window . location . pathname ;
2013-05-13 18:06:02 +00:00
// https://gist.github.com/paulirish/5558557
if ( "localStorage" in window ) {
try {
window . localStorage . setItem ( '_tmptest' , 'temp' ) ;
2013-11-14 03:23:25 +00:00
hasLocalStorage = true ;
2013-05-13 18:06:02 +00:00
window . localStorage . removeItem ( '_tmptest' ) ;
2013-11-14 03:23:25 +00:00
} catch ( error ) { }
2013-05-13 18:06:02 +00:00
}
2013-11-14 03:23:25 +00:00
// *** get value ***
if ( $ . parseJSON ) {
if ( hasLocalStorage ) {
values = $ . parseJSON ( localStorage [ key ] || '{}' ) ;
2012-03-27 01:49:48 +00:00
} else {
2013-11-14 03:23:25 +00:00
// 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 ] || '{}' ) : { } ;
2012-03-27 01:49:48 +00:00
}
}
2013-11-14 03:23:25 +00:00
// allow value to be an empty string too
if ( ( value || value === '' ) && window . JSON && JSON . hasOwnProperty ( 'stringify' ) ) {
2012-03-07 18:06:35 +00:00
// add unique identifiers = url pathname > table ID/index on page > data
2013-11-14 03:23:25 +00:00
if ( ! values [ url ] ) {
values [ url ] = { } ;
2012-04-02 19:19:17 +00:00
}
2013-11-14 03:23:25 +00:00
values [ url ] [ id ] = value ;
// *** set value ***
if ( hasLocalStorage ) {
localStorage [ key ] = JSON . stringify ( values ) ;
2012-03-07 18:06:35 +00:00
} else {
2013-11-14 03:23:25 +00:00
date = new Date ( ) ;
date . setTime ( date . getTime ( ) + ( 31536e+6 ) ) ; // 365 days
document . cookie = key + '=' + ( JSON . stringify ( values ) ) . replace ( /\"/g , '\"' ) + '; expires=' + date . toGMTString ( ) + '; path=/' ;
2012-03-07 18:06:35 +00:00
}
2012-03-27 01:49:48 +00:00
} else {
2013-11-14 03:23:25 +00:00
return values && values [ url ] ? values [ url ] [ id ] : { } ;
2012-03-07 18:06:35 +00:00
}
} ;
2013-05-04 12:25:51 +00:00
// Add a resize event to table headers
// **************************
2013-11-14 03:23:25 +00:00
ts . addHeaderResizeEvent = function ( table , disable , settings ) {
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 ] ) ;
2013-05-04 12:25:51 +00:00
}
2013-11-14 03:23:25 +00:00
wo . resize _flag = false ;
} ;
checkSizes ( false ) ;
2013-05-04 12:25:51 +00:00
clearInterval ( wo . resize _timer ) ;
if ( disable ) {
2013-05-09 04:36:06 +00:00
wo . resize _flag = false ;
return false ;
2013-05-04 12:25:51 +00:00
}
2013-11-14 03:23:25 +00:00
wo . resize _timer = setInterval ( function ( ) {
2013-05-04 12:25:51 +00:00
if ( wo . resize _flag ) { return ; }
checkSizes ( ) ;
2013-11-14 03:23:25 +00:00
} , options . timer ) ;
2013-05-04 12:25:51 +00:00
} ;
2012-08-19 02:10:01 +00:00
// Widget: General UI theme
2012-03-07 18:06:35 +00:00
// "uitheme" option in "widgetOptions"
2011-09-13 22:55:31 +00:00
// **************************
2013-03-31 17:18:20 +00:00
ts . addWidget ( {
2011-09-11 17:51:02 +00:00
id : "uitheme" ,
2013-03-31 17:18:20 +00:00
priority : 10 ,
2013-11-14 03:23:25 +00:00
format : function ( table , c , wo ) {
var time , classes , $header , $icon , $tfoot ,
themesAll = ts . themes ,
$table = c . $table ,
$headers = c . $headers ,
theme = c . theme || 'jui' ,
2013-11-20 04:21:16 +00:00
themes = themesAll [ theme ] || themesAll . jui ,
2013-11-14 03:23:25 +00:00
remove = themes . sortNone + ' ' + themes . sortDesc + ' ' + themes . sortAsc ;
2012-08-19 02:10:01 +00:00
if ( c . debug ) { time = new Date ( ) ; }
2013-11-09 05:14:23 +00:00
// initialization code - run once
2013-11-14 03:23:25 +00:00
if ( ! $table . hasClass ( 'tablesorter-' + theme ) || c . theme === theme || ! table . hasInitialized ) {
2012-08-19 02:10:01 +00:00
// update zebra stripes
2013-11-14 03:23:25 +00:00
if ( themes . even !== '' ) { wo . zebra [ 0 ] += ' ' + themes . even ; }
if ( themes . odd !== '' ) { wo . zebra [ 1 ] += ' ' + themes . odd ; }
2013-11-09 05:14:23 +00:00
// add caption style
2013-11-14 03:23:25 +00:00
$table . find ( 'caption' ) . addClass ( themes . caption ) ;
2012-08-19 02:10:01 +00:00
// add table/footer class names
2013-11-14 03:23:25 +00:00
$tfoot = $table
// remove other selected themes
2012-08-19 02:10:01 +00:00
. removeClass ( c . theme === '' ? '' : 'tablesorter-' + c . theme )
2013-11-14 03:23:25 +00:00
. addClass ( 'tablesorter-' + theme + ' ' + themes . table ) // add theme widget class name
2012-12-18 23:49:04 +00:00
. find ( 'tfoot' ) ;
2013-11-14 03:23:25 +00:00
if ( $tfoot . length ) {
$tfoot
. find ( 'tr' ) . addClass ( themes . footerRow )
. children ( 'th, td' ) . addClass ( themes . footerCells ) ;
2012-12-18 23:49:04 +00:00
}
2012-08-19 02:10:01 +00:00
// update header classes
2013-11-14 03:23:25 +00:00
$headers
. addClass ( themes . header )
. not ( '.sorter-false' )
. bind ( 'mouseenter.tsuitheme mouseleave.tsuitheme' , function ( event ) {
2013-02-17 19:21:05 +00:00
// toggleClass with switch added in jQuery 1.3
2013-11-14 03:23:25 +00:00
$ ( this ) [ event . type === 'mouseenter' ? 'addClass' : 'removeClass' ] ( themes . hover ) ;
2011-12-14 17:37:55 +00:00
} ) ;
2013-11-14 03:23:25 +00:00
if ( ! $headers . find ( '.tablesorter-wrapper' ) . length ) {
// Firefox needs this inner div to position the resizer correctly
$headers . wrapInner ( '<div class="tablesorter-wrapper" style="position:relative;height:100%;width:100%"></div>' ) ;
2012-09-29 13:42:58 +00:00
}
2013-11-14 03:23:25 +00:00
if ( c . cssIcon ) {
2012-08-19 02:10:01 +00:00
// if c.cssIcon is '', then no <i> is added to the header
2013-11-14 03:23:25 +00:00
$headers . find ( '.' + ts . css . icon ) . addClass ( themes . icons ) ;
2012-08-19 02:10:01 +00:00
}
2013-11-14 03:23:25 +00:00
if ( $table . hasClass ( 'hasFilters' ) ) {
$headers . find ( '.tablesorter-filter-row' ) . addClass ( themes . filterRow ) ;
2012-08-19 02:10:01 +00:00
}
2011-09-11 17:51:02 +00:00
}
2013-11-14 03:23:25 +00:00
$ . each ( $headers , function ( ) {
$header = $ ( this ) ;
$icon = ( ts . css . icon ) ? $header . find ( '.' + ts . css . icon ) : $header ;
if ( this . sortDisabled ) {
2011-09-11 17:51:02 +00:00
// no sort arrows for disabled columns!
2013-11-14 03:23:25 +00:00
$header . removeClass ( remove ) ;
$icon . removeClass ( remove + ' tablesorter-icon ' + themes . icons ) ;
2011-09-11 17:51:02 +00:00
} else {
2013-11-14 03:23:25 +00:00
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 ) ;
2011-09-11 17:51:02 +00:00
}
} ) ;
2013-11-14 03:23:25 +00:00
if ( c . debug ) {
2013-03-31 17:18:20 +00:00
ts . benchmark ( "Applying " + theme + " theme" , time ) ;
2011-09-11 17:51:02 +00:00
}
2012-08-19 02:10:01 +00:00
} ,
2013-11-14 03:23:25 +00:00
remove : function ( table , c , wo ) {
var $table = c . $table ,
theme = c . theme || 'jui' ,
2013-11-20 04:21:16 +00:00
themes = ts . themes [ theme ] || ts . themes . jui ,
2013-11-14 03:23:25 +00:00
$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
2013-02-17 19:21:05 +00:00
. unbind ( 'mouseenter.tsuitheme mouseleave.tsuitheme' ) // remove hover
2013-11-14 03:23:25 +00:00
. removeClass ( themes . hover + ' ' + remove + ' ' + themes . active )
. find ( '.tablesorter-filter-row' )
. removeClass ( themes . filterRow ) ;
$headers . find ( '.tablesorter-icon' ) . removeClass ( themes . icons ) ;
2011-09-11 17:51:02 +00:00
}
} ) ;
2012-03-07 18:06:35 +00:00
// Widget: Column styles
2012-09-27 19:57:19 +00:00
// "columns", "columns_thead" (true) and
// "columns_tfoot" (true) options in "widgetOptions"
2011-09-13 22:55:31 +00:00
// **************************
2013-03-31 17:18:20 +00:00
ts . addWidget ( {
2011-09-11 17:51:02 +00:00
id : "columns" ,
2013-04-01 16:02:48 +00:00
priority : 30 ,
2013-03-31 17:18:20 +00:00
options : {
columns : [ "primary" , "secondary" , "tertiary" ]
} ,
2013-11-14 03:23:25 +00:00
format : function ( table , c , wo ) {
2013-11-20 04:21:16 +00:00
var time , $tbody , tbodyIndex , $rows , rows , $row , $cells , remove , indx ,
2013-11-14 03:23:25 +00:00
$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 ( ' ' ) ;
if ( c . debug ) {
2011-09-11 17:51:02 +00:00
time = new Date ( ) ;
}
2011-09-13 22:55:31 +00:00
// check if there is a sort (on initialization there may not be one)
2013-11-14 03:23:25 +00:00
for ( tbodyIndex = 0 ; tbodyIndex < $tbodies . length ; tbodyIndex ++ ) {
$tbody = ts . processTbody ( table , $tbodies . eq ( tbodyIndex ) , true ) ; // detach tbody
$rows = $tbody . children ( 'tr' ) ;
2012-05-23 17:11:30 +00:00
// loop through the visible rows
2013-11-14 03:23:25 +00:00
$rows . each ( function ( ) {
$row = $ ( this ) ;
if ( this . style . display !== 'none' ) {
2012-05-23 17:11:30 +00:00
// remove all columns class names
2013-11-14 03:23:25 +00:00
$cells = $row . children ( ) . removeClass ( remove ) ;
2012-05-23 17:11:30 +00:00
// add appropriate column class names
2013-11-14 03:23:25 +00:00
if ( sortList && sortList [ 0 ] ) {
2012-05-23 17:11:30 +00:00
// primary sort column class
2013-11-14 03:23:25 +00:00
$cells . eq ( sortList [ 0 ] [ 0 ] ) . addClass ( css [ 0 ] ) ;
if ( len > 1 ) {
for ( indx = 1 ; indx < len ; indx ++ ) {
2012-05-23 17:11:30 +00:00
// secondary, tertiary, etc sort column classes
2013-11-14 03:23:25 +00:00
$cells . eq ( sortList [ indx ] [ 0 ] ) . addClass ( css [ indx ] || css [ last ] ) ;
2012-05-23 17:11:30 +00:00
}
2012-05-03 14:46:31 +00:00
}
2011-09-13 22:55:31 +00:00
}
2012-05-19 20:46:14 +00:00
}
2012-05-28 15:01:40 +00:00
} ) ;
2013-11-14 03:23:25 +00:00
ts . processTbody ( table , $tbody , false ) ;
2011-09-13 22:55:31 +00:00
}
2012-09-27 19:57:19 +00:00
// add classes to thead and tfoot
2013-11-14 03:23:25 +00:00
rows = wo . columns _thead !== false ? [ 'thead tr' ] : [ ] ;
2012-09-27 19:57:19 +00:00
if ( wo . columns _tfoot !== false ) {
2013-11-14 03:23:25 +00:00
rows . push ( 'tfoot tr' ) ;
2012-09-27 19:57:19 +00:00
}
2013-11-14 03:23:25 +00:00
if ( rows . length ) {
$rows = $table . find ( rows . join ( ',' ) ) . children ( ) . removeClass ( remove ) ;
if ( len ) {
for ( indx = 0 ; indx < len ; indx ++ ) {
2013-10-03 14:34:07 +00:00
// add primary. secondary, tertiary, etc sort column classes
2013-11-14 03:23:25 +00:00
$rows . filter ( '[data-column="' + sortList [ indx ] [ 0 ] + '"]' ) . addClass ( css [ indx ] || css [ last ] ) ;
2012-08-19 02:10:01 +00:00
}
}
}
2013-11-14 03:23:25 +00:00
if ( c . debug ) {
2013-03-31 17:18:20 +00:00
ts . benchmark ( "Applying Columns widget" , time ) ;
2011-09-11 17:51:02 +00:00
}
2012-08-19 02:10:01 +00:00
} ,
2013-11-14 03:23:25 +00:00
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 ) ;
2012-08-19 02:10:01 +00:00
} ) ;
2013-11-14 03:23:25 +00:00
ts . processTbody ( table , $tbody , false ) ; // restore tbody
2012-08-19 02:10:01 +00:00
}
2011-09-11 17:51:02 +00:00
}
2011-09-13 22:55:31 +00:00
} ) ;
2013-03-31 17:18:20 +00:00
// Widget: filter
// **************************
ts . addWidget ( {
2011-09-13 22:55:31 +00:00
id : "filter" ,
2013-03-31 17:18:20 +00:00
priority : 50 ,
options : {
2013-11-09 19:52:52 +00:00
filter _anyMatch : false , // if true overrides default find rows behaviours and if any column matches query it returns that row
2013-03-31 17:18:20 +00:00
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
2013-10-08 17:41:44 +00:00
filter _cssFilter : '' , // css class name added to the filter row & each input in the row (tablesorter-filter is ALWAYS added)
2013-04-26 16:22:47 +00:00
filter _filteredRow : 'filtered' , // class added to filtered rows; needed by pager plugin
2013-03-31 17:18:20 +00:00
filter _formatter : null , // add custom filter elements to the filter row
filter _functions : null , // add custom filter functions using this option
filter _hideFilters : false , // collapse filter row when mouse leaves the area
filter _ignoreCase : true , // if true, make all searches case-insensitive
2013-04-08 06:21:57 +00:00
filter _liveSearch : true , // if true, search column content while the user types (with a delay)
2013-05-12 22:32:39 +00:00
filter _onlyAvail : 'filter-onlyAvail' , // a header with a select dropdown & this class name will only show available (visible) options within the drop down
2013-03-31 17:18:20 +00:00
filter _reset : null , // jQuery selector string of an element used to reset the filters
2013-11-16 18:58:59 +00:00
filter _saveFilters : false , // Use the $.tablesorter.storage utility to save the most recent filters
2013-03-31 17:18:20 +00:00
filter _searchDelay : 300 , // typing delay in milliseconds before starting a search
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.
2013-11-08 15:16:00 +00:00
filter _defaultAttrib : 'data-value' // data attribute in the header cell that contains the default filter value
} ,
format : function ( table , c , wo ) {
if ( ! c . $table . hasClass ( 'hasFilters' ) ) {
if ( c . parsers || ! c . parsers && wo . filter _serversideFiltering ) {
ts . filter . init ( table , c , wo ) ;
}
2013-03-31 17:18:20 +00:00
}
} ,
2013-11-08 15:16:00 +00:00
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 updateComplete appendCache search filterStart filterEnd ' . split ( ' ' ) . join ( '.tsfilter ' ) )
. find ( '.tablesorter-filter-row' ) . 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 = {
2012-08-19 02:10:01 +00:00
2013-11-08 15:16:00 +00:00
// 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
} ,
// function( filter, iFilter, exact, iExact, cached, index, table, wo, parsed )
// filter = array of filter input values; iFilter = same array, except lowercase
// exact = table cell text (or parsed data if column parser enabled)
// iExact = same as exact, except lowercase
// cached = table cell text from cache, so it has been parsed
// index = column index; table = table element (DOM)
// wo = widget options (table.config.widgetOptions)
// parsed = array (by column) of boolean values (from filter_useParsedData or "filter-parsed" class)
types : {
// Look for regex
regex : function ( filter , iFilter , exact , iExact ) {
if ( ts . filter . regex . regex . test ( iFilter ) ) {
var matches ,
regex = ts . filter . regex . regex . exec ( iFilter ) ;
try {
matches = new RegExp ( regex [ 1 ] , regex [ 2 ] ) . test ( iExact ) ;
} catch ( error ) {
matches = false ;
2012-09-27 19:57:19 +00:00
}
2013-11-08 15:16:00 +00:00
return matches ;
}
return null ;
} ,
// Look for quotes or equals to get an exact match; ignore type since iExact could be numeric
exact : function ( filter , iFilter , exact , iExact ) {
/*jshint eqeqeq:false */
2013-11-27 01:10:32 +00:00
if ( ts . filter . regex . exact . test ( iFilter ) ) {
return iFilter . replace ( ts . filter . regex . exact , '' ) == iExact ;
2013-11-08 15:16:00 +00:00
}
return null ;
} ,
// Look for a not match
notMatch : function ( filter , iFilter , exact , iExact , cached , index , table , wo ) {
if ( /^\!/ . test ( iFilter ) ) {
iFilter = iFilter . replace ( '!' , '' ) ;
var indx = iExact . search ( $ . trim ( iFilter ) ) ;
return iFilter === '' ? true : ! ( wo . filter _startsWith ? indx === 0 : indx >= 0 ) ;
}
return null ;
} ,
// Look for operators >, >=, < or <=
operators : function ( filter , iFilter , exact , iExact , cached , index , table , wo , parsed ) {
if ( /^[<>]=?/ . test ( iFilter ) ) {
var cachedValue , result ,
c = table . config ,
query = ts . formatFloat ( 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 [ index ] || parser . type === 'numeric' ) {
cachedValue = parser . format ( '' + iFilter . replace ( ts . filter . regex . operators , '' ) , table , c . $headers . eq ( index ) , index ) ;
query = ( typeof query === "number" && cachedValue !== '' && ! isNaN ( cachedValue ) ) ? cachedValue : query ;
2012-08-19 02:10:01 +00:00
}
2013-11-08 15:16:00 +00:00
// iExact may be numeric - see issue #149;
// check if cached is defined, because sometimes j goes out of range? (numeric columns)
cachedValue = ( parsed [ index ] || parser . type === 'numeric' ) && ! isNaN ( query ) && cached ? cached :
isNaN ( iExact ) ? ts . formatFloat ( iExact . replace ( ts . filter . regex . nondigit , '' ) , table ) :
ts . formatFloat ( iExact , table ) ;
if ( />/ . test ( iFilter ) ) { result = />=/ . test ( iFilter ) ? cachedValue >= query : cachedValue > query ; }
if ( /</ . test ( iFilter ) ) { result = /<=/ . test ( iFilter ) ? cachedValue <= query : cachedValue < query ; }
// keep showing all rows if nothing follows the operator
if ( ! result && savedSearch === '' ) { result = true ; }
return result ;
}
return null ;
} ,
// Look for an AND or && operator (logical and)
and : function ( filter , iFilter , exact , iExact ) {
if ( /\s+(AND|&&)\s+/g . test ( filter ) ) {
var query = iFilter . split ( /(?:\s+(?:and|&&)\s+)/g ) ,
result = iExact . search ( $ . trim ( query [ 0 ] ) ) >= 0 ,
indx = query . length - 1 ;
while ( result && indx ) {
result = result && iExact . search ( $ . trim ( query [ indx ] ) ) >= 0 ;
indx -- ;
2012-09-27 19:57:19 +00:00
}
2013-11-08 15:16:00 +00:00
return result ;
}
return null ;
} ,
// Look for a range (using " to " or " - ") - see issue #166; thanks matzhu!
range : function ( filter , iFilter , exact , iExact , cached , index , table , wo , parsed ) {
if ( /\s+(-|to)\s+/ . test ( iFilter ) ) {
2013-11-26 19:45:42 +00:00
var result , tmp ,
2013-11-08 15:16:00 +00:00
c = table . config ,
query = iFilter . split ( /(?: - | to )/ ) , // make sure the dash is for a range and not indicating a negative number
range1 = ts . formatFloat ( query [ 0 ] . replace ( ts . filter . regex . nondigit , '' ) , table ) ,
range2 = ts . formatFloat ( query [ 1 ] . replace ( ts . filter . regex . nondigit , '' ) , table ) ;
// parse filter value in case we're comparing numbers (dates)
if ( parsed [ index ] || 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 ;
2012-05-23 17:11:30 +00:00
}
2013-11-08 15:16:00 +00:00
result = ( parsed [ index ] || c . parsers [ index ] . type === 'numeric' ) && ! isNaN ( range1 ) && ! isNaN ( range2 ) ? cached :
isNaN ( iExact ) ? ts . formatFloat ( iExact . replace ( ts . filter . regex . nondigit , '' ) , table ) :
ts . formatFloat ( iExact , table ) ;
2013-11-26 19:45:42 +00:00
if ( range1 > range2 ) { tmp = range1 ; range1 = range2 ; range2 = tmp ; } // swap
2013-11-08 15:16:00 +00:00
return ( result >= range1 && result <= range2 ) || ( range1 === '' || range2 === '' ) ;
}
return null ;
} ,
// Look for wild card: ? = single, * = multiple, or | = logical OR
wild : function ( filter , iFilter , exact , iExact , cached , index , table ) {
if ( /[\?|\*]/ . test ( iFilter ) || /\s+OR\s+/ . test ( filter ) ) {
var c = table . config ,
query = iFilter . replace ( /\s+OR\s+/gi , "|" ) ;
// 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 ) ) {
query = '^(' + query + ')$' ;
2012-05-23 17:11:30 +00:00
}
2013-11-08 15:16:00 +00:00
return new RegExp ( query . replace ( /\?/g , '\\S{1}' ) . replace ( /\*/g , '\\S*' ) ) . test ( iExact ) ;
}
return null ;
2013-11-09 15:07:57 +00:00
} ,
// fuzzy text search; modified from https://github.com/mattyork/fuzzy (MIT license)
fuzzy : function ( filter , iFilter , exact , iExact ) {
if ( /^~/ . test ( iFilter ) ) {
var indx ,
patternIndx = 0 ,
len = iExact . length ,
pattern = iFilter . slice ( 1 ) ;
for ( indx = 0 ; indx < len ; indx ++ ) {
if ( iExact [ indx ] === pattern [ patternIndx ] ) {
patternIndx += 1 ;
}
}
if ( patternIndx === pattern . length ) {
return true ;
}
return false ;
}
return null ;
2013-11-08 15:16:00 +00:00
}
} ,
init : function ( table , c , wo ) {
2013-11-09 20:30:58 +00:00
var options , string , $header , column , filters , time ;
2013-11-08 15:16:00 +00:00
if ( c . debug ) {
time = new Date ( ) ;
}
c . $table . addClass ( 'hasFilters' ) ;
ts . filter . regex . child = new RegExp ( c . cssChildRow ) ;
ts . filter . regex . filtered = new RegExp ( wo . filter _filteredRow ) ;
// 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' ) . 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 ( '.tsfilter ' ) , function ( event , filter ) {
if ( ! /(search|filterReset|filterEnd)/ . test ( event . type ) ) {
event . stopPropagation ( ) ;
ts . filter . buildDefault ( table , true ) ;
}
if ( event . type === 'filterReset' ) {
ts . filter . searching ( table , [ ] ) ;
}
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' ) : '' ;
ts . filter . searching ( table , filter ) ;
}
return false ;
} ) ;
ts . filter . bindSearch ( table , c . $table . find ( 'input.tablesorter-filter' ) ) ;
// reset button/link
if ( wo . filter _reset ) {
$ ( document ) . delegate ( wo . filter _reset , 'click.tsfilter' , function ( ) {
2013-11-19 23:25:21 +00:00
// trigger a reset event, so other functions (filterFormatter) know when to reset
c . $table . trigger ( 'filterReset' ) ;
2013-11-08 15:16:00 +00:00
} ) ;
}
if ( wo . filter _functions ) {
// column = column # (string)
for ( column in wo . filter _functions ) {
if ( wo . filter _functions . hasOwnProperty ( column ) && typeof column === 'string' ) {
$header = c . $headers . filter ( '[data-column="' + column + '"]:last' ) ;
options = '' ;
if ( wo . filter _functions [ column ] === true && ! $header . hasClass ( 'filter-false' ) ) {
2013-11-16 07:05:50 +00:00
ts . filter . buildSelect ( table , column ) ;
2013-11-08 15:16:00 +00:00
} else if ( typeof column === 'string' && ! $header . hasClass ( 'filter-false' ) ) {
// add custom drop down list
for ( string in wo . filter _functions [ column ] ) {
if ( typeof string === 'string' ) {
options += options === '' ?
'<option value="">' + ( $header . data ( 'placeholder' ) || $header . attr ( 'data-placeholder' ) || '' ) + '</option>' : '' ;
options += '<option value="' + string + '">' + string + '</option>' ;
2012-08-19 02:10:01 +00:00
}
2012-06-20 14:40:32 +00:00
}
2013-11-08 15:16:00 +00:00
c . $table . find ( 'thead' ) . find ( 'select.tablesorter-filter[data-column="' + column + '"]' ) . append ( options ) ;
2012-06-01 14:49:46 +00:00
}
}
2013-11-08 15:16:00 +00:00
}
}
// 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 ) ;
2012-08-19 02:10:01 +00:00
2013-11-08 15:16:00 +00:00
c . $table . find ( 'select.tablesorter-filter' ) . bind ( 'change search' , function ( event , filter ) {
ts . filter . checkFilters ( table , filter ) ;
} ) ;
2012-08-19 02:10:01 +00:00
2013-11-08 15:16:00 +00:00
if ( wo . filter _hideFilters ) {
ts . filter . hideFilters ( table , c , wo ) ;
}
2013-05-12 22:32:39 +00:00
2013-11-08 15:16:00 +00:00
// show processing icon
if ( c . showProcessing ) {
c . $table . bind ( 'filterStart.tsfilter filterEnd.tsfilter' , 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 : '' ) ;
} ) ;
}
2013-11-14 03:23:25 +00:00
2013-11-08 15:16:00 +00:00
if ( c . debug ) {
ts . benchmark ( "Applying Filter widget" , time ) ;
}
// add default values
2013-11-09 05:23:28 +00:00
c . $table . bind ( 'tablesorter-initialized pagerInitialized' , function ( ) {
filters = ts . filter . setDefaults ( table , c , wo ) || [ ] ;
if ( filters . length ) {
2013-11-08 15:16:00 +00:00
ts . setFilters ( table , filters , true ) ;
}
2013-11-16 18:58:59 +00:00
ts . filter . checkFilters ( table , filters ) ;
2013-11-08 15:16:00 +00:00
} ) ;
// filter widget initialized
2013-11-09 05:23:28 +00:00
wo . filter _Initialized = true ;
2013-11-08 15:16:00 +00:00
c . $table . trigger ( 'filterInit' ) ;
} ,
2013-11-14 03:23:25 +00:00
setDefaults : function ( table , c , wo ) {
2013-11-24 15:31:53 +00:00
var indx , isArray ,
2013-11-09 05:23:28 +00:00
filters = [ ] ,
columns = c . columns ;
2013-11-16 18:58:59 +00:00
if ( wo . filter _saveFilters && ts . storage ) {
filters = ts . storage ( table , 'tablesorter-filters' ) || [ ] ;
2013-11-24 15:31:53 +00:00
isArray = $ . isArray ( filters ) ;
2013-11-16 18:58:59 +00:00
// make sure we're not just saving an empty array
2013-11-24 15:31:53 +00:00
if ( isArray && filters . join ( '' ) === '' || ! isArray ) { filters = [ ] ; }
2013-11-16 18:58:59 +00:00
}
// if not filters saved, then check default settings
if ( ! filters . length ) {
for ( indx = 0 ; indx < columns ; indx ++ ) {
filters [ indx ] = c . $headers . filter ( '[data-column="' + indx + '"]:last' ) . attr ( wo . filter _defaultAttrib ) || filters [ indx ] ;
}
2013-11-09 05:23:28 +00:00
}
$ ( table ) . data ( 'lastSearch' , filters ) ;
return filters ;
} ,
2013-11-08 15:16:00 +00:00
buildRow : function ( table , c , wo ) {
var column , $header , buildSelect , disabled ,
// c.columns defined in computeThIndexes()
columns = c . columns ,
buildFilter = '<tr class="tablesorter-filter-row">' ;
for ( column = 0 ; column < columns ; column ++ ) {
buildFilter += '<td></td>' ;
}
c . $filters = $ ( buildFilter += '</tr>' ) . appendTo ( c . $table . find ( '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' ) ;
buildSelect = ( wo . filter _functions && wo . filter _functions [ column ] && typeof wo . filter _functions [ column ] !== 'function' ) ||
$header . hasClass ( 'filter-select' ) ;
// get data from jQuery data, metadata, headers option or header class name
if ( ts . getData ) {
// get data from jQuery data, metadata, headers option or header class name
disabled = ts . getData ( $header [ 0 ] , c . headers [ column ] , 'filter' ) === 'false' ;
} else {
// only class names and header options - keep this for compatibility with tablesorter v2.0.5
disabled = ( c . headers [ column ] && c . headers [ column ] . hasOwnProperty ( 'filter' ) && c . headers [ column ] . filter === false ) ||
$header . hasClass ( 'filter-false' ) ;
}
if ( buildSelect ) {
buildFilter = $ ( '<select>' ) . appendTo ( c . $filters . eq ( column ) ) ;
} else {
if ( wo . filter _formatter && $ . isFunction ( wo . filter _formatter [ column ] ) ) {
buildFilter = wo . filter _formatter [ column ] ( c . $filters . eq ( column ) , column ) ;
// no element returned, so lets go find it
if ( buildFilter && buildFilter . length === 0 ) {
buildFilter = c . $filters . eq ( column ) . children ( 'input' ) ;
}
// element not in DOM, so lets attach it
if ( buildFilter && ( buildFilter . parent ( ) . length === 0 ||
( buildFilter . parent ( ) . length && buildFilter . parent ( ) [ 0 ] !== c . $filters [ column ] ) ) ) {
c . $filters . eq ( column ) . append ( buildFilter ) ;
2012-06-20 14:40:32 +00:00
}
2013-05-20 15:05:08 +00:00
} else {
2013-11-08 15:16:00 +00:00
buildFilter = $ ( '<input type="search">' ) . appendTo ( c . $filters . eq ( column ) ) ;
}
if ( buildFilter ) {
buildFilter . attr ( 'placeholder' , $header . data ( 'placeholder' ) || $header . attr ( 'data-placeholder' ) || '' ) ;
2013-05-20 15:05:08 +00:00
}
2011-09-13 22:55:31 +00:00
}
2013-11-08 15:16:00 +00:00
if ( buildFilter ) {
buildFilter . addClass ( 'tablesorter-filter ' + wo . filter _cssFilter ) . attr ( 'data-column' , column ) ;
if ( disabled ) {
buildFilter . addClass ( 'disabled' ) [ 0 ] . disabled = true ; // disabled!
2013-02-17 19:21:05 +00:00
}
2013-11-08 15:16:00 +00:00
}
}
} ,
bindSearch : function ( table , $el ) {
2013-11-09 19:52:52 +00:00
table = $ ( table ) [ 0 ] ;
var external , wo = table . config . widgetOptions ;
2013-11-20 05:20:56 +00:00
$el . unbind ( 'keyup search filterReset' )
. bind ( 'keyup search' , function ( event , filter ) {
2013-11-27 18:50:58 +00:00
var $this = $ ( this ) ;
2013-11-08 15:16:00 +00:00
// emulate what webkit does.... escape clears the filter
if ( event . which === 27 ) {
this . value = '' ;
// liveSearch can contain a min value length; ignore arrow and meta keys, but allow backspace
} else if ( ( typeof wo . filter _liveSearch === 'number' && this . value . length < wo . filter _liveSearch && this . value !== '' ) ||
( event . type === 'keyup' && ( ( event . which < 32 && event . which !== 8 && wo . filter _liveSearch === true && event . which !== 13 ) ||
( event . which >= 37 && event . which <= 40 ) || ( event . which !== 13 && wo . filter _liveSearch === false ) ) ) ) {
return ;
}
2013-11-09 19:52:52 +00:00
// external searches won't have a filter parameter, so grab the value
2013-11-27 18:50:58 +00:00
if ( $this . hasClass ( 'tablesorter-filter' ) && ! $this . hasClass ( 'tablesorter-external-filter' ) ) {
2013-11-15 06:16:02 +00:00
external = filter ;
} else {
external = [ ] ;
$el . each ( function ( ) {
// target the appropriate column if the external input has a data-column attribute
external [ $ ( this ) . data ( 'column' ) || 0 ] = $ ( this ) . val ( ) ;
} ) ;
}
2013-11-09 19:52:52 +00:00
ts . filter . searching ( table , filter , external ) ;
2013-11-20 05:20:56 +00:00
} )
. bind ( 'filterReset' , function ( ) {
$el . val ( '' ) ;
2013-11-08 15:16:00 +00:00
} ) ;
} ,
checkFilters : function ( table , filter ) {
var c = table . config ,
wo = c . widgetOptions ,
filterArray = $ . isArray ( filter ) ,
filters = ( filterArray ) ? filter : ts . getFilters ( table ) ,
combinedFilters = ( filters || [ ] ) . join ( '' ) ; // combined filter values
// add filter array back into inputs
if ( filterArray ) {
ts . setFilters ( table , filters ) ;
}
if ( wo . filter _hideFilters ) {
// show/hide filter row as needed
c . $table . find ( '.tablesorter-filter-row' ) . 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 ; }
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 , wo ) {
var $filterRow , $filterRow2 , timer ;
c . $table
. find ( '.tablesorter-filter-row' )
. 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' ) ;
2013-02-17 19:21:05 +00:00
} else {
2013-11-08 15:16:00 +00:00
// 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 ( ts . getFilters ( table ) . join ( '' ) === '' ) {
$filterRow . addClass ( 'hideme' ) ;
2013-02-17 19:21:05 +00:00
}
}
2012-08-19 02:10:01 +00:00
}
2013-11-08 15:16:00 +00:00
} , 200 ) ;
2012-06-05 12:22:43 +00:00
} )
2013-11-08 15:16:00 +00:00
. 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 ( table ) . join ( '' ) === '' ) {
$filterRow2 [ event . type === 'focus' ? 'removeClass' : 'addClass' ] ( 'hideme' ) ;
}
} , 200 ) ;
2012-06-01 14:49:46 +00:00
} ) ;
2013-11-08 15:16:00 +00:00
} ,
findRows : function ( table , filters , combinedFilters ) {
2013-11-24 15:46:38 +00:00
if ( table . config . lastCombinedFilter === combinedFilters ) { return ; }
2013-11-08 15:16:00 +00:00
var cached , len , $rows , rowIndex , tbodyIndex , $tbody , $cells , columnIndex ,
childRow , childRowText , exact , iExact , iFilter , lastSearch , matches , result ,
searchFiltered , filterMatched , showRow , time ,
c = table . config ,
wo = c . widgetOptions ,
columns = c . columns ,
$tbodies = c . $tbodies ,
2013-11-09 19:52:52 +00:00
// anyMatch really screws up with these types of filters
2013-11-14 03:23:25 +00:00
anyMatchNotAllowedTypes = [ 'range' , 'notMatch' , 'operators' ] ,
2013-02-17 19:21:05 +00:00
// parse columns after formatter, in case the class is added at that point
2013-11-08 15:16:00 +00:00
parsed = c . $headers . map ( function ( columnIndex ) {
return ( ts . getData ) ?
ts . getData ( c . $headers . filter ( '[data-column="' + columnIndex + '"]:last' ) , c . headers [ columnIndex ] , 'filter' ) === 'parsed' :
$ ( this ) . hasClass ( 'filter-parsed' ) ;
2013-02-17 19:21:05 +00:00
} ) . get ( ) ;
2013-11-08 15:16:00 +00:00
if ( c . debug ) { time = new Date ( ) ; }
for ( tbodyIndex = 0 ; tbodyIndex < $tbodies . length ; tbodyIndex ++ ) {
if ( $tbodies . eq ( tbodyIndex ) . hasClass ( ts . css . info ) ) { continue ; } // ignore info blocks, issue #264
$tbody = ts . processTbody ( table , $tbodies . eq ( tbodyIndex ) , true ) ;
2013-12-02 16:13:26 +00:00
// skip child rows & widget added (removable) rows - fixes #448 thanks to @hempel!
$rows = $tbody . children ( 'tr' ) . not ( '.' + c . cssChildRow ) . not ( c . selectorRemove ) ;
2013-11-08 15:16:00 +00:00
len = $rows . length ;
if ( combinedFilters === '' || wo . filter _serversideFiltering ) {
$tbody . children ( ) . show ( ) . removeClass ( wo . filter _filteredRow ) ;
} else {
// optimize searching only through already filtered rows - see #313
searchFiltered = true ;
lastSearch = c . lastSearch || c . $table . data ( 'lastSearch' ) || [ ] ;
$ . each ( filters , function ( indx , val ) {
// check for changes from beginning of filter; but ignore if there is a logical "or" in the string
searchFiltered = ( val || '' ) . indexOf ( lastSearch [ indx ] || '' ) === 0 && searchFiltered && ! /(\s+or\s+|\|)/g . test ( val || '' ) ;
2012-08-19 02:10:01 +00:00
} ) ;
2013-11-08 15:16:00 +00:00
// can't search when all rows are hidden - this happens when looking for exact matches
if ( searchFiltered && $rows . filter ( ':visible' ) . length === 0 ) { searchFiltered = false ; }
// loop through the rows
for ( rowIndex = 0 ; rowIndex < len ; rowIndex ++ ) {
childRow = $rows [ rowIndex ] . className ;
// skip child rows & already filtered rows
if ( ts . filter . regex . child . test ( childRow ) || ( searchFiltered && ts . filter . 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
childRowText = ( childRow . length && wo . filter _childRows ) ? childRow . text ( ) : '' ;
childRowText = wo . filter _ignoreCase ? childRowText . toLocaleLowerCase ( ) : childRowText ;
$cells = $rows . eq ( rowIndex ) . children ( 'td' ) ;
for ( columnIndex = 0 ; columnIndex < columns ; columnIndex ++ ) {
// ignore if filter is empty or disabled
2013-11-09 19:52:52 +00:00
if ( filters [ columnIndex ] || wo . filter _anyMatch ) {
2013-11-08 15:16:00 +00:00
cached = c . cache [ tbodyIndex ] . normalized [ rowIndex ] [ columnIndex ] ;
// check if column data should be from the cell or from parsed data
if ( wo . filter _useParsedData || parsed [ columnIndex ] ) {
exact = cached ;
} else {
// using older or original tablesorter
exact = $ . trim ( $cells . eq ( columnIndex ) . text ( ) ) ;
2013-11-09 19:52:52 +00:00
exact = c . sortLocaleCompare ? ts . replaceAccents ( exact ) : exact ; // issue #405
2013-11-08 15:16:00 +00:00
}
iExact = ! ts . filter . regex . type . test ( typeof exact ) && wo . filter _ignoreCase ? exact . toLocaleLowerCase ( ) : exact ;
result = showRow ; // if showRow is true, show that row
2013-11-09 19:52:52 +00:00
if ( typeof filters [ columnIndex ] === "undefined" || filters [ columnIndex ] === null ) {
filters [ columnIndex ] = wo . filter _anyMatch ? combinedFilters : filters [ columnIndex ] ;
}
2013-11-08 15:16:00 +00:00
// replace accents - see #357
filters [ columnIndex ] = c . sortLocaleCompare ? ts . replaceAccents ( filters [ columnIndex ] ) : filters [ columnIndex ] ;
// val = case insensitive, filters[columnIndex] = case sensitive
iFilter = wo . filter _ignoreCase ? filters [ columnIndex ] . toLocaleLowerCase ( ) : filters [ columnIndex ] ;
if ( wo . filter _functions && wo . filter _functions [ columnIndex ] ) {
if ( wo . filter _functions [ columnIndex ] === true ) {
// default selector; no "filter-select" class
result = ( c . $headers . filter ( '[data-column="' + columnIndex + '"]:last' ) . hasClass ( 'filter-match' ) ) ?
iExact . search ( iFilter ) >= 0 : filters [ columnIndex ] === exact ;
} else if ( typeof wo . filter _functions [ columnIndex ] === 'function' ) {
// filter callback( exact cell content, parser normalized content, filter input value, column index, jQuery row object )
result = wo . filter _functions [ columnIndex ] ( exact , cached , filters [ columnIndex ] , columnIndex , $rows . eq ( rowIndex ) ) ;
} else if ( typeof wo . filter _functions [ columnIndex ] [ filters [ columnIndex ] ] === 'function' ) {
// selector option function
result = wo . filter _functions [ columnIndex ] [ filters [ columnIndex ] ] ( exact , cached , filters [ columnIndex ] , columnIndex , $rows . eq ( rowIndex ) ) ;
}
} else {
filterMatched = null ;
// cycle through the different filters
// filters return a boolean or null if nothing matches
2013-11-09 19:52:52 +00:00
$ . each ( ts . filter . types , function ( type , typeFunction ) {
2013-11-22 17:37:16 +00:00
if ( ! wo . filter _anyMatch || ( wo . filter _anyMatch && $ . inArray ( type , anyMatchNotAllowedTypes ) < 0 ) ) {
2013-11-09 19:52:52 +00:00
matches = typeFunction ( filters [ columnIndex ] , iFilter , exact , iExact , cached , columnIndex , table , wo , parsed ) ;
if ( matches !== null ) {
filterMatched = matches ;
return false ;
}
2013-11-08 15:16:00 +00:00
}
} ) ;
if ( filterMatched !== null ) {
result = filterMatched ;
// Look for match, and add child row data for matching
} else {
exact = ( iExact + childRowText ) . indexOf ( iFilter ) ;
result = ( ( ! wo . filter _startsWith && exact >= 0 ) || ( wo . filter _startsWith && exact === 0 ) ) ;
2012-08-19 02:10:01 +00:00
}
2012-06-01 14:49:46 +00:00
}
2013-11-09 19:52:52 +00:00
if ( wo . filter _anyMatch ) {
showRow = result ;
if ( showRow ) {
break ;
}
} else {
showRow = ( result ) ? showRow : false ;
}
2012-06-01 14:49:46 +00:00
}
2011-09-13 22:55:31 +00:00
}
2013-11-08 15:16:00 +00:00
$rows [ rowIndex ] . style . display = ( showRow ? '' : 'none' ) ;
$rows . eq ( rowIndex ) [ showRow ? 'removeClass' : 'addClass' ] ( wo . filter _filteredRow ) ;
if ( childRow . length ) {
if ( c . pager && c . pager . countChildRows || wo . pager _countChildRows ) {
childRow [ showRow ? 'removeClass' : 'addClass' ] ( wo . filter _filteredRow ) ; // see issue #396
}
childRow . toggle ( showRow ) ;
}
2012-06-01 14:49:46 +00:00
}
}
2013-11-08 15:16:00 +00:00
ts . processTbody ( table , $tbody , false ) ;
}
c . lastCombinedFilter = combinedFilters ; // save last search
c . lastSearch = filters ;
c . $table . data ( 'lastSearch' , filters ) ;
2013-11-16 18:58:59 +00:00
if ( wo . filter _saveFilters && ts . storage ) {
ts . storage ( table , 'tablesorter-filters' , filters ) ;
}
2013-11-08 15:16:00 +00:00
if ( c . debug ) {
ts . benchmark ( "Completed filter widget search" , time ) ;
}
c . $table . trigger ( 'applyWidgets' ) ; // make sure zebra widget is applied
c . $table . trigger ( 'filterEnd' ) ;
} ,
buildSelect : function ( table , column , updating , onlyavail ) {
column = parseInt ( column , 10 ) ;
var indx , rowIndex , tbodyIndex , len , currentValue , txt ,
c = table . config ,
wo = c . widgetOptions ,
$tbodies = c . $tbodies ,
arry = [ ] ,
node = c . $headers . filter ( '[data-column="' + column + '"]:last' ) ,
// t.data('placeholder') won't work in jQuery older than 1.4.3
options = '<option value="">' + ( node . data ( 'placeholder' ) || node . attr ( 'data-placeholder' ) || '' ) + '</option>' ;
for ( tbodyIndex = 0 ; tbodyIndex < $tbodies . length ; tbodyIndex ++ ) {
len = c . cache [ tbodyIndex ] . row . length ;
// loop through the rows
for ( rowIndex = 0 ; rowIndex < len ; rowIndex ++ ) {
// check if has class filtered
if ( onlyavail && c . cache [ tbodyIndex ] . row [ rowIndex ] [ 0 ] . className . match ( wo . filter _filteredRow ) ) { continue ; }
// get non-normalized cell content
if ( wo . filter _useParsedData ) {
arry . push ( '' + c . cache [ tbodyIndex ] . normalized [ rowIndex ] [ column ] ) ;
} else {
node = c . cache [ tbodyIndex ] . row [ rowIndex ] [ 0 ] . cells [ column ] ;
if ( node ) {
arry . push ( $ . trim ( node . textContent || node . innerText || $ ( node ) . text ( ) ) ) ;
}
}
2012-08-19 02:10:01 +00:00
}
2013-11-08 15:16:00 +00:00
}
// 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 ;
} ) ;
2013-11-20 04:21:16 +00:00
arry = ( ts . sortNatural ) ? arry . sort ( function ( a , b ) { return ts . sortNatural ( a , b ) ; } ) : arry . sort ( true ) ;
2012-08-19 02:10:01 +00:00
2013-11-08 15:16:00 +00:00
// Get curent filter value
currentValue = c . $table . find ( 'thead' ) . find ( 'select.tablesorter-filter[data-column="' + column + '"]' ) . val ( ) ;
2012-08-19 02:10:01 +00:00
2013-11-08 15:16:00 +00:00
// build option list
for ( indx = 0 ; indx < arry . length ; indx ++ ) {
txt = arry [ indx ] . replace ( /\"/g , """ ) ;
// replace quotes - fixes #242 & ignore empty strings - see http://stackoverflow.com/q/14990971/145346
options += arry [ indx ] !== '' ? '<option value="' + txt + '"' + ( currentValue === txt ? ' selected="selected"' : '' ) +
'>' + arry [ indx ] + '</option>' : '' ;
}
c . $table . find ( 'thead' ) . find ( 'select.tablesorter-filter[data-column="' + column + '"]' ) [ updating ? 'html' : 'append' ] ( options ) ;
} ,
buildDefault : function ( table , updating ) {
var columnIndex , $header ,
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' ) ;
// look for the filter-select class; build/update it if found
if ( ( $header . hasClass ( 'filter-select' ) || wo . filter _functions && wo . filter _functions [ columnIndex ] === true ) &&
! $header . hasClass ( 'filter-false' ) ) {
if ( ! wo . filter _functions ) { wo . filter _functions = { } ; }
wo . filter _functions [ columnIndex ] = true ; // make sure this select gets processed by filter_functions
ts . filter . buildSelect ( table , columnIndex , updating , $header . hasClass ( wo . filter _onlyAvail ) ) ;
2012-08-19 02:10:01 +00:00
}
}
} ,
2013-11-09 19:52:52 +00:00
searching : function ( table , filter , external ) {
if ( typeof filter === 'undefined' || filter === true || external ) {
2013-11-08 15:16:00 +00:00
var wo = table . config . widgetOptions ;
// delay filtering
clearTimeout ( wo . searchTimer ) ;
wo . searchTimer = setTimeout ( function ( ) {
2013-11-09 19:52:52 +00:00
ts . filter . checkFilters ( table , external || filter ) ;
2013-11-08 15:16:00 +00:00
} , wo . filter _liveSearch ? wo . filter _searchDelay : 10 ) ;
} else {
// skip delay
ts . filter . checkFilters ( table , filter ) ;
2011-09-13 22:55:31 +00:00
}
}
2013-11-08 15:16:00 +00:00
} ;
2013-04-12 16:26:16 +00:00
ts . getFilters = function ( table ) {
var c = table ? $ ( table ) [ 0 ] . config : { } ;
2013-11-08 15:16:00 +00:00
if ( c && c . widgetOptions && ! c . widgetOptions . filter _columnFilters ) {
// no filter row
return $ ( table ) . data ( 'lastSearch' ) ;
}
return c && c . $filters ? c . $filters . map ( function ( indx , el ) {
2013-10-31 15:06:50 +00:00
return $ ( el ) . find ( '.tablesorter-filter' ) . val ( ) || '' ;
2013-04-12 16:26:16 +00:00
} ) . get ( ) || [ ] : false ;
} ;
2013-11-08 15:16:00 +00:00
2013-04-12 16:26:16 +00:00
ts . setFilters = function ( table , filter , apply ) {
2013-11-08 15:16:00 +00:00
var $table = $ ( table ) ,
c = $table . length ? $table [ 0 ] . config : { } ,
valid = c && c . $filters ? c . $filters . each ( function ( indx , el ) {
$ ( el ) . find ( '.tablesorter-filter' ) . val ( filter [ indx ] || '' ) ;
} ) . trigger ( 'change.tsfilter' ) || false : false ;
if ( apply ) { $table . trigger ( 'search' , [ filter , false ] ) ; }
2013-04-12 16:26:16 +00:00
return ! ! valid ;
} ;
2011-09-16 15:43:09 +00:00
2012-03-07 18:06:35 +00:00
// Widget: Sticky headers
2011-10-11 05:48:34 +00:00
// based on this awesome article:
2013-06-05 08:31:55 +00:00
// http://css-tricks.com/13465-persistent-headers/
2012-08-19 02:10:01 +00:00
// and https://github.com/jmosbech/StickyTableHeaders by Jonas Mosbech
2011-10-11 05:48:34 +00:00
// **************************
2013-03-31 17:18:20 +00:00
ts . addWidget ( {
2011-10-11 05:48:34 +00:00
id : "stickyHeaders" ,
2013-11-14 03:23:25 +00:00
priority : 60 , // sticky widget must be initialized after the filter widget!
2013-03-31 17:18:20 +00:00
options : {
2013-10-08 17:41:44 +00:00
stickyHeaders : '' , // extra class name added to the sticky header row
2013-05-03 21:25:41 +00:00
stickyHeaders _offset : 0 , // number or jquery selector targeting the position:fixed element
2013-05-04 12:25:51 +00:00
stickyHeaders _cloneId : '-sticky' , // added to table ID, if it exists
2013-06-05 01:11:05 +00:00
stickyHeaders _addResizeEvent : true , // trigger "resize" event on headers
2013-06-10 21:37:48 +00:00
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
2013-03-31 17:18:20 +00:00
} ,
2013-11-14 03:23:25 +00:00
format : function ( table , c , wo ) {
2013-03-31 17:18:20 +00:00
if ( c . $table . hasClass ( 'hasStickyHeaders' ) ) { return ; }
2013-11-14 03:23:25 +00:00
var $cell ,
$table = c . $table ,
2013-05-06 14:07:21 +00:00
$win = $ ( window ) ,
2013-11-14 03:23:25 +00:00
$thead = $table . children ( 'thead:first' ) ,
$header = $thead . children ( 'tr' ) . not ( '.sticky-false' ) . children ( ) ,
innerHeader = '.tablesorter-header-inner' ,
$tfoot = $table . find ( 'tfoot' ) ,
2013-10-08 17:41:44 +00:00
filterInputs = '.tablesorter-filter' ,
2013-05-06 14:07:21 +00:00
$stickyOffset = isNaN ( wo . stickyHeaders _offset ) ? $ ( wo . stickyHeaders _offset ) : '' ,
stickyOffset = $stickyOffset . length ? $stickyOffset . height ( ) || 0 : parseInt ( wo . stickyHeaders _offset , 10 ) || 0 ,
2013-11-14 03:23:25 +00:00
$stickyTable = wo . $sticky = $table . clone ( )
2013-04-01 16:02:48 +00:00
. addClass ( 'containsStickyHeaders' )
2011-10-11 05:48:34 +00:00
. css ( {
position : 'fixed' ,
2012-03-22 14:58:43 +00:00
margin : 0 ,
2013-05-03 21:25:41 +00:00
top : stickyOffset ,
2011-10-26 06:50:02 +00:00
visibility : 'hidden' ,
2013-11-14 03:23:25 +00:00
zIndex : wo . stickyHeaders _zIndex ? wo . stickyHeaders _zIndex : 2
2011-10-11 05:48:34 +00:00
} ) ,
2013-11-14 03:23:25 +00:00
$stickyThead = $stickyTable . children ( 'thead:first' ) . addClass ( 'tablesorter-stickyHeader ' + wo . stickyHeaders ) ,
$stickyCells ,
2012-08-19 02:10:01 +00:00
laststate = '' ,
2012-10-13 18:58:16 +00:00
spacing = 0 ,
2013-11-14 03:23:25 +00:00
updatingStickyFilters = false ,
2013-11-23 01:12:17 +00:00
nonwkie = $table . css ( 'border-collapse' ) !== 'collapse' && ! /(webkit|msie)/i . test ( navigator . userAgent ) ,
2013-11-14 03:23:25 +00:00
resizeHeader = function ( ) {
2013-05-06 14:07:21 +00:00
stickyOffset = $stickyOffset . length ? $stickyOffset . height ( ) || 0 : parseInt ( wo . stickyHeaders _offset , 10 ) || 0 ;
2012-10-13 18:58:16 +00:00
spacing = 0 ;
2012-08-19 02:10:01 +00:00
// yes, I dislike browser sniffing, but it really is needed here :(
// webkit automatically compensates for border spacing
2013-11-23 01:12:17 +00:00
if ( nonwkie ) {
2012-11-14 22:44:36 +00:00
// Firefox & Opera use the border-spacing
2012-08-19 02:10:01 +00:00
// update border-spacing here because of demos that switch themes
2013-11-14 03:23:25 +00:00
spacing = parseInt ( $header . eq ( 0 ) . css ( 'border-left-width' ) , 10 ) * 2 ;
2012-08-19 02:10:01 +00:00
}
2013-05-03 21:25:41 +00:00
$stickyTable . css ( {
2013-11-24 16:23:03 +00:00
left : $thead . offset ( ) . left - $win . scrollLeft ( ) - spacing ,
2013-11-14 03:23:25 +00:00
width : $table . width ( )
2012-08-19 02:10:01 +00:00
} ) ;
2013-11-14 03:23:25 +00:00
$stickyCells . filter ( ':visible' ) . each ( function ( i ) {
2013-11-23 01:12:17 +00:00
var $cell = $header . filter ( ':visible' ) . eq ( i ) ,
// some wibbly-wobbly... timey-wimey... stuff, to make columns line up in Firefox
offset = nonwkie && $ ( this ) . attr ( 'data-column' ) === ( '' + parseInt ( c . columns / 2 , 10 ) ) ? 1 : 0 ;
2013-04-01 16:02:48 +00:00
$ ( this )
. css ( {
2013-11-14 03:23:25 +00:00
width : $cell . width ( ) - spacing ,
height : $cell . height ( )
2013-04-01 16:02:48 +00:00
} )
2013-11-23 01:12:17 +00:00
. find ( innerHeader ) . width ( $cell . find ( innerHeader ) . width ( ) - offset ) ;
2012-08-19 02:10:01 +00:00
} ) ;
} ;
2013-03-31 17:18:20 +00:00
// fix clone ID, if it exists - fixes #271
2013-05-03 21:25:41 +00:00
if ( $stickyTable . attr ( 'id' ) ) { $stickyTable [ 0 ] . id += wo . stickyHeaders _cloneId ; }
2012-11-14 22:44:36 +00:00
// clear out cloned table, except for sticky header
2013-04-01 16:02:48 +00:00
// include caption & filter row (fixes #126 & #249)
2013-05-03 21:25:41 +00:00
$stickyTable . find ( 'thead:gt(0), tr.sticky-false, tbody, tfoot' ) . remove ( ) ;
2013-06-05 01:11:05 +00:00
if ( ! wo . stickyHeaders _includeCaption ) {
$stickyTable . find ( 'caption' ) . remove ( ) ;
2013-11-23 01:12:17 +00:00
} else {
$stickyTable . find ( 'caption' ) . css ( 'margin-left' , '-1px' ) ;
2013-06-05 01:11:05 +00:00
}
2013-04-01 16:02:48 +00:00
// issue #172 - find td/th in sticky header
2013-11-14 03:23:25 +00:00
$stickyCells = $stickyThead . children ( ) . children ( ) ;
2013-05-03 21:25:41 +00:00
$stickyTable . css ( { height : 0 , width : 0 , padding : 0 , margin : 0 , border : 0 } ) ;
2012-08-19 02:10:01 +00:00
// remove resizable block
2013-11-14 03:23:25 +00:00
$stickyCells . find ( '.tablesorter-resizer' ) . remove ( ) ;
2012-03-08 15:10:38 +00:00
// update sticky header class names to match real header after sorting
2013-11-14 03:23:25 +00:00
$table
. addClass ( 'hasStickyHeaders' )
. bind ( 'sortEnd.tsSticky' , function ( ) {
$header . filter ( ':visible' ) . each ( function ( indx ) {
$cell = $stickyCells . filter ( ':visible' ) . eq ( indx )
. attr ( 'class' , $ ( this ) . attr ( 'class' ) )
// remove processing icon
. removeClass ( ts . css . processing + ' ' + c . cssProcessing ) ;
if ( c . cssIcon ) {
$cell
. find ( '.' + ts . css . icon )
. attr ( 'class' , $ ( this ) . find ( '.' + ts . css . icon ) . attr ( 'class' ) ) ;
}
} ) ;
} )
. bind ( 'pagerComplete.tsSticky' , function ( ) {
resizeHeader ( ) ;
2011-10-11 05:48:34 +00:00
} ) ;
2013-11-14 03:23:25 +00:00
// http://stackoverflow.com/questions/5312849/jquery-find-self;
$header . find ( c . selectorSort ) . add ( c . $headers . filter ( c . selectorSort ) ) . each ( function ( indx ) {
var $header = $ ( this ) ,
// clicking on sticky will trigger sort
$cell = $stickyThead . children ( 'tr.tablesorter-headerRow' ) . children ( ) . eq ( indx ) . bind ( 'mouseup' , function ( event ) {
$header . trigger ( event , true ) ; // external mouseup flag (click timer is ignored)
} ) ;
// prevent sticky header text selection
if ( c . cancelSelection ) {
$cell
. attr ( 'unselectable' , 'on' )
. bind ( 'selectstart' , false )
. css ( {
'user-select' : 'none' ,
'MozUserSelect' : 'none'
} ) ;
}
2012-08-19 02:10:01 +00:00
} ) ;
2012-11-16 00:09:50 +00:00
// add stickyheaders AFTER the table. If the table is selected by ID, the original one (first) will be returned.
2013-11-14 03:23:25 +00:00
$table . after ( $stickyTable ) ;
2011-10-11 05:48:34 +00:00
// make it sticky!
2013-11-14 03:23:25 +00:00
$win . bind ( 'scroll.tsSticky resize.tsSticky' , function ( event ) {
if ( ! $table . is ( ':visible' ) ) { return ; } // fixes #278
var prefix = 'tablesorter-sticky-' ,
offset = $table . offset ( ) ,
captionHeight = ( wo . stickyHeaders _includeCaption ? 0 : $table . find ( 'caption' ) . outerHeight ( true ) ) ,
scrollTop = $win . scrollTop ( ) + stickyOffset - captionHeight ,
tableHeight = $table . height ( ) - ( $stickyTable . height ( ) + ( $tfoot . height ( ) || 0 ) ) ,
isVisible = ( scrollTop > offset . top ) && ( scrollTop < offset . top + tableHeight ) ? 'visible' : 'hidden' ;
2013-05-03 21:25:41 +00:00
$stickyTable
2013-11-14 03:23:25 +00:00
. removeClass ( prefix + 'visible ' + prefix + 'hidden' )
. addClass ( prefix + isVisible )
. css ( {
// adjust when scrolling horizontally - fixes issue #143
2013-11-24 16:23:03 +00:00
left : $thead . offset ( ) . left - $win . scrollLeft ( ) - spacing ,
2013-11-14 03:23:25 +00:00
visibility : isVisible
} ) ;
if ( isVisible !== laststate || event . type === 'resize' ) {
2012-08-19 02:10:01 +00:00
// make sure the column widths match
2013-11-14 03:23:25 +00:00
resizeHeader ( ) ;
laststate = isVisible ;
2012-08-19 02:10:01 +00:00
}
} ) ;
2013-05-04 12:25:51 +00:00
if ( wo . stickyHeaders _addResizeEvent ) {
ts . addHeaderResizeEvent ( table ) ;
}
2013-04-01 16:02:48 +00:00
// look for filter widget
2013-11-27 18:50:58 +00:00
if ( $table . hasClass ( 'hasFilters' ) ) {
$table . bind ( 'filterEnd' , function ( ) {
// $(':focus') needs jQuery 1.6+
if ( $ ( document . activeElement ) . closest ( 'thead' ) [ 0 ] !== $stickyThead [ 0 ] ) {
// don't update the stickyheader filter row if it already has focus
$stickyThead . find ( '.tablesorter-filter-row' ) . children ( ) . each ( function ( indx ) {
$ ( this ) . find ( filterInputs ) . val ( c . $filters . find ( filterInputs ) . eq ( indx ) . val ( ) ) ;
} ) ;
}
2013-04-01 16:02:48 +00:00
} ) ;
2013-11-27 18:50:58 +00:00
ts . filter . bindSearch ( $table , $stickyCells . find ( '.tablesorter-filter' ) . addClass ( 'tablesorter-external-filter' ) ) ;
}
2013-11-14 03:23:25 +00:00
$table . trigger ( 'stickyHeadersInit' ) ;
2013-04-01 16:02:48 +00:00
2012-08-19 02:10:01 +00:00
} ,
2013-11-14 03:23:25 +00:00
remove : function ( table , c , wo ) {
2013-03-31 17:18:20 +00:00
c . $table
2012-08-19 02:10:01 +00:00
. removeClass ( 'hasStickyHeaders' )
. unbind ( 'sortEnd.tsSticky pagerComplete.tsSticky' )
2013-10-08 17:41:44 +00:00
. find ( '.tablesorter-stickyHeader' ) . remove ( ) ;
2013-06-05 01:02:16 +00:00
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 ) . unbind ( 'scroll.tsSticky resize.tsSticky' ) ;
}
2013-05-04 12:25:51 +00:00
ts . addHeaderResizeEvent ( table , false ) ;
2011-10-11 05:48:34 +00:00
}
} ) ;
2011-10-26 06:50:02 +00:00
// Add Column resizing widget
2012-03-07 18:06:35 +00:00
// this widget saves the column widths if
// $.tablesorter.storage function is included
2011-10-26 06:50:02 +00:00
// **************************
2013-03-31 17:18:20 +00:00
ts . addWidget ( {
2011-10-26 06:50:02 +00:00
id : "resizable" ,
2013-03-31 17:18:20 +00:00
priority : 40 ,
options : {
resizable : true ,
resizable _addLastColumn : false
} ,
2013-11-14 03:23:25 +00:00
format : function ( table , c , wo ) {
2013-03-31 17:18:20 +00:00
if ( c . $table . hasClass ( 'hasResizable' ) ) { return ; }
c . $table . addClass ( 'hasResizable' ) ;
2013-11-14 03:23:25 +00:00
var $rows , $columns , $column , column ,
storedSizes = { } ,
$table = c . $table ,
mouseXPosition = 0 ,
2012-03-07 18:06:35 +00:00
$target = null ,
2012-08-19 02:10:01 +00:00
$next = null ,
2013-11-14 03:23:25 +00:00
fullWidth = Math . abs ( $table . parent ( ) . width ( ) - $table . width ( ) ) < 20 ,
stopResize = function ( ) {
if ( ts . storage && $target ) {
storedSizes [ $target . index ( ) ] = $target . width ( ) ;
storedSizes [ $next . index ( ) ] = $next . width ( ) ;
$target . width ( storedSizes [ $target . index ( ) ] ) ;
$next . width ( storedSizes [ $next . index ( ) ] ) ;
if ( wo . resizable !== false ) {
ts . storage ( table , 'tablesorter-resizable' , storedSizes ) ;
2013-01-29 22:39:06 +00:00
}
}
2013-11-14 03:23:25 +00:00
mouseXPosition = 0 ;
2012-08-19 02:10:01 +00:00
$target = $next = null ;
2012-03-07 18:06:35 +00:00
$ ( window ) . trigger ( 'resize' ) ; // will update stickyHeaders, just in case
} ;
2013-11-14 03:23:25 +00:00
storedSizes = ( ts . storage && wo . resizable !== false ) ? ts . storage ( table , 'tablesorter-resizable' ) : { } ;
2012-03-07 18:06:35 +00:00
// process only if table ID or url match
2013-11-14 03:23:25 +00:00
if ( storedSizes ) {
for ( column in storedSizes ) {
if ( ! isNaN ( column ) && column < c . $headers . length ) {
c . $headers . eq ( column ) . width ( storedSizes [ column ] ) ; // set saved resizable widths
2012-03-07 18:06:35 +00:00
}
2011-10-26 06:50:02 +00:00
}
2012-03-07 18:06:35 +00:00
}
2013-11-14 03:23:25 +00:00
$rows = $table . children ( 'thead:first' ) . children ( 'tr' ) ;
2013-01-29 22:39:06 +00:00
// add resizable-false class name to headers (across rows as needed)
2013-11-14 03:23:25 +00:00
$rows . children ( ) . each ( function ( ) {
var canResize ,
$column = $ ( this ) ;
column = $column . attr ( 'data-column' ) ;
canResize = ts . getData ( $column , c . headers [ column ] , 'resizable' ) === "false" ;
$rows . children ( ) . filter ( '[data-column="' + column + '"]' ) [ canResize ? 'addClass' : 'removeClass' ] ( 'resizable-false' ) ;
2013-01-29 22:39:06 +00:00
} ) ;
// add wrapper inside each cell to allow for positioning of the resizable target block
2013-11-14 03:23:25 +00:00
$rows . each ( function ( ) {
$column = $ ( this ) . children ( ) . not ( '.resizable-false' ) ;
2012-09-29 13:20:33 +00:00
if ( ! $ ( this ) . find ( '.tablesorter-wrapper' ) . length ) {
2012-09-27 19:57:19 +00:00
// Firefox needs this inner div to position the resizer correctly
2013-11-14 03:23:25 +00:00
$column . wrapInner ( '<div class="tablesorter-wrapper" style="position:relative;height:100%;width:100%"></div>' ) ;
2012-09-29 13:20:33 +00:00
}
2013-03-30 15:14:42 +00:00
// don't include the last column of the row
2013-11-14 03:23:25 +00:00
if ( ! wo . resizable _addLastColumn ) { $column = $column . slice ( 0 , - 1 ) ; }
$columns = $columns ? $columns . add ( $column ) : $column ;
2012-08-19 02:10:01 +00:00
} ) ;
2013-11-14 03:23:25 +00:00
$columns
. each ( function ( ) {
var $column = $ ( this ) ,
padding = parseInt ( $column . css ( 'padding-right' ) , 10 ) + 10 ; // 10 is 1/2 of the 20px wide resizer grip
$column
2012-09-27 19:57:19 +00:00
. find ( '.tablesorter-wrapper' )
2013-11-14 03:23:25 +00:00
. append ( '<div class="tablesorter-resizer" style="cursor:w-resize;position:absolute;z-index:1;right:-' +
padding + 'px;top:0;height:100%;width:20px;"></div>' ) ;
2012-08-19 02:10:01 +00:00
} )
2013-11-14 03:23:25 +00:00
. bind ( 'mousemove.tsresize' , function ( event ) {
2012-08-19 02:10:01 +00:00
// ignore mousemove if no mousedown
2013-11-14 03:23:25 +00:00
if ( mouseXPosition === 0 || ! $target ) { return ; }
2012-08-19 02:10:01 +00:00
// resize columns
2013-11-14 03:23:25 +00:00
var leftEdge = event . pageX - mouseXPosition ,
targetWidth = $target . width ( ) ;
$target . width ( targetWidth + leftEdge ) ;
if ( $target . width ( ) !== targetWidth && fullWidth ) {
$next . width ( $next . width ( ) - leftEdge ) ;
2013-01-29 22:39:06 +00:00
}
2013-11-14 03:23:25 +00:00
mouseXPosition = event . pageX ;
2012-08-19 02:10:01 +00:00
} )
2013-11-14 03:23:25 +00:00
. bind ( 'mouseup.tsresize' , function ( ) {
2012-08-19 02:10:01 +00:00
stopResize ( ) ;
} )
2013-01-29 22:39:06 +00:00
. find ( '.tablesorter-resizer,.tablesorter-resizer-grip' )
2013-11-14 03:23:25 +00:00
. bind ( 'mousedown' , function ( event ) {
2012-09-29 13:20:33 +00:00
// save header cell and mouse position; closest() not supported by jQuery v1.2.6
2013-11-14 03:23:25 +00:00
$target = $ ( event . target ) . closest ( 'th' ) ;
var $header = c . $headers . filter ( '[data-column="' + $target . attr ( 'data-column' ) + '"]' ) ;
if ( $header . length > 1 ) { $target = $target . add ( $header ) ; }
2013-01-29 22:39:06 +00:00
// if table is not as wide as it's parent, then resize the table
2013-11-14 03:23:25 +00:00
$next = event . shiftKey ? $target . parent ( ) . find ( 'th' ) . not ( '.resizable-false' ) . filter ( ':last' ) : $target . nextAll ( ':not(.resizable-false)' ) . eq ( 0 ) ;
mouseXPosition = event . pageX ;
2012-08-19 02:10:01 +00:00
} ) ;
2013-11-14 03:23:25 +00:00
$table . find ( 'thead:first' )
. bind ( 'mouseup.tsresize mouseleave.tsresize' , function ( ) {
2012-03-07 18:06:35 +00:00
stopResize ( ) ;
2012-08-19 02:10:01 +00:00
} )
// right click to reset columns to default widths
2013-11-14 03:23:25 +00:00
. bind ( 'contextmenu.tsresize' , function ( ) {
2013-03-31 17:18:20 +00:00
ts . resizableReset ( table ) ;
2013-11-14 03:23:25 +00:00
// $.isEmptyObject() needs jQuery 1.4+; allow right click if already reset
var allowClick = $ . isEmptyObject ? $ . isEmptyObject ( storedSizes ) : true ;
storedSizes = { } ;
return allowClick ;
2012-03-07 18:06:35 +00:00
} ) ;
2012-08-19 02:10:01 +00:00
} ,
2013-11-14 03:23:25 +00:00
remove : function ( table , c ) {
2013-03-31 17:18:20 +00:00
c . $table
2012-08-19 02:10:01 +00:00
. removeClass ( 'hasResizable' )
2013-11-14 03:23:25 +00:00
. children ( 'thead' )
2012-08-19 02:10:01 +00:00
. unbind ( 'mouseup.tsresize mouseleave.tsresize contextmenu.tsresize' )
2013-11-14 03:23:25 +00:00
. children ( 'tr' ) . children ( )
2012-08-19 02:10:01 +00:00
. unbind ( 'mousemove.tsresize mouseup.tsresize' )
2013-01-29 22:39:06 +00:00
// don't remove "tablesorter-wrapper" as uitheme uses it too
. find ( '.tablesorter-resizer,.tablesorter-resizer-grip' ) . remove ( ) ;
2013-03-31 17:18:20 +00:00
ts . resizableReset ( table ) ;
2011-10-26 06:50:02 +00:00
}
} ) ;
2013-11-14 03:23:25 +00:00
ts . resizableReset = function ( table ) {
table . config . $headers . not ( '.resizable-false' ) . css ( 'width' , '' ) ;
2013-03-31 17:18:20 +00:00
if ( ts . storage ) { ts . storage ( table , 'tablesorter-resizable' , { } ) ; }
2012-08-19 02:10:01 +00:00
} ;
2011-10-26 06:50:02 +00:00
2012-02-01 05:14:28 +00:00
// Save table sort widget
2012-03-07 18:06:35 +00:00
// this widget saves the last sort only if the
2012-08-19 02:10:01 +00:00
// saveSort widget option is true AND the
2012-03-07 18:06:35 +00:00
// $.tablesorter.storage function is included
2012-02-01 05:14:28 +00:00
// **************************
2013-03-31 17:18:20 +00:00
ts . addWidget ( {
2012-02-01 05:14:28 +00:00
id : 'saveSort' ,
2013-04-01 16:02:48 +00:00
priority : 20 ,
2013-03-31 17:18:20 +00:00
options : {
saveSort : true
} ,
2013-11-14 03:23:25 +00:00
init : function ( table , thisWidget , c , wo ) {
2012-02-02 00:02:19 +00:00
// run widget format before all other widgets are applied to the table
2013-03-05 18:02:28 +00:00
thisWidget . format ( table , c , wo , true ) ;
2012-02-02 00:02:19 +00:00
} ,
2013-11-14 03:23:25 +00:00
format : function ( table , c , wo , init ) {
var stored , time ,
$table = c . $table ,
saveSort = wo . saveSort !== false , // make saveSort active/inactive; default to true
2012-08-19 02:10:01 +00:00
sortList = { "sortList" : c . sortList } ;
2013-11-14 03:23:25 +00:00
if ( c . debug ) {
2012-02-01 05:14:28 +00:00
time = new Date ( ) ;
}
2013-11-14 03:23:25 +00:00
if ( $table . hasClass ( 'hasSaveSort' ) ) {
if ( saveSort && table . hasInitialized && ts . storage ) {
2013-03-31 17:18:20 +00:00
ts . storage ( table , 'tablesorter-savesort' , sortList ) ;
2013-11-14 03:23:25 +00:00
if ( c . debug ) {
2013-03-31 17:18:20 +00:00
ts . benchmark ( 'saveSort widget: Saving last sort: ' + c . sortList , time ) ;
2012-02-21 00:14:25 +00:00
}
2012-02-01 05:14:28 +00:00
}
} else {
// set table sort on initial run of the widget
2013-11-14 03:23:25 +00:00
$table . addClass ( 'hasSaveSort' ) ;
2012-03-07 18:06:35 +00:00
sortList = '' ;
2012-02-01 05:14:28 +00:00
// get data
2013-11-14 03:23:25 +00:00
if ( ts . storage ) {
stored = ts . storage ( table , 'tablesorter-savesort' ) ;
sortList = ( stored && stored . hasOwnProperty ( 'sortList' ) && $ . isArray ( stored . sortList ) ) ? stored . sortList : '' ;
if ( c . debug ) {
2013-03-31 17:18:20 +00:00
ts . benchmark ( 'saveSort: Last sort loaded: "' + sortList + '"' , time ) ;
2012-03-07 18:06:35 +00:00
}
2013-11-14 03:23:25 +00:00
$table . bind ( 'saveSortReset' , function ( event ) {
event . stopPropagation ( ) ;
2013-03-31 17:18:20 +00:00
ts . storage ( table , 'tablesorter-savesort' , '' ) ;
2013-02-24 06:17:42 +00:00
} ) ;
2012-02-01 05:14:28 +00:00
}
2012-02-02 00:02:19 +00:00
// 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.
2013-11-14 03:23:25 +00:00
if ( init && sortList && sortList . length > 0 ) {
2012-02-02 00:02:19 +00:00
c . sortList = sortList ;
2013-11-14 03:23:25 +00:00
} else if ( table . hasInitialized && sortList && sortList . length > 0 ) {
2012-02-02 00:02:19 +00:00
// update sort change
2013-11-14 03:23:25 +00:00
$table . trigger ( 'sorton' , [ sortList ] ) ;
2012-02-01 05:14:28 +00:00
}
}
2012-08-19 02:10:01 +00:00
} ,
2013-11-14 03:23:25 +00:00
remove : function ( table ) {
2012-08-19 02:10:01 +00:00
// clear storage
2013-03-31 17:18:20 +00:00
if ( ts . storage ) { ts . storage ( table , 'tablesorter-savesort' , '' ) ; }
2012-02-01 05:14:28 +00:00
}
} ) ;
2012-05-30 04:55:28 +00:00
} ) ( jQuery ) ;