2014-05-01 02:50:31 +00:00
/ * ! t a b l e S o r t e r 2 . 1 6 + w i d g e t s - u p d a t e d 4 / 3 0 / 2 0 1 4 ( v 2 . 1 6 . 3 )
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
}
} ;
2014-02-02 00:51:36 +00:00
$ . extend ( ts . css , {
filterRow : 'tablesorter-filter-row' , // filter
filter : 'tablesorter-filter' ,
wrapper : 'tablesorter-wrapper' , // ui theme & resizable
resizer : 'tablesorter-resizer' , // resizable
grip : 'tablesorter-resizer-grip' ,
sticky : 'tablesorter-stickyHeader' , // stickyHeader
stickyVis : 'tablesorter-sticky-visible'
} ) ;
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 {
2014-03-09 22:53:34 +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 ) {
2014-04-27 13:04:39 +00:00
var i , time , classes , $header , $icon , $tfoot ,
2013-11-14 03:23:25 +00:00
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
} ) ;
2014-02-02 00:51:36 +00:00
if ( ! $headers . find ( '.' + ts . css . wrapper ) . length ) {
2013-11-14 03:23:25 +00:00
// Firefox needs this inner div to position the resizer correctly
2014-02-02 00:51:36 +00:00
$headers . wrapInner ( '<div class="' + ts . css . 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' ) ) {
2014-02-02 00:51:36 +00:00
$headers . find ( '.' + ts . css . filterRow ) . addClass ( themes . filterRow ) ;
2012-08-19 02:10:01 +00:00
}
2011-09-11 17:51:02 +00:00
}
2014-04-27 13:04:39 +00:00
for ( i = 0 ; i < c . columns ; i ++ ) {
$header = c . $headers . add ( c . $extraHeaders ) . filter ( '[data-column="' + i + '"]' ) ;
2013-11-14 03:23:25 +00:00
$icon = ( ts . css . icon ) ? $header . find ( '.' + ts . css . icon ) : $header ;
2014-04-27 13:04:39 +00:00
if ( c . $headers . filter ( '[data-column="' + i + '"]:last' ) [ 0 ] . 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 ) ;
2014-02-02 00:51:36 +00:00
$icon . removeClass ( remove + ' ' + 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
}
2014-04-27 13:04:39 +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 )
2014-02-02 00:51:36 +00:00
. find ( '.' + ts . css . filterRow )
2013-11-14 03:23:25 +00:00
. removeClass ( themes . filterRow ) ;
2014-02-02 00:51:36 +00:00
$headers . find ( '.' + ts . css . 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 : {
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)
2014-02-01 14:18:55 +00:00
filter _external : '' , // jQuery selector string (or jQuery object) of external filters
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
2014-02-02 04:06:01 +00:00
filter _hideEmpty : true , // hide filter row when table is empty
2013-03-31 17:18:20 +00:00
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
2014-04-16 17:52:25 +00:00
filter _placeholder : { search : '' , select : '' } , // default placeholder text (overridden by any header "data-placeholder" setting)
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
2014-04-20 14:11:02 +00:00
filter _selectSource : null , // include a function to return an array of values to be added to the column filter select
2013-03-31 17:18:20 +00:00
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' ) ) {
2014-02-02 04:06:01 +00:00
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
2014-03-09 22:09:23 +00:00
. unbind ( 'addRows updateCell update updateRows updateComplete appendCache filterReset filterEnd search ' . split ( ' ' ) . join ( c . namespace + 'filter ' ) )
2014-02-02 00:51:36 +00:00
. find ( '.' + ts . css . filterRow ) . remove ( ) ;
2013-11-08 15:16:00 +00:00
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 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 ;
2014-05-01 16:33:27 +00:00
// parse filter value in case we're comparing numbers (dates)
2013-11-08 15:16:00 +00:00
if ( parsed [ index ] || parser . type === 'numeric' ) {
2014-05-01 16:33:27 +00:00
result = parser . format ( $ . trim ( '' + iFilter . replace ( ts . filter . regex . operators , '' ) ) , table , [ ] , index ) ;
query = ( typeof result === "number" && result !== '' && ! isNaN ( result ) ) ? result : query ;
2012-08-19 02:10:01 +00:00
}
2014-05-01 16:33:27 +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)
2014-05-02 18:50:57 +00:00
cachedValue = ( parsed [ index ] || parser . type === 'numeric' ) && ! isNaN ( query ) && typeof cached !== 'undefined' ? cached :
2013-11-08 15:16:00 +00:00
isNaN ( iExact ) ? ts . formatFloat ( iExact . replace ( ts . filter . regex . nondigit , '' ) , table ) :
ts . formatFloat ( iExact , table ) ;
2014-05-01 16:33:27 +00:00
2013-11-08 15:16:00 +00:00
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 ;
2013-12-17 21:54:46 +00:00
} ,
// Look for quotes or equals to get an exact match; ignore type since iExact could be numeric
2014-02-01 14:18:55 +00:00
exact : function ( filter , iFilter , exact , iExact , cached , index , table , wo , parsed , rowArray ) {
2013-12-17 21:54:46 +00:00
/*jshint eqeqeq:false */
if ( ts . filter . regex . exact . test ( iFilter ) ) {
2014-02-01 14:18:55 +00:00
var fltr = iFilter . replace ( ts . filter . regex . exact , '' ) ;
return rowArray ? $ . inArray ( fltr , rowArray ) >= 0 : fltr == iExact ;
2013-12-17 21:54:46 +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 ;
2013-11-08 15:16:00 +00:00
} ,
// Look for an AND or && operator (logical and)
and : function ( filter , iFilter , exact , iExact ) {
2014-05-02 18:50:57 +00:00
if ( ts . filter . regex . andTest . test ( filter ) ) {
var query = iFilter . split ( ts . filter . regex . andSplit ) ,
2013-11-08 15:16:00 +00:00
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 ) {
2014-05-02 18:50:57 +00:00
if ( ts . filter . regex . toTest . test ( iFilter ) ) {
2013-11-26 19:45:42 +00:00
var result , tmp ,
2013-11-08 15:16:00 +00:00
c = table . config ,
2014-05-02 18:50:57 +00:00
// make sure the dash is for a range and not indicating a negative number
query = iFilter . split ( ts . filter . regex . toSplit ) ,
2013-11-08 15:16:00 +00:00
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
2014-02-01 14:18:55 +00:00
wild : function ( filter , iFilter , exact , iExact , cached , index , table , wo , parsed , rowArray ) {
2014-05-02 18:50:57 +00:00
if ( /[\?|\*]/ . test ( iFilter ) || ts . filter . regex . orReplace . test ( filter ) ) {
2013-11-08 15:16:00 +00:00
var c = table . config ,
2014-05-02 18:50:57 +00:00
query = iFilter . replace ( ts . filter . regex . orReplace , "|" ) ;
2013-11-08 15:16:00 +00:00
// 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 ) ) {
2014-02-01 14:18:55 +00:00
query = $ . isArray ( rowArray ) ? '(' + 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 ) {
2014-05-02 18:50:57 +00:00
// filter language options
ts . language = $ . extend ( true , { } , {
to : 'to' ,
or : 'or' ,
and : 'and'
} , ts . language ) ;
var options , string , $header , column , filters , time ,
regex = ts . filter . regex ;
2013-11-08 15:16:00 +00:00
if ( c . debug ) {
time = new Date ( ) ;
}
c . $table . addClass ( 'hasFilters' ) ;
2014-05-02 18:50:57 +00:00
$ . extend ( regex , {
child : new RegExp ( c . cssChildRow ) ,
filtered : new RegExp ( wo . filter _filteredRow ) ,
alreadyFiltered : new RegExp ( '(\\s+(' + ts . language . or + '|-|' + ts . language . to + ')\\s+)' , 'i' ) ,
toTest : new RegExp ( '\\s+(-|' + ts . language . to + ')\\s+' , 'i' ) ,
toSplit : new RegExp ( '(?:\\s+(?:-|' + ts . language . to + ')\\s+)' , 'gi' ) ,
andTest : new RegExp ( '\\s+(' + ts . language . and + '|&&)\\s+' , 'i' ) ,
andSplit : new RegExp ( '(?:\\s+(?:' + ts . language . and + '|&&)\\s+)' , 'gi' ) ,
orReplace : new RegExp ( '\\s+(' + ts . language . or + ')\\s+' , 'gi' )
} ) ;
2013-11-08 15:16:00 +00:00
// 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 ) ;
}
2014-03-09 22:09:23 +00:00
c . $table . bind ( 'addRows updateCell update updateRows updateComplete appendCache filterReset filterEnd search ' . split ( ' ' ) . join ( c . namespace + 'filter ' ) , function ( event , filter ) {
2014-02-02 04:06:01 +00:00
c . $table . find ( '.' + ts . css . filterRow ) . toggle ( ! ( wo . filter _hideEmpty && $ . isEmptyObject ( c . cache ) ) ) ; // fixes #450
if ( ! /(search|filter)/ . test ( event . type ) ) {
2013-11-08 15:16:00 +00:00
event . stopPropagation ( ) ;
ts . filter . buildDefault ( table , true ) ;
}
if ( event . type === 'filterReset' ) {
ts . filter . searching ( table , [ ] ) ;
2013-12-09 04:11:32 +00:00
} else if ( event . type === 'filterEnd' ) {
2013-11-08 15:16:00 +00:00
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' ) : '' ;
2014-02-21 23:26:43 +00:00
if ( /(update|add)/ . test ( event . type ) && event . type !== "updateComplete" ) {
2014-02-02 04:06:01 +00:00
// force a new search since content has changed
c . lastCombinedFilter = null ;
2014-05-02 18:50:57 +00:00
c . lastSearch = [ ] ;
2014-02-02 04:06:01 +00:00
}
2014-02-20 23:01:37 +00:00
// pass true (skipFirst) to prevent the tablesorter.setFilters function from skipping the first input
2014-02-01 14:18:55 +00:00
// ensures all inputs are updated when a search is triggered on the table $('table').trigger('search', [...]);
ts . filter . searching ( table , filter , true ) ;
2013-11-08 15:16:00 +00:00
}
return false ;
} ) ;
// reset button/link
if ( wo . filter _reset ) {
2014-04-03 22:27:42 +00:00
if ( wo . filter _reset instanceof $ ) {
// reset contains a jQuery object, bind to it
wo . filter _reset . click ( function ( ) {
c . $table . trigger ( 'filterReset' ) ;
} ) ;
} else if ( $ ( wo . filter _reset ) . length ) {
// reset is a jQuery selector, use event delegation
$ ( document )
. undelegate ( wo . filter _reset , 'click.tsfilter' )
. delegate ( wo . filter _reset , 'click.tsfilter' , function ( ) {
// trigger a reset event, so other functions (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 === '' ?
2014-04-16 17:52:25 +00:00
'<option value="">' + ( $header . data ( 'placeholder' ) || $header . attr ( 'data-placeholder' ) || wo . filter _placeholder . select || '' ) + '</option>' : '' ;
2013-11-08 15:16:00 +00:00
options += '<option value="' + string + '">' + string + '</option>' ;
2012-08-19 02:10:01 +00:00
}
2012-06-20 14:40:32 +00:00
}
2014-02-02 00:51:36 +00:00
c . $table . find ( 'thead' ) . find ( 'select.' + ts . css . 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
2014-02-19 23:23:00 +00:00
ts . filter . bindSearch ( table , c . $table . find ( '.' + ts . css . filter ) , true ) ;
if ( wo . filter _external ) {
ts . filter . bindSearch ( table , wo . filter _external ) ;
}
2012-08-19 02:10:01 +00:00
2013-11-08 15:16:00 +00:00
if ( wo . filter _hideFilters ) {
2013-12-02 19:26:31 +00:00
ts . filter . hideFilters ( table , c ) ;
2013-11-08 15:16:00 +00:00
}
2013-05-12 22:32:39 +00:00
2013-11-08 15:16:00 +00:00
// show processing icon
if ( c . showProcessing ) {
2014-03-09 22:09:23 +00:00
c . $table . bind ( 'filterStart' + c . namespace + 'filter filterEnd' + c . namespace + 'filter' , function ( event , columns ) {
2013-11-08 15:16:00 +00:00
// 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 ) ;
}
2014-02-17 22:21:35 +00:00
c . $table . trigger ( 'filterFomatterUpdate' ) ;
2013-11-16 18:58:59 +00:00
ts . filter . checkFilters ( table , filters ) ;
2013-11-08 15:16:00 +00:00
} ) ;
// filter widget initialized
2014-02-01 16:19:26 +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 ) {
2014-03-04 02:24:02 +00:00
var isArray , saved , indx ,
2013-12-21 00:35:19 +00:00
// get current (default) filters
2014-03-04 02:24:02 +00:00
filters = ts . getFilters ( table ) || [ ] ;
2013-11-16 18:58:59 +00:00
if ( wo . filter _saveFilters && ts . storage ) {
2013-12-21 00:35:19 +00:00
saved = ts . storage ( table , 'tablesorter-filters' ) || [ ] ;
isArray = $ . isArray ( saved ) ;
// make sure we're not just getting an empty array
if ( ! ( isArray && saved . join ( '' ) === '' || ! isArray ) ) { filters = saved ; }
2013-11-16 18:58:59 +00:00
}
2014-03-04 02:24:02 +00:00
// if no filters saved, then check default settings
if ( filters . join ( '' ) === '' ) {
for ( indx = 0 ; indx < c . columns ; indx ++ ) {
filters [ indx ] = c . $headers . filter ( '[data-column="' + indx + '"]:last' ) . attr ( wo . filter _defaultAttrib ) || filters [ indx ] ;
}
}
2013-12-21 00:35:19 +00:00
c . $table . data ( 'lastSearch' , filters ) ;
2013-11-09 05:23:28 +00:00
return filters ;
} ,
2013-11-08 15:16:00 +00:00
buildRow : function ( table , c , wo ) {
2013-12-20 06:36:44 +00:00
var column , $header , buildSelect , disabled , name ,
2013-11-08 15:16:00 +00:00
// c.columns defined in computeThIndexes()
columns = c . columns ,
2014-02-02 00:51:36 +00:00
buildFilter = '<tr class="' + ts . css . filterRow + '">' ;
2013-11-08 15:16:00 +00:00
for ( column = 0 ; column < columns ; column ++ ) {
buildFilter += '<td></td>' ;
}
2014-03-18 22:56:48 +00:00
c . $filters = $ ( buildFilter += '</tr>' ) . appendTo ( c . $table . children ( 'thead' ) . eq ( 0 ) ) . find ( 'td' ) ;
2013-11-08 15:16:00 +00:00
// 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 ) {
2014-04-16 17:52:25 +00:00
buildFilter . attr ( 'placeholder' , $header . data ( 'placeholder' ) || $header . attr ( 'data-placeholder' ) || wo . filter _placeholder . search || '' ) ;
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 ) {
2013-12-20 06:36:44 +00:00
// add filter class name
name = ( $ . isArray ( wo . filter _cssFilter ) ?
( typeof wo . filter _cssFilter [ column ] !== 'undefined' ? wo . filter _cssFilter [ column ] || '' : '' ) :
wo . filter _cssFilter ) || '' ;
2014-02-02 00:51:36 +00:00
buildFilter . addClass ( ts . css . filter + ' ' + name ) . attr ( 'data-column' , column ) ;
2013-11-08 15:16:00 +00:00
if ( disabled ) {
2014-04-16 17:52:25 +00:00
buildFilter . attr ( 'placeholder' , '' ) . addClass ( 'disabled' ) [ 0 ] . disabled = true ; // disabled!
2013-02-17 19:21:05 +00:00
}
2013-11-08 15:16:00 +00:00
}
}
} ,
2014-02-01 14:18:55 +00:00
bindSearch : function ( table , $el , internal ) {
2013-11-09 19:52:52 +00:00
table = $ ( table ) [ 0 ] ;
2014-01-07 23:58:40 +00:00
$el = $ ( $el ) ; // allow passing a selector string
2014-02-01 14:18:55 +00:00
if ( ! $el . length ) { return ; }
var c = table . config ,
wo = c . widgetOptions ,
$ext = wo . filter _$externalFilters ;
if ( internal !== true ) {
// save anyMatch element
wo . filter _$anyMatch = $el . filter ( '[data-column="all"]' ) ;
if ( $ext && $ext . length ) {
wo . filter _$externalFilters = wo . filter _$externalFilters . add ( $el ) ;
} else {
wo . filter _$externalFilters = $el ;
}
// update values (external filters added after table initialization)
ts . setFilters ( table , c . $table . data ( 'lastSearch' ) || [ ] , internal === false ) ;
}
$el
2014-02-19 23:23:00 +00:00
// use data attribute instead of jQuery data since the head is cloned without including the data/binding
. attr ( 'data-lastSearchTime' , new Date ( ) . getTime ( ) )
2014-05-03 05:23:14 +00:00
. unbind ( 'keypress keyup search change ' . split ( ' ' ) . join ( c . namespace + 'filter ' ) )
2014-01-04 16:29:02 +00:00
// include change for select - fixes #473
2014-04-20 14:11:02 +00:00
. bind ( 'keyup search change ' . split ( ' ' ) . join ( c . namespace + 'filter ' ) , function ( event ) {
2014-02-19 23:23:00 +00:00
$ ( this ) . attr ( 'data-lastSearchTime' , new Date ( ) . getTime ( ) ) ;
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 ;
}
2014-02-20 23:01:37 +00:00
// true flag tells getFilters to skip newest timed input
2014-03-12 18:24:09 +00:00
ts . filter . searching ( table , true , true ) ;
2014-05-03 05:23:14 +00:00
} )
. bind ( 'keypress.' + c . namespace + 'filter' , function ( event ) {
if ( event . which === 13 ) {
event . preventDefault ( ) ;
$ ( this ) . blur ( ) ;
}
2014-02-01 14:18:55 +00:00
} ) ;
c . $table . bind ( 'filterReset' , function ( ) {
2013-11-20 05:20:56 +00:00
$el . val ( '' ) ;
2013-11-08 15:16:00 +00:00
} ) ;
} ,
2014-02-20 23:01:37 +00:00
checkFilters : function ( table , filter , skipFirst ) {
2013-11-08 15:16:00 +00:00
var c = table . config ,
wo = c . widgetOptions ,
filterArray = $ . isArray ( filter ) ,
2014-02-20 23:01:37 +00:00
filters = ( filterArray ) ? filter : ts . getFilters ( table , true ) ,
2013-11-08 15:16:00 +00:00
combinedFilters = ( filters || [ ] ) . join ( '' ) ; // combined filter values
2014-05-05 16:11:49 +00:00
// prevent errors if delay init is set
if ( $ . isEmptyObject ( c . cache ) ) { return ; }
2013-11-08 15:16:00 +00:00
// add filter array back into inputs
if ( filterArray ) {
2014-02-20 23:01:37 +00:00
ts . setFilters ( table , filters , false , skipFirst !== true ) ;
2013-11-08 15:16:00 +00:00
}
if ( wo . filter _hideFilters ) {
// show/hide filter row as needed
2014-02-02 00:51:36 +00:00
c . $table . find ( '.' + ts . css . filterRow ) . trigger ( combinedFilters === '' ? 'mouseleave' : 'mouseenter' ) ;
2013-11-08 15:16:00 +00:00
}
// return if the last search is the same; but filter === false when updating the search
// see example-widget-filter.html filter toggle buttons
2013-12-09 04:11:32 +00:00
if ( c . lastCombinedFilter === combinedFilters && filter !== false ) {
return ;
} else if ( filter === false ) {
// force filter refresh
c . lastCombinedFilter = null ;
2014-05-02 18:50:57 +00:00
c . lastSearch = [ ] ;
2013-12-09 04:11:32 +00:00
}
2013-11-08 15:16:00 +00:00
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 ;
}
} ,
2013-12-02 19:26:31 +00:00
hideFilters : function ( table , c ) {
2013-11-08 15:16:00 +00:00
var $filterRow , $filterRow2 , timer ;
2014-04-29 17:11:45 +00:00
$ ( table )
2014-02-02 00:51:36 +00:00
. find ( '.' + ts . css . filterRow )
2013-11-08 15:16:00 +00:00
. 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
2014-02-20 23:01:37 +00:00
if ( c . lastCombinedFilter === '' ) {
2013-11-08 15:16:00 +00:00
$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
2014-04-29 17:11:45 +00:00
if ( ts . getFilters ( c . $table ) . join ( '' ) === '' ) {
2013-11-08 15:16:00 +00:00
$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 ; }
2014-05-01 01:51:34 +00:00
var cached , len , $rows , rowIndex , tbodyIndex , $tbody , $cells , columnIndex ,
2013-11-08 15:16:00 +00:00
childRow , childRowText , exact , iExact , iFilter , lastSearch , matches , result ,
2014-05-02 18:50:57 +00:00
notFiltered , searchFiltered , filterMatched , showRow , time , val , indx ,
2014-02-01 14:18:55 +00:00
anyMatch , iAnyMatch , rowArray , rowText , iRowText , rowCache ,
2014-05-02 18:50:57 +00:00
regex = ts . filter . regex ,
2013-11-08 15:16:00 +00:00
c = table . config ,
wo = c . widgetOptions ,
columns = c . columns ,
2014-04-03 15:09:09 +00:00
$tbodies = c . $table . children ( 'tbody' ) , // target all tbodies #568
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 ) {
2014-04-28 17:00:55 +00:00
return c . parsers && c . parsers [ columnIndex ] && c . parsers [ columnIndex ] . parsed ||
// getData won't return "parsed" if other "filter-" class names exist (e.g. <th class="filter-select filter-parsed">)
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 ++ ) {
2014-04-03 15:09:09 +00:00
if ( $tbodies . eq ( tbodyIndex ) . hasClass ( c . cssInfoBlock || ts . css . info ) ) { continue ; } // ignore info blocks, issue #264
2013-11-08 15:16:00 +00:00
$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!
2014-04-18 16:36:19 +00:00
// $rows = $tbody.children('tr').not(c.selectorRemove);
columnIndex = c . columns ;
// convert stored rows into a jQuery object
2014-04-20 14:11:02 +00:00
$rows = true ? $ ( $ . map ( c . cache [ tbodyIndex ] . normalized , function ( el ) { return el [ columnIndex ] . $row . get ( ) ; } ) ) : $tbody . children ( 'tr' ) . not ( c . selectorRemove ) ;
2013-11-08 15:16:00 +00:00
len = $rows . length ;
if ( combinedFilters === '' || wo . filter _serversideFiltering ) {
2014-04-20 14:11:02 +00:00
$rows . removeClass ( wo . filter _filteredRow ) . not ( '.' + c . cssChildRow ) . show ( ) ;
2013-11-08 15:16:00 +00:00
} else {
// optimize searching only through already filtered rows - see #313
searchFiltered = true ;
lastSearch = c . lastSearch || c . $table . data ( 'lastSearch' ) || [ ] ;
2014-05-02 18:50:57 +00:00
for ( indx = 0 ; indx < columnIndex ; indx ++ ) {
val = filters [ indx ] || '' ;
// break out of loop if we've already determined not to search filtered rows
if ( ! searchFiltered ) { indx = columnIndex ; }
2014-04-25 12:42:24 +00:00
// search already filtered rows if...
2014-05-02 18:50:57 +00:00
searchFiltered = searchFiltered && lastSearch . length &&
// there are no changes from beginning of filter
val . indexOf ( lastSearch [ indx ] || '' ) === 0 &&
// if there is NOT a logical "or", or range ("to" or "-") in the string
! regex . alreadyFiltered . test ( val ) &&
// if we are not doing exact matches, using "|" (logical or) or not "!"
! /[=\"\|!]/ . test ( val ) &&
// don't search only filtered if the value is negative ('> -10' => '> -100' will ignore hidden rows)
! ( /(>=?\s*-\d)/ . test ( val ) || /(<=?\s*\d)/ . test ( val ) ) &&
2014-04-25 12:42:24 +00:00
// if filtering using a select without a "filter-match" class (exact match) - fixes #593
2014-04-26 13:37:04 +00:00
! ( val !== '' && wo . filter _functions && wo . filter _functions [ indx ] === true && ! c . $headers . filter ( '[data-column="' + indx + '"]:last' ) . hasClass ( 'filter-match' ) ) ;
2014-05-02 18:50:57 +00:00
}
2014-04-25 12:42:24 +00:00
notFiltered = $rows . not ( '.' + wo . filter _filteredRow ) . length ;
2013-11-08 15:16:00 +00:00
// can't search when all rows are hidden - this happens when looking for exact matches
2014-04-25 12:42:24 +00:00
if ( searchFiltered && notFiltered === 0 ) { searchFiltered = false ; }
if ( c . debug ) {
ts . log ( "Searching through " + ( searchFiltered && notFiltered < len ? notFiltered : "all" ) + " rows" ) ;
}
2014-02-01 14:18:55 +00:00
if ( ( wo . filter _$anyMatch && wo . filter _$anyMatch . length ) || filters [ c . columns ] ) {
anyMatch = wo . filter _$anyMatch && wo . filter _$anyMatch . val ( ) || filters [ c . columns ] || '' ;
if ( c . sortLocaleCompare ) {
// replace accents
anyMatch = ts . replaceAccents ( anyMatch ) ;
}
iAnyMatch = anyMatch . toLowerCase ( ) ;
}
2013-11-08 15:16:00 +00:00
// loop through the rows
for ( rowIndex = 0 ; rowIndex < len ; rowIndex ++ ) {
childRow = $rows [ rowIndex ] . className ;
// skip child rows & already filtered rows
2014-05-02 18:50:57 +00:00
if ( regex . child . test ( childRow ) || ( searchFiltered && regex . filtered . test ( childRow ) ) ) { continue ; }
2013-11-08 15:16:00 +00:00
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 ;
2014-04-12 12:02:56 +00:00
$cells = $rows . eq ( rowIndex ) . children ( ) ;
2014-02-01 14:18:55 +00:00
if ( anyMatch ) {
rowArray = $cells . map ( function ( i ) {
var txt ;
if ( parsed [ i ] ) {
2014-05-01 01:51:34 +00:00
txt = c . cache [ tbodyIndex ] . normalized [ rowIndex ] [ i ] ;
2014-02-01 14:18:55 +00:00
} else {
txt = wo . filter _ignoreCase ? $ ( this ) . text ( ) . toLowerCase ( ) : $ ( this ) . text ( ) ;
if ( c . sortLocaleCompare ) {
txt = ts . replaceAccents ( txt ) ;
}
}
return txt ;
} ) . get ( ) ;
rowText = rowArray . join ( ' ' ) ;
iRowText = rowText . toLowerCase ( ) ;
2014-05-01 01:51:34 +00:00
rowCache = c . cache [ tbodyIndex ] . normalized [ rowIndex ] . slice ( 0 , - 1 ) . join ( ' ' ) ;
2014-02-01 14:18:55 +00:00
filterMatched = null ;
$ . each ( ts . filter . types , function ( type , typeFunction ) {
if ( $ . inArray ( type , anyMatchNotAllowedTypes ) < 0 ) {
matches = typeFunction ( anyMatch , iAnyMatch , rowText , iRowText , rowCache , columns , table , wo , parsed , rowArray ) ;
if ( matches !== null ) {
filterMatched = matches ;
return false ;
}
}
} ) ;
if ( filterMatched !== null ) {
showRow = filterMatched ;
} else {
showRow = ( iRowText + childRowText ) . indexOf ( iAnyMatch ) >= 0 ;
}
}
2013-11-08 15:16:00 +00:00
for ( columnIndex = 0 ; columnIndex < columns ; columnIndex ++ ) {
// ignore if filter is empty or disabled
2014-02-01 14:18:55 +00:00
if ( filters [ columnIndex ] ) {
2014-05-01 01:51:34 +00:00
cached = c . cache [ tbodyIndex ] . normalized [ rowIndex ] [ columnIndex ] ;
2013-11-08 15:16:00 +00:00
// 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
}
2014-05-02 18:50:57 +00:00
iExact = ! regex . type . test ( typeof exact ) && wo . filter _ignoreCase ? exact . toLocaleLowerCase ( ) : exact ;
2013-11-08 15:16:00 +00:00
result = showRow ; // if showRow is true, show that row
2013-11-09 19:52:52 +00:00
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
2014-02-01 14:18:55 +00:00
iFilter = wo . filter _ignoreCase ? ( filters [ columnIndex ] || '' ) . toLocaleLowerCase ( ) : filters [ columnIndex ] ;
2013-11-08 15:16:00 +00:00
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 ) {
2014-02-01 14:18:55 +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
}
2014-02-01 14:18:55 +00:00
showRow = ( result ) ? showRow : false ;
2012-06-01 14:49:46 +00:00
}
2011-09-13 22:55:31 +00:00
}
2014-03-31 10:07:19 +00:00
$rows . eq ( rowIndex )
. toggle ( showRow )
. toggleClass ( wo . filter _filteredRow , ! showRow ) ;
2013-11-08 15:16:00 +00:00
if ( childRow . length ) {
2014-03-31 10:07:19 +00:00
childRow . toggleClass ( wo . filter _filteredRow , ! showRow ) ;
2013-11-08 15:16:00 +00:00
}
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 ( 'filterEnd' ) ;
2014-04-19 18:29:54 +00:00
setTimeout ( function ( ) {
c . $table . trigger ( 'applyWidgets' ) ; // make sure zebra widget is applied
} , 0 ) ;
2013-11-08 15:16:00 +00:00
} ,
2014-04-20 14:11:02 +00:00
getOptionSource : function ( table , column , onlyAvail ) {
2014-04-28 21:43:25 +00:00
var cts ,
c = table . config ,
2014-04-20 14:11:02 +00:00
wo = c . widgetOptions ,
2014-04-28 23:31:52 +00:00
parsed = [ ] ,
2014-04-20 14:11:02 +00:00
arry = false ,
source = wo . filter _selectSource ;
// filter select source option
if ( $ . isFunction ( source ) ) {
// OVERALL source
arry = source ( table , column , onlyAvail ) ;
} else if ( $ . type ( source ) === 'object' && source . hasOwnProperty ( column ) ) {
// custom select source function for a SPECIFIC COLUMN
arry = source [ column ] ( table , column , onlyAvail ) ;
}
if ( arry === false ) {
// fall back to original method
arry = ts . filter . getOptions ( table , column , onlyAvail ) ;
}
// get unique elements and sort the list
// if $.tablesorter.sortText exists (not in the original tablesorter),
// then natural sort the list otherwise use a basic sort
arry = $ . grep ( arry , function ( value , indx ) {
return $ . inArray ( value , arry ) === indx ;
} ) ;
2014-04-28 23:31:52 +00:00
2014-04-28 21:43:25 +00:00
if ( c . $headers . filter ( '[data-column="' + column + '"]:last' ) . hasClass ( 'filter-select-nosort' ) ) {
2014-04-28 23:31:52 +00:00
// unsorted select options
2014-04-28 21:43:25 +00:00
return arry ;
} else {
2014-04-28 23:31:52 +00:00
// parse select option values
$ . each ( arry , function ( i , v ) {
// parse array data using set column parser; this DOES NOT pass the original
// table cell to the parser format function
parsed . push ( { t : v , p : c . parsers && c . parsers [ column ] . format ( v , table , [ ] , column ) || v } ) ;
} ) ;
// sort parsed select options
2014-04-28 21:43:25 +00:00
cts = c . textSorter || '' ;
2014-04-28 23:31:52 +00:00
parsed . sort ( function ( a , b ) {
2014-04-29 12:12:06 +00:00
// sortNatural breaks if you don't pass it strings
var x = a . p . toString ( ) , y = b . p . toString ( ) ;
2014-04-28 21:43:25 +00:00
if ( $ . isFunction ( cts ) ) {
// custom OVERALL text sorter
2014-04-28 23:31:52 +00:00
return cts ( x , y , true , column , table ) ;
2014-04-28 21:43:25 +00:00
} else if ( typeof ( cts ) === 'object' && cts . hasOwnProperty ( column ) ) {
// custom text sorter for a SPECIFIC COLUMN
2014-04-28 23:31:52 +00:00
return cts [ column ] ( x , y , true , column , table ) ;
2014-04-28 21:43:25 +00:00
} else if ( ts . sortNatural ) {
// fall back to natural sort
2014-04-28 23:31:52 +00:00
return ts . sortNatural ( x , y ) ;
2014-04-28 21:43:25 +00:00
}
// using an older version! do a basic sort
return true ;
} ) ;
2014-04-28 23:31:52 +00:00
// rebuild arry from sorted parsed data
arry = [ ] ;
$ . each ( parsed , function ( i , v ) {
arry . push ( v . t ) ;
} ) ;
return arry ;
2014-04-28 21:43:25 +00:00
}
2014-04-20 14:11:02 +00:00
} ,
getOptions : function ( table , column , onlyAvail ) {
var rowIndex , tbodyIndex , len , row , cache , cell ,
2013-11-08 15:16:00 +00:00
c = table . config ,
wo = c . widgetOptions ,
2014-04-12 13:16:43 +00:00
$tbodies = c . $table . children ( 'tbody' ) ,
2014-04-20 14:11:02 +00:00
arry = [ ] ;
2013-11-08 15:16:00 +00:00
for ( tbodyIndex = 0 ; tbodyIndex < $tbodies . length ; tbodyIndex ++ ) {
2014-04-12 13:16:43 +00:00
if ( ! $tbodies . eq ( tbodyIndex ) . hasClass ( c . cssInfoBlock ) ) {
2014-03-13 01:15:57 +00:00
cache = c . cache [ tbodyIndex ] ;
len = c . cache [ tbodyIndex ] . normalized . length ;
2014-04-12 13:16:43 +00:00
// loop through the rows
for ( rowIndex = 0 ; rowIndex < len ; rowIndex ++ ) {
2014-03-13 01:15:57 +00:00
// get cached row from cache.row (old) or row data object (new; last item in normalized array)
row = cache . row ? cache . row [ rowIndex ] : cache . normalized [ rowIndex ] [ c . columns ] . $row [ 0 ] ;
2014-04-12 13:16:43 +00:00
// check if has class filtered
2014-04-20 14:11:02 +00:00
if ( onlyAvail && row . className . match ( wo . filter _filteredRow ) ) { continue ; }
2014-04-12 13:16:43 +00:00
// get non-normalized cell content
if ( wo . filter _useParsedData ) {
2014-03-13 01:15:57 +00:00
arry . push ( '' + cache . normalized [ rowIndex ] [ column ] ) ;
2014-04-12 13:16:43 +00:00
} else {
2014-04-20 14:11:02 +00:00
cell = row . cells [ column ] ;
if ( cell ) {
arry . push ( $ . trim ( cell . textContent || cell . innerText || $ ( cell ) . text ( ) ) ) ;
2014-04-12 13:16:43 +00:00
}
2013-11-08 15:16:00 +00:00
}
}
2012-08-19 02:10:01 +00:00
}
2013-11-08 15:16:00 +00:00
}
2014-04-20 14:11:02 +00:00
return arry ;
} ,
buildSelect : function ( table , column , updating , onlyAvail ) {
if ( ! table . config . cache || $ . isEmptyObject ( table . config . cache ) ) { return ; }
column = parseInt ( column , 10 ) ;
var indx , txt , $filters ,
c = table . config ,
wo = c . widgetOptions ,
node = c . $headers . filter ( '[data-column="' + column + '"]:last' ) ,
// t.data('placeholder') won't work in jQuery older than 1.4.3
options = '<option value="">' + ( node . data ( 'placeholder' ) || node . attr ( 'data-placeholder' ) || wo . filter _placeholder . select || '' ) + '</option>' ,
arry = ts . filter . getOptionSource ( table , column , onlyAvail ) ,
// Get curent filter value
currentValue = c . $table . find ( 'thead' ) . find ( 'select.' + ts . css . 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>' : '' ;
}
2014-02-20 20:40:17 +00:00
// update all selects in the same column (clone thead in sticky headers & any external selects) - fixes 473
$filters = ( c . $filters ? c . $filters : c . $table . children ( 'thead' ) ) . find ( '.' + ts . css . filter ) ;
if ( wo . filter _$externalFilters ) {
$filters = $filters && $filters . length ? $filters . add ( wo . filter _$externalFilters ) : wo . filter _$externalFilters ;
}
$filters . filter ( 'select[data-column="' + column + '"]' ) [ updating ? 'html' : 'append' ] ( options ) ;
2013-11-08 15:16:00 +00:00
} ,
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
}
}
} ,
2014-02-20 23:01:37 +00:00
searching : function ( table , filter , skipFirst ) {
2014-02-01 14:18:55 +00:00
if ( typeof filter === 'undefined' || filter === true ) {
2013-11-08 15:16:00 +00:00
var wo = table . config . widgetOptions ;
// delay filtering
clearTimeout ( wo . searchTimer ) ;
wo . searchTimer = setTimeout ( function ( ) {
2014-02-20 23:01:37 +00:00
ts . filter . checkFilters ( table , filter , skipFirst ) ;
2013-11-08 15:16:00 +00:00
} , wo . filter _liveSearch ? wo . filter _searchDelay : 10 ) ;
} else {
// skip delay
2014-02-20 23:01:37 +00:00
ts . filter . checkFilters ( table , filter , skipFirst ) ;
2011-09-13 22:55:31 +00:00
}
}
2013-11-08 15:16:00 +00:00
} ;
2014-02-01 14:18:55 +00:00
ts . getFilters = function ( table , getRaw , setFilters , skipFirst ) {
var i , $filters , $column ,
filters = false ,
c = table ? $ ( table ) [ 0 ] . config : '' ,
2014-04-10 13:03:02 +00:00
wo = c ? c . widgetOptions : '' ;
2014-02-01 14:18:55 +00:00
if ( getRaw !== true && wo && ! wo . filter _columnFilters ) {
2013-11-08 15:16:00 +00:00
return $ ( table ) . data ( 'lastSearch' ) ;
}
2014-02-01 14:18:55 +00:00
if ( c ) {
if ( c . $filters ) {
2014-02-02 00:51:36 +00:00
$filters = c . $filters . find ( '.' + ts . css . filter ) ;
2014-02-01 14:18:55 +00:00
}
if ( wo . filter _$externalFilters ) {
$filters = $filters && $filters . length ? $filters . add ( wo . filter _$externalFilters ) : wo . filter _$externalFilters ;
}
if ( $filters && $filters . length ) {
filters = setFilters || [ ] ;
for ( i = 0 ; i < c . columns + 1 ; i ++ ) {
$column = $filters . filter ( '[data-column="' + ( i === c . columns ? 'all' : i ) + '"]' ) ;
if ( $column . length ) {
// move the latest search to the first slot in the array
$column = $column . sort ( function ( a , b ) {
2014-02-20 23:01:37 +00:00
return $ ( b ) . attr ( 'data-lastSearchTime' ) - $ ( a ) . attr ( 'data-lastSearchTime' ) ;
2014-02-01 14:18:55 +00:00
} ) ;
if ( $ . isArray ( setFilters ) ) {
// skip first (latest input) to maintain cursor position while typing
( skipFirst ? $column . slice ( 1 ) : $column ) . val ( setFilters [ i ] ) . trigger ( 'change.tsfilter' ) ;
} else {
filters [ i ] = $column . val ( ) || '' ;
// don't change the first... it will move the cursor
$column . slice ( 1 ) . val ( filters [ i ] ) ;
}
// save any match input dynamically
if ( i === c . columns && $column . length ) {
wo . filter _$anyMatch = $column ;
}
}
}
}
}
if ( filters . length === 0 ) {
filters = false ;
}
return filters ;
2013-04-12 16:26:16 +00:00
} ;
2013-11-08 15:16:00 +00:00
2014-02-01 14:18:55 +00:00
ts . setFilters = function ( table , filter , apply , skipFirst ) {
var c = table ? $ ( table ) [ 0 ] . config : '' ,
valid = ts . getFilters ( table , true , filter , skipFirst ) ;
2014-02-17 22:21:35 +00:00
if ( c && apply ) {
2014-02-01 14:18:55 +00:00
// ensure new set filters are applied, even if the search is the same
c . lastCombinedFilter = null ;
2014-05-02 18:50:57 +00:00
c . lastSearch = [ ] ;
2014-04-23 23:55:47 +00:00
ts . filter . searching ( c . $table [ 0 ] , filter , skipFirst ) ;
2014-04-20 14:11:02 +00:00
c . $table . trigger ( 'filterFomatterUpdate' ) ;
2014-02-01 14:18:55 +00:00
}
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-12-08 20:52:13 +00:00
stickyHeaders _attachTo : null , // jQuery selector or object to attach sticky header to
2013-05-03 21:25:41 +00:00
stickyHeaders _offset : 0 , // number or jquery selector targeting the position:fixed element
2014-04-26 22:35:45 +00:00
stickyHeaders _filteredToTop : true , // scroll table top into view after filtering
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-12-15 13:11:26 +00:00
// filter widget doesn't initialize on an empty table. Fixes #449
if ( c . $table . hasClass ( 'hasStickyHeaders' ) || ( $ . inArray ( 'filter' , c . widgets ) >= 0 && ! c . $table . hasClass ( 'hasFilters' ) ) ) {
return ;
}
2014-04-27 16:01:58 +00:00
var $table = c . $table ,
2013-12-08 20:52:13 +00:00
$attach = $ ( wo . stickyHeaders _attachTo ) ,
2013-11-14 03:23:25 +00:00
$thead = $table . children ( 'thead:first' ) ,
2013-12-08 20:52:13 +00:00
$win = $attach . length ? $attach : $ ( window ) ,
2013-11-14 03:23:25 +00:00
$header = $thead . children ( 'tr' ) . not ( '.sticky-false' ) . children ( ) ,
2014-02-02 00:51:36 +00:00
innerHeader = '.' + ts . css . headerIn ,
2013-11-14 03:23:25 +00:00
$tfoot = $table . find ( 'tfoot' ) ,
2013-05-06 14:07:21 +00:00
$stickyOffset = isNaN ( wo . stickyHeaders _offset ) ? $ ( wo . stickyHeaders _offset ) : '' ,
2013-12-08 20:52:13 +00:00
stickyOffset = $attach . length ? 0 : $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 ( {
2013-12-08 20:52:13 +00:00
position : $attach . length ? 'absolute' : 'fixed' ,
2012-03-22 14:58:43 +00:00
margin : 0 ,
2013-05-03 21:25:41 +00:00
top : stickyOffset ,
2013-12-08 20:52:13 +00:00
left : 0 ,
2013-12-15 13:18:15 +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
} ) ,
2014-02-02 00:51:36 +00:00
$stickyThead = $stickyTable . children ( 'thead:first' ) . addClass ( ts . css . sticky + ' ' + wo . stickyHeaders ) ,
2013-11-14 03:23:25 +00:00
$stickyCells ,
2012-08-19 02:10:01 +00:00
laststate = '' ,
2012-10-13 18:58:16 +00:00
spacing = 0 ,
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 ( {
2014-01-19 20:50:24 +00:00
left : $attach . length ? ( parseInt ( $attach . css ( 'padding-left' ) , 10 ) || 0 ) + parseInt ( c . $table . css ( 'padding-left' ) , 10 ) +
parseInt ( c . $table . css ( 'margin-left' ) , 10 ) + parseInt ( $table . css ( 'border-left-width' ) , 10 ) :
2013-12-08 20:52:13 +00:00
$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 )
2014-04-29 17:11:45 +00:00
. css ( { width : $cell . width ( ) - spacing } )
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
2014-02-21 23:15:29 +00:00
// include caption & filter row (fixes #126 & #249) - don't remove cells to get correct cell indexing
2014-04-11 12:07:35 +00:00
$stickyTable . find ( 'thead:gt(0), tr.sticky-false' ) . hide ( ) ;
$stickyTable . find ( '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
2014-02-02 00:51:36 +00:00
$stickyCells . find ( '.' + ts . css . 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 ( 'pagerComplete.tsSticky' , function ( ) {
resizeHeader ( ) ;
2011-10-11 05:48:34 +00:00
} ) ;
2014-01-07 23:58:40 +00:00
2014-02-01 14:18:55 +00:00
ts . bindEvents ( table , $stickyThead . children ( ) . children ( '.tablesorter-header' ) ) ;
2014-01-07 23:58:40 +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 ) ) ,
2013-12-08 20:52:13 +00:00
scrollTop = ( $attach . length ? $attach . offset ( ) . top : $win . scrollTop ( ) ) + stickyOffset - captionHeight ,
2013-11-14 03:23:25 +00:00
tableHeight = $table . height ( ) - ( $stickyTable . height ( ) + ( $tfoot . height ( ) || 0 ) ) ,
2013-12-08 20:52:13 +00:00
isVisible = ( scrollTop > offset . top ) && ( scrollTop < offset . top + tableHeight ) ? 'visible' : 'hidden' ,
cssSettings = { visibility : isVisible } ;
if ( $attach . length ) {
cssSettings . top = $attach . scrollTop ( ) ;
} else {
// adjust when scrolling horizontally - fixes issue #143
cssSettings . left = $thead . offset ( ) . left - $win . scrollLeft ( ) - spacing ;
}
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 )
2013-12-08 20:52:13 +00:00
. css ( cssSettings ) ;
2013-11-14 03:23:25 +00:00
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' ) ) {
2014-02-02 06:48:03 +00:00
// scroll table into view after filtering, if sticky header is active - #482
2013-11-27 18:50:58 +00:00
$table . bind ( 'filterEnd' , function ( ) {
// $(':focus') needs jQuery 1.6+
2014-02-02 00:51:36 +00:00
var $td = $ ( document . activeElement ) . closest ( 'td' ) ,
column = $td . parent ( ) . children ( ) . index ( $td ) ;
// only scroll if sticky header is active
2014-04-26 22:35:45 +00:00
if ( $stickyTable . hasClass ( ts . css . stickyVis ) && wo . stickyHeaders _filteredToTop ) {
2014-02-02 00:51:36 +00:00
// scroll to original table (not sticky clone)
window . scrollTo ( 0 , $table . position ( ) . top ) ;
2014-04-25 23:20:05 +00:00
// give same input/select focus; check if c.$filters exists; fixes #594
if ( column >= 0 && c . $filters ) {
2014-02-17 22:21:35 +00:00
c . $filters . eq ( column ) . find ( 'a, select, input' ) . filter ( ':visible' ) . focus ( ) ;
}
2013-11-27 18:50:58 +00:00
}
2013-04-01 16:02:48 +00:00
} ) ;
2014-02-02 00:51:36 +00:00
ts . filter . bindSearch ( $table , $stickyCells . find ( '.' + ts . css . filter ) ) ;
2014-04-29 17:11:45 +00:00
// support hideFilters
if ( wo . filter _hideFilters ) {
ts . filter . hideFilters ( $stickyTable , c ) ;
}
2013-11-27 18:50:58 +00:00
}
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' )
2014-04-27 13:04:39 +00:00
. unbind ( 'pagerComplete.tsSticky' )
2014-02-02 00:51:36 +00:00
. find ( '.' + ts . css . sticky ) . 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 ,
2014-03-31 11:03:35 +00:00
resizable _addLastColumn : false ,
resizable _widths : [ ]
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 ( 'hasResizable' ) ) { return ; }
c . $table . addClass ( 'hasResizable' ) ;
2014-03-31 11:03:35 +00:00
ts . resizableReset ( table , true ) ; // set default widths
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 ( ) {
2013-12-20 05:05:53 +00:00
if ( ts . storage && $target && $next ) {
storedSizes = { } ;
2013-11-14 03:23:25 +00:00
storedSizes [ $target . index ( ) ] = $target . width ( ) ;
storedSizes [ $next . index ( ) ] = $next . width ( ) ;
$target . width ( storedSizes [ $target . index ( ) ] ) ;
$next . width ( storedSizes [ $next . index ( ) ] ) ;
if ( wo . resizable !== false ) {
2014-03-31 11:03:35 +00:00
// save all column widths
ts . storage ( table , 'tablesorter-resizable' , c . $headers . map ( function ( ) { return $ ( this ) . width ( ) ; } ) . get ( ) ) ;
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' ) ;
2014-02-02 00:51:36 +00:00
if ( ! $ ( this ) . find ( '.' + ts . css . wrapper ) . length ) {
2012-09-27 19:57:19 +00:00
// Firefox needs this inner div to position the resizer correctly
2014-02-02 00:51:36 +00:00
$column . wrapInner ( '<div class="' + ts . css . 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
2014-02-02 00:51:36 +00:00
. find ( '.' + ts . css . wrapper )
. append ( '<div class="' + ts . css . resizer + '" style="cursor:w-resize;position:absolute;z-index:1;right:-' +
2013-11-14 03:23:25 +00:00
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 ( ) ;
} )
2014-02-02 00:51:36 +00:00
. find ( '.' + ts . css . resizer + ',.' + ts . css . grip )
2013-11-14 03:23:25 +00:00
. bind ( 'mousedown' , function ( event ) {
2014-04-28 18:55:41 +00:00
// save header cell and mouse position
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
2014-02-02 00:51:36 +00:00
. find ( '.' + ts . css . resizer + ',.' + ts . css . grip ) . remove ( ) ;
2013-03-31 17:18:20 +00:00
ts . resizableReset ( table ) ;
2011-10-26 06:50:02 +00:00
}
} ) ;
2014-03-31 11:03:35 +00:00
ts . resizableReset = function ( table , nosave ) {
2014-01-19 15:26:52 +00:00
$ ( table ) . each ( function ( ) {
2014-03-31 11:03:35 +00:00
var $t ,
c = this . config ,
wo = c && c . widgetOptions ;
if ( table && c ) {
c . $headers . each ( function ( i ) {
$t = $ ( this ) ;
if ( wo . resizable _widths [ i ] ) {
$t . css ( 'width' , wo . resizable _widths [ i ] ) ;
} else if ( ! $t . hasClass ( 'resizable-false' ) ) {
// don't clear the width of any column that is not resizable
$t . css ( 'width' , '' ) ;
}
} ) ;
if ( ts . storage && ! nosave ) { ts . storage ( this , 'tablesorter-resizable' , { } ) ; }
}
2014-01-19 15:26:52 +00:00
} ) ;
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 ) ;