2014-12-23 03:12:59 +00:00
/ * ! t a b l e S o r t e r ( F O R K ) 2 . 1 6 + w i d g e t s - u p d a t e d 1 2 / 2 2 / 2 0 1 4 ( v 2 . 1 8 . 4 )
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 */
2014-10-09 21:04:28 +00:00
/*global jQuery: false, localStorage: false */
; ( function ( $ , window ) {
2015-01-15 20:06: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 = {
2015-01-15 20:06:01 +00:00
'bootstrap' : {
table : 'table table-bordered table-striped' ,
caption : 'caption' ,
// header class names
header : 'bootstrap-header' , // give the header a gradient background (theme.bootstrap_2.css)
sortNone : '' ,
sortAsc : '' ,
sortDesc : '' ,
active : '' , // applied when column is sorted
hover : '' , // custom css required - a defined bootstrap style may not override other classes
// icon class names
icons : '' , // add "icon-white" to make them white; this icon class is added to the <i> in the header
iconSortNone : 'bootstrap-icon-unsorted' , // class name added to icon when column is not sorted
iconSortAsc : 'icon-chevron-up glyphicon glyphicon-chevron-up' , // class name added to icon when column has ascending sort
iconSortDesc : 'icon-chevron-down glyphicon glyphicon-chevron-down' , // class name added to icon when column has descending sort
filterRow : '' , // filter row class
footerRow : '' ,
footerCells : '' ,
even : '' , // even row zebra striping
odd : '' // odd row zebra striping
2012-08-19 02:10:01 +00:00
} ,
2015-01-15 20:06:01 +00:00
'jui' : {
table : 'ui-widget ui-widget-content ui-corner-all' , // table classes
caption : 'ui-widget-content' ,
// header class names
header : 'ui-widget-header ui-corner-all ui-state-default' , // header classes
sortNone : '' ,
sortAsc : '' ,
sortDesc : '' ,
active : 'ui-state-active' , // applied when column is sorted
hover : 'ui-state-hover' , // hover class
// icon class names
icons : 'ui-icon' , // icon class added to the <i> in the header
iconSortNone : 'ui-icon-carat-2-n-s' , // class name added to icon when column is not sorted
iconSortAsc : 'ui-icon-carat-1-n' , // class name added to icon when column has ascending sort
iconSortDesc : 'ui-icon-carat-1-s' , // class name added to icon when column has descending sort
filterRow : '' ,
footerRow : '' ,
footerCells : '' ,
even : 'ui-widget-content' , // even row zebra striping
odd : 'ui-state-default' // odd row zebra striping
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
sticky : 'tablesorter-stickyHeader' , // stickyHeader
2014-10-09 21:04:28 +00:00
stickyVis : 'tablesorter-sticky-visible' ,
stickyWrap : 'tablesorter-sticky-wrapper'
2014-02-02 00:51:36 +00:00
} ) ;
2012-03-07 18:06:35 +00:00
// *** Store data in local storage, with a cookie fallback ***
/* IE7 needs JSON library for JSON.stringify - (http:/ / caniuse . com / # search = json )
if you need it , then include https : //github.com/douglascrockford/JSON-js
2012-03-27 01:49:48 +00:00
$ . parseJSON is not available is jQuery versions older than 1.4 . 1 , using older
versions will only allow storing information for one page at a time
2012-03-07 18:06:35 +00:00
// *** Save data (JSON format only) ***
// val must be valid JSON... use http://jsonlint.com/ to ensure it is valid
var val = { "mywidget" : "data1" } ; // valid JSON uses double quotes
// $.tablesorter.storage(table, key, val);
$ . tablesorter . storage ( table , 'tablesorter-mywidget' , val ) ;
// *** Get data: $.tablesorter.storage(table, key); ***
v = $ . tablesorter . storage ( table , 'tablesorter-mywidget' ) ;
// val may be empty, so also check for your data
val = ( v && v . hasOwnProperty ( 'mywidget' ) ) ? v . mywidget : '' ;
alert ( val ) ; // "data1" if saved, or "" if not
* /
2013-11-14 03:23:25 +00:00
ts . storage = function ( table , key , value , options ) {
2013-11-16 19:17:54 +00:00
table = $ ( table ) [ 0 ] ;
2013-11-14 03:23:25 +00:00
var cookieIndex , cookies , date ,
hasLocalStorage = false ,
values = { } ,
c = table . config ,
2013-11-16 19:17:54 +00:00
$table = $ ( table ) ,
id = options && options . id || $table . attr ( options && options . group ||
'data-table-group' ) || table . id || $ ( '.tablesorter' ) . index ( $table ) ,
url = options && options . url || $table . attr ( options && options . page ||
2013-11-14 03:23:25 +00:00
'data-table-page' ) || c && c . fixedUrl || window . location . pathname ;
2013-05-13 18:06:02 +00:00
// https://gist.github.com/paulirish/5558557
if ( "localStorage" in window ) {
try {
window . localStorage . setItem ( '_tmptest' , 'temp' ) ;
2013-11-14 03:23:25 +00:00
hasLocalStorage = true ;
2013-05-13 18:06:02 +00:00
window . localStorage . removeItem ( '_tmptest' ) ;
2013-11-14 03:23:25 +00:00
} catch ( error ) { }
2013-05-13 18:06:02 +00:00
}
2013-11-14 03:23:25 +00:00
// *** get value ***
if ( $ . parseJSON ) {
if ( hasLocalStorage ) {
2015-01-18 15:02:14 +00:00
values = $ . parseJSON ( localStorage [ key ] || 'null' ) || { } ;
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 ;
2015-01-18 15:02:14 +00:00
values = ( cookieIndex !== 0 ) ? $ . parseJSON ( cookies [ cookieIndex ] || 'null' ) || { } : { } ;
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 ) {
2015-01-30 04:17:38 +00:00
table = $ ( table ) [ 0 ] ; // make sure we're using a dom element
2013-11-14 03:23:25 +00:00
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 ) {
2015-01-15 20:06:01 +00:00
var i , hdr , icon , time , hdrClass , iconClass , $header , $icon , $tfoot , $h , oldtheme , oldremove , oldIconRmv , hasOldTheme ,
2013-11-14 03:23:25 +00:00
themesAll = ts . themes ,
2015-01-14 17:20:36 +00:00
$table = c . $table . add ( c . $extraTables ) ,
$headers = c . $headers . add ( c . $extraHeaders ) ,
2013-11-14 03:23:25 +00:00
theme = c . theme || 'jui' ,
2015-01-14 17:20:36 +00:00
themes = themesAll [ theme ] || { } ,
2015-01-15 20:06:01 +00:00
remove = $ . trim ( [ themes . sortNone , themes . sortDesc , themes . sortAsc , themes . active ] . join ( ' ' ) ) ,
iconRmv = $ . trim ( [ themes . iconSortNone , themes . iconSortDesc , themes . iconSortAsc ] . join ( ' ' ) ) ;
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
2015-01-14 17:20:36 +00:00
if ( ! $table . hasClass ( 'tablesorter-' + theme ) || c . theme !== c . appliedTheme || ! wo . uitheme _applied ) {
wo . uitheme _applied = true ;
oldtheme = themesAll [ c . appliedTheme ] || { } ;
hasOldTheme = ! $ . isEmptyObject ( oldtheme ) ;
2015-01-15 20:06:01 +00:00
oldremove = hasOldTheme ? [ oldtheme . sortNone , oldtheme . sortDesc , oldtheme . sortAsc , oldtheme . active ] . join ( ' ' ) : '' ,
oldIconRmv = hasOldTheme ? [ oldtheme . iconSortNone , oldtheme . iconSortDesc , oldtheme . iconSortAsc ] . join ( ' ' ) : '' ;
2015-01-14 17:20:36 +00:00
if ( hasOldTheme ) {
wo . zebra [ 0 ] = $ . trim ( ' ' + wo . zebra [ 0 ] . replace ( ' ' + oldtheme . even , '' ) ) ;
wo . zebra [ 1 ] = $ . trim ( ' ' + wo . zebra [ 1 ] . replace ( ' ' + oldtheme . odd , '' ) ) ;
2015-01-15 20:06:01 +00:00
c . $tbodies . children ( ) . removeClass ( [ oldtheme . even , oldtheme . odd ] . join ( ' ' ) ) ;
2014-10-18 13:28:30 +00:00
}
2012-08-19 02:10:01 +00:00
// update zebra stripes
2015-01-14 17:20:36 +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
2015-01-14 17:20:36 +00:00
$table . children ( 'caption' )
. removeClass ( oldtheme . 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
2015-01-15 20:06:01 +00:00
. removeClass ( ( c . appliedTheme ? 'tablesorter-' + ( c . appliedTheme || '' ) : '' ) + ' ' + ( oldtheme . table || '' ) )
. addClass ( 'tablesorter-' + theme + ' ' + ( themes . table || '' ) ) // add theme widget class name
2014-10-04 16:50:30 +00:00
. children ( 'tfoot' ) ;
2015-01-14 17:20:36 +00:00
c . appliedTheme = c . theme ;
2013-11-14 03:23:25 +00:00
if ( $tfoot . length ) {
$tfoot
2014-10-31 03:27:10 +00:00
// if oldtheme.footerRow or oldtheme.footerCells are undefined, all class names are removed
. children ( 'tr' ) . removeClass ( oldtheme . footerRow || '' ) . addClass ( themes . footerRow )
. children ( 'th, td' ) . removeClass ( oldtheme . footerCells || '' ) . addClass ( themes . footerCells ) ;
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
2015-01-15 20:06:01 +00:00
. removeClass ( ( hasOldTheme ? [ oldtheme . header , oldtheme . hover , oldremove ] . join ( ' ' ) : '' ) || '' )
2013-11-14 03:23:25 +00:00
. addClass ( themes . header )
. not ( '.sorter-false' )
2015-01-15 20:06:01 +00:00
. unbind ( 'mouseenter.tsuitheme mouseleave.tsuitheme' )
2013-11-14 03:23:25 +00:00
. bind ( 'mouseenter.tsuitheme mouseleave.tsuitheme' , function ( event ) {
2013-02-17 19:21:05 +00:00
// toggleClass with switch added in jQuery 1.3
2015-01-14 17:20:36 +00:00
$ ( this ) [ event . type === 'mouseenter' ? 'addClass' : 'removeClass' ] ( themes . hover || '' ) ;
2011-12-14 17:37:55 +00:00
} ) ;
2015-01-14 17:20:36 +00:00
2015-02-03 05:13:28 +00:00
$headers . each ( function ( ) {
var $this = $ ( this ) ;
if ( ! $this . find ( '.' + ts . css . wrapper ) . length ) {
// Firefox needs this inner div to position the icon & resizer correctly
$this . wrapInner ( '<div class="' + ts . css . wrapper + '" style="position:relative;height:100%;width:100%"></div>' ) ;
}
} ) ;
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
2015-01-14 17:20:36 +00:00
$headers
. find ( '.' + ts . css . icon )
2015-01-15 20:06:01 +00:00
. removeClass ( hasOldTheme ? [ oldtheme . icons , oldIconRmv ] . join ( ' ' ) : '' )
2015-01-14 17:20:36 +00:00
. addClass ( themes . icons || '' ) ;
2012-08-19 02:10:01 +00:00
}
2013-11-14 03:23:25 +00:00
if ( $table . hasClass ( 'hasFilters' ) ) {
2015-01-14 17:20:36 +00:00
$table . children ( 'thead' ) . children ( '.' + ts . css . filterRow )
2015-01-15 20:06:01 +00:00
. removeClass ( hasOldTheme ? oldtheme . filterRow || '' : '' )
2015-01-14 17:20:36 +00:00
. 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 ++ ) {
2014-10-07 19:32:45 +00:00
$header = c . $headers . add ( c . $extraHeaders ) . not ( '.sorter-false' ) . filter ( '[data-column="' + i + '"]' ) ;
2015-01-15 20:06:01 +00:00
$icon = ( ts . css . icon ) ? $header . find ( '.' + ts . css . icon ) : $ ( ) ;
2014-10-07 19:32:45 +00:00
$h = $headers . not ( '.sorter-false' ) . filter ( '[data-column="' + i + '"]:last' ) ;
2014-07-04 03:12:09 +00:00
if ( $h . length ) {
2015-01-15 20:06:01 +00:00
$header . removeClass ( remove ) ;
$icon . removeClass ( iconRmv ) ;
2014-07-04 03:12:09 +00:00
if ( $h [ 0 ] . sortDisabled ) {
// no sort arrows for disabled columns!
2015-01-15 20:06:01 +00:00
$icon . removeClass ( themes . icons || '' ) ;
2014-07-04 03:12:09 +00:00
} else {
2015-01-15 20:06:01 +00:00
hdr = themes . sortNone ;
icon = themes . iconSortNone ;
if ( $h . hasClass ( ts . css . sortAsc ) ) {
hdr = [ themes . sortAsc , themes . active ] . join ( ' ' ) ;
icon = themes . iconSortAsc ;
} else if ( $h . hasClass ( ts . css . sortDesc ) ) {
hdr = [ themes . sortDesc , themes . active ] . join ( ' ' ) ;
icon = themes . iconSortDesc ;
}
$h
. addClass ( hdr )
. find ( '.' + ts . css . icon )
. addClass ( icon || '' ) ;
2014-07-04 03:12:09 +00:00
}
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
} ,
2015-01-25 17:01:07 +00:00
remove : function ( table , c , wo , refreshing ) {
if ( ! wo . uitheme _applied ) { return ; }
2013-11-14 03:23:25 +00:00
var $table = c . $table ,
2015-01-25 17:01:07 +00:00
theme = c . appliedTheme || '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 ( ) ,
2015-01-15 20:06:01 +00:00
remove = themes . sortNone + ' ' + themes . sortDesc + ' ' + themes . sortAsc ,
iconRmv = themes . iconSortNone + ' ' + themes . iconSortDesc + ' ' + themes . iconSortAsc ;
2015-01-12 02:02:39 +00:00
$table . removeClass ( 'tablesorter-' + theme + ' ' + themes . table ) ;
2015-01-25 17:01:07 +00:00
wo . uitheme _applied = false ;
if ( refreshing ) { return ; }
2015-01-12 02:02:39 +00:00
$table . find ( ts . css . header ) . removeClass ( themes . header ) ;
2013-11-14 03:23:25 +00:00
$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 )
2015-01-15 20:06:01 +00:00
. filter ( '.' + ts . css . filterRow )
2013-11-14 03:23:25 +00:00
. removeClass ( themes . filterRow ) ;
2015-01-15 20:06:01 +00:00
$headers . find ( '.' + ts . css . icon ) . removeClass ( themes . icons + ' ' + iconRmv ) ;
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 ) {
2014-10-11 01:46:18 +00:00
var $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 ( ' ' ) ;
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
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
2014-10-02 16:46:09 +00:00
filter _cellFilter : '' , // css class name added to the filter cell (string or array)
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-09-09 01:27:52 +00:00
filter _defaultFilter : { } , // add a default column filter type "~{query}" to make fuzzy searches default; "{q1} AND {q2}" to make all searches use a logical AND.
filter _excludeFilter : { } , // filters to exclude, per column
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-07-01 04:07:12 +00:00
filter _searchFiltered : true , // allow searching through already filtered rows in special circumstances; will speed up searching in large tables if true
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.
2014-07-29 15:52:40 +00:00
filter _defaultAttrib : 'data-value' , // data attribute in the header cell that contains the default filter value
filter _selectSourceSeparator : '|' // filter_selectSource array text left of the separator is added to the option value, right into the option text
2013-11-08 15:16:00 +00:00
} ,
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
}
} ,
2015-01-25 17:01:07 +00:00
remove : function ( table , c , wo , refreshing ) {
2013-11-08 15:16:00 +00:00
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 ' ) )
2015-01-25 17:01:07 +00:00
// remove the filter row even if refreshing, because the column might have been moved
2014-02-02 00:51:36 +00:00
. find ( '.' + ts . css . filterRow ) . remove ( ) ;
2015-01-25 17:01:07 +00:00
if ( refreshing ) { return ; }
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
2014-09-27 16:04:13 +00:00
exact : /(^[\"\'=]+)|([\"\'=]+$)/g , // exact match (allow '==')
2013-11-08 15:16:00 +00:00
nondigit : /[^\w,. \-()]/g , // replace non-digits (from digit & currency parser)
2014-08-28 16:26:31 +00:00
operators : /[<>=]/g , // replace operators
query : '(q|query)' // replace filter queries
2013-11-08 15:16:00 +00:00
} ,
2014-08-28 16:26:31 +00:00
// function( c, data ) { }
// c = table.config
2014-10-21 17:18:43 +00:00
// data.filter = array of filter input values;
// data.iFilter = same array, except lowercase (if wo.filter_ignoreCase is true)
2014-08-28 16:26:31 +00:00
// data.exact = table cell text (or parsed data if column parser enabled)
2014-10-21 17:18:43 +00:00
// data.iExact = same as data.exact, except lowercase (if wo.filter_ignoreCase is true)
// data.cache = table cell text from cache, so it has been parsed (& in all lower case if config.ignoreCase is true)
2014-08-28 16:26:31 +00:00
// data.index = column index; table = table element (DOM)
// data.parsed = array (by column) of boolean values (from filter_useParsedData or "filter-parsed" class)
2013-11-08 15:16:00 +00:00
types : {
// Look for regex
2014-08-28 16:26:31 +00:00
regex : function ( c , data ) {
if ( ts . filter . regex . regex . test ( data . iFilter ) ) {
2013-11-08 15:16:00 +00:00
var matches ,
2014-08-28 16:26:31 +00:00
regex = ts . filter . regex . regex . exec ( data . iFilter ) ;
2013-11-08 15:16:00 +00:00
try {
2014-08-28 16:26:31 +00:00
matches = new RegExp ( regex [ 1 ] , regex [ 2 ] ) . test ( data . iExact ) ;
2013-11-08 15:16:00 +00:00
} 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 <=
2014-08-28 16:26:31 +00:00
operators : function ( c , data ) {
if ( /^[<>]=?/ . test ( data . iFilter ) ) {
2013-11-08 15:16:00 +00:00
var cachedValue , result ,
2014-08-28 16:26:31 +00:00
table = c . table ,
index = data . index ,
parsed = data . parsed [ index ] ,
query = ts . formatFloat ( data . iFilter . replace ( ts . filter . regex . operators , '' ) , table ) ,
2013-11-08 15:16:00 +00:00
parser = c . parsers [ index ] ,
savedSearch = query ;
2014-05-01 16:33:27 +00:00
// parse filter value in case we're comparing numbers (dates)
2014-08-28 16:26:31 +00:00
if ( parsed || parser . type === 'numeric' ) {
result = ts . filter . parseFilter ( c , $ . trim ( '' + data . iFilter . replace ( ts . filter . regex . operators , '' ) ) , index , parsed , true ) ;
2014-05-01 16:33:27 +00:00
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-08-28 16:26:31 +00:00
cachedValue = ( parsed || parser . type === 'numeric' ) && ! isNaN ( query ) && typeof data . cache !== 'undefined' ? data . cache :
isNaN ( data . iExact ) ? ts . formatFloat ( data . iExact . replace ( ts . filter . regex . nondigit , '' ) , table ) :
ts . formatFloat ( data . iExact , table ) ;
2014-05-01 16:33:27 +00:00
2014-08-28 16:26:31 +00:00
if ( />/ . test ( data . iFilter ) ) { result = />=/ . test ( data . iFilter ) ? cachedValue >= query : cachedValue > query ; }
if ( /</ . test ( data . iFilter ) ) { result = /<=/ . test ( data . iFilter ) ? cachedValue <= query : cachedValue < query ; }
2013-11-08 15:16:00 +00:00
// 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
} ,
2014-05-28 16:00:00 +00:00
// Look for a not match
2014-08-28 16:26:31 +00:00
notMatch : function ( c , data ) {
if ( /^\!/ . test ( data . iFilter ) ) {
var indx ,
filter = ts . filter . parseFilter ( c , data . iFilter . replace ( '!' , '' ) , data . index , data . parsed [ data . index ] ) ;
if ( ts . filter . regex . exact . test ( filter ) ) {
2014-05-28 16:00:00 +00:00
// look for exact not matches - see #628
2014-08-28 16:26:31 +00:00
filter = filter . replace ( ts . filter . regex . exact , '' ) ;
return filter === '' ? true : $ . trim ( filter ) !== data . iExact ;
2014-05-28 16:00:00 +00:00
} else {
2014-08-28 16:26:31 +00:00
indx = data . iExact . search ( $ . trim ( filter ) ) ;
return filter === '' ? true : ! ( c . widgetOptions . filter _startsWith ? indx === 0 : indx >= 0 ) ;
2014-05-28 16:00:00 +00:00
}
}
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-08-28 16:26:31 +00:00
exact : function ( c , data ) {
2013-12-17 21:54:46 +00:00
/*jshint eqeqeq:false */
2014-08-28 16:26:31 +00:00
if ( ts . filter . regex . exact . test ( data . iFilter ) ) {
var filter = ts . filter . parseFilter ( c , data . iFilter . replace ( ts . filter . regex . exact , '' ) , data . index , data . parsed [ data . index ] ) ;
return data . anyMatch ? $ . inArray ( filter , data . rowArray ) >= 0 : filter == data . iExact ;
2013-12-17 21:54:46 +00:00
}
return null ;
} ,
2013-11-08 15:16:00 +00:00
// Look for an AND or && operator (logical and)
2014-08-28 16:26:31 +00:00
and : function ( c , data ) {
if ( ts . filter . regex . andTest . test ( data . filter ) ) {
var index = data . index ,
parsed = data . parsed [ index ] ,
query = data . iFilter . split ( ts . filter . regex . andSplit ) ,
result = data . iExact . search ( $ . trim ( ts . filter . parseFilter ( c , query [ 0 ] , index , parsed ) ) ) >= 0 ,
2013-11-08 15:16:00 +00:00
indx = query . length - 1 ;
while ( result && indx ) {
2014-08-28 16:26:31 +00:00
result = result && data . iExact . search ( $ . trim ( ts . filter . parseFilter ( c , query [ indx ] , index , parsed ) ) ) >= 0 ;
2013-11-08 15:16:00 +00:00
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!
2014-08-28 16:26:31 +00:00
range : function ( c , data ) {
if ( ts . filter . regex . toTest . test ( data . iFilter ) ) {
2013-11-26 19:45:42 +00:00
var result , tmp ,
2014-08-28 16:26:31 +00:00
table = c . table ,
index = data . index ,
parsed = data . parsed [ index ] ,
2014-05-02 18:50:57 +00:00
// make sure the dash is for a range and not indicating a negative number
2014-08-28 16:26:31 +00:00
query = data . iFilter . split ( ts . filter . regex . toSplit ) ,
range1 = ts . formatFloat ( ts . filter . parseFilter ( c , query [ 0 ] . replace ( ts . filter . regex . nondigit , '' ) , index , parsed ) , table ) ,
range2 = ts . formatFloat ( ts . filter . parseFilter ( c , query [ 1 ] . replace ( ts . filter . regex . nondigit , '' ) , index , parsed ) , table ) ;
2013-11-08 15:16:00 +00:00
// parse filter value in case we're comparing numbers (dates)
2014-08-28 16:26:31 +00:00
if ( parsed || c . parsers [ index ] . type === 'numeric' ) {
2013-11-08 15:16:00 +00:00
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
}
2014-08-28 16:26:31 +00:00
result = ( parsed || c . parsers [ index ] . type === 'numeric' ) && ! isNaN ( range1 ) && ! isNaN ( range2 ) ? data . cache :
isNaN ( data . iExact ) ? ts . formatFloat ( data . iExact . replace ( ts . filter . regex . nondigit , '' ) , table ) :
ts . formatFloat ( data . iExact , table ) ;
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-08-28 16:26:31 +00:00
wild : function ( c , data ) {
2014-09-27 16:04:13 +00:00
if ( /[\?\*\|]/ . test ( data . iFilter ) || ts . filter . regex . orReplace . test ( data . filter ) ) {
2014-08-28 16:26:31 +00:00
var index = data . index ,
parsed = data . parsed [ index ] ,
query = ts . filter . parseFilter ( c , data . iFilter . replace ( ts . filter . regex . orReplace , "|" ) , index , parsed ) ;
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-09-27 16:04:13 +00:00
// show all results while using filter match. Fixes #727
if ( query [ query . length - 1 ] === '|' ) { query += '*' ; }
2014-08-28 16:26:31 +00:00
query = data . anyMatch && $ . isArray ( data . rowArray ) ? '(' + query + ')' : '^(' + query + ')$' ;
2012-05-23 17:11:30 +00:00
}
2014-07-16 22:19:49 +00:00
// parsing the filter may not work properly when using wildcards =/
2014-08-28 16:26:31 +00:00
return new RegExp ( query . replace ( /\?/g , '\\S{1}' ) . replace ( /\*/g , '\\S*' ) ) . test ( data . iExact ) ;
2013-11-08 15:16:00 +00:00
}
return null ;
2013-11-09 15:07:57 +00:00
} ,
// fuzzy text search; modified from https://github.com/mattyork/fuzzy (MIT license)
2014-08-28 16:26:31 +00:00
fuzzy : function ( c , data ) {
if ( /^~/ . test ( data . iFilter ) ) {
2013-11-09 15:07:57 +00:00
var indx ,
patternIndx = 0 ,
2014-08-28 16:26:31 +00:00
len = data . iExact . length ,
pattern = ts . filter . parseFilter ( c , data . iFilter . slice ( 1 ) , data . index , data . parsed [ data . index ] ) ;
2013-11-09 15:07:57 +00:00
for ( indx = 0 ; indx < len ; indx ++ ) {
2014-08-28 16:26:31 +00:00
if ( data . iExact [ indx ] === pattern [ patternIndx ] ) {
2013-11-09 15:07:57 +00:00
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 ) ;
2014-10-11 01:46:18 +00:00
var options , string , txt , $header , column , filters , val , fxn , noSelect ,
2014-05-02 18:50:57 +00:00
regex = ts . filter . regex ;
2013-11-08 15:16:00 +00:00
c . $table . addClass ( 'hasFilters' ) ;
2014-07-17 16:18:07 +00:00
// define timers so using clearTimeout won't cause an undefined error
2014-06-20 17:31:00 +00:00
wo . searchTimer = null ;
2014-07-17 16:18:07 +00:00
wo . filter _initTimer = null ;
wo . filter _formatterCount = 0 ;
wo . filter _formatterInit = [ ] ;
2014-10-26 18:46:53 +00:00
wo . filter _anyColumnSelector = '[data-column="all"],[data-column="any"]' ;
wo . filter _multipleColumnSelector = '[data-column*="-"],[data-column*=","]' ;
2014-06-20 17:31:00 +00:00
2014-08-28 16:26:31 +00:00
txt = '\\{' + ts . filter . regex . query + '\\}' ;
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' ) ,
2014-08-28 16:26:31 +00:00
orReplace : new RegExp ( '\\s+(' + ts . language . or + ')\\s+' , 'gi' ) ,
iQuery : new RegExp ( txt , 'i' ) ,
igQuery : new RegExp ( txt , 'ig' )
2014-05-02 18:50:57 +00:00
} ) ;
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
2014-07-21 23:37:50 +00:00
if ( wo . filter _columnFilters !== false && c . $headers . filter ( '.filter-false, .parser-false' ) . length !== c . $headers . length ) {
2013-11-08 15:16:00 +00:00
// build filter row
ts . filter . buildRow ( table , c , wo ) ;
}
2015-01-14 06:15:57 +00:00
txt = 'addRows updateCell update updateRows updateComplete appendCache filterReset filterEnd search ' . split ( ' ' ) . join ( c . namespace + 'filter ' ) ;
c . $table . bind ( txt , function ( event , filter ) {
2015-01-14 17:20:36 +00:00
val = ( wo . filter _hideEmpty && $ . isEmptyObject ( c . cache ) && ! ( c . delayInit && event . type === 'appendCache' ) ) ;
2015-01-14 06:15:57 +00:00
// hide filter row using the "filtered" class name
c . $table . find ( '.' + ts . css . filterRow ) . toggleClass ( wo . filter _filteredRow , val ) ; // fixes #450
2014-02-02 04:06:01 +00:00
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' ) {
2014-06-20 17:31:00 +00:00
c . $table . find ( '.' + ts . css . filter ) . add ( wo . filter _$externalFilters ) . val ( '' ) ;
2013-11-08 15:16:00 +00:00
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 ( ) {
2014-11-03 23:33:02 +00:00
// trigger a reset event, so other functions (filter_formatter) know when to reset
2014-04-03 22:27:42 +00:00
c . $table . trigger ( 'filterReset' ) ;
} ) ;
}
2013-11-08 15:16:00 +00:00
}
if ( wo . filter _functions ) {
2014-05-15 00:53:03 +00:00
for ( column = 0 ; column < c . columns ; column ++ ) {
fxn = ts . getColumnData ( table , wo . filter _functions , column ) ;
if ( fxn ) {
2014-07-29 15:52:40 +00:00
// remove "filter-select" from header otherwise the options added here are replaced with all options
$header = c . $headers . filter ( '[data-column="' + column + '"]:last' ) . removeClass ( 'filter-select' ) ;
2014-07-21 23:37:50 +00:00
// don't build select if "filter-false" or "parser-false" set
noSelect = ! ( $header . hasClass ( 'filter-false' ) || $header . hasClass ( 'parser-false' ) ) ;
2013-11-08 15:16:00 +00:00
options = '' ;
2014-07-21 23:37:50 +00:00
if ( fxn === true && noSelect ) {
2013-11-16 07:05:50 +00:00
ts . filter . buildSelect ( table , column ) ;
2014-07-21 23:37:50 +00:00
} else if ( typeof fxn === 'object' && noSelect ) {
2013-11-08 15:16:00 +00:00
// add custom drop down list
2014-05-15 00:53:03 +00:00
for ( string in fxn ) {
2013-11-08 15:16:00 +00:00
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>' : '' ;
2014-07-29 15:52:40 +00:00
val = string ;
txt = string ;
if ( string . indexOf ( wo . filter _selectSourceSeparator ) >= 0 ) {
val = string . split ( wo . filter _selectSourceSeparator ) ;
txt = val [ 1 ] ;
val = val [ 0 ] ;
}
options += '<option ' + ( txt === val ? '' : 'data-function-name="' + string + '" ' ) + 'value="' + val + '">' + txt + '</option>' ;
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
2014-07-15 16:55:20 +00:00
// set filtered rows count (intially unfiltered)
c . filteredRows = c . totalRows ;
2013-11-08 15:16:00 +00:00
// add default values
2014-10-31 16:52:25 +00:00
c . $table . bind ( 'tablesorter-initialized pagerBeforeInitialized' , function ( ) {
2014-07-03 04:18:49 +00:00
// redefine "wo" as it does not update properly inside this callback
var wo = this . config . widgetOptions ;
2013-11-09 05:23:28 +00:00
filters = ts . filter . setDefaults ( table , c , wo ) || [ ] ;
if ( filters . length ) {
2014-07-11 19:52:59 +00:00
// prevent delayInit from triggering a cache build if filters are empty
if ( ! ( c . delayInit && filters . join ( '' ) === '' ) ) {
ts . setFilters ( table , filters , true ) ;
}
2013-11-08 15:16:00 +00:00
}
2014-02-17 22:21:35 +00:00
c . $table . trigger ( 'filterFomatterUpdate' ) ;
2014-07-17 12:55:32 +00:00
// trigger init after setTimeout to prevent multiple filterStart/End/Init triggers
setTimeout ( function ( ) {
if ( ! wo . filter _initialized ) {
2014-07-17 16:18:07 +00:00
ts . filter . filterInitComplete ( c ) ;
2014-07-17 12:55:32 +00:00
}
2014-07-17 16:18:07 +00:00
} , 100 ) ;
2013-11-08 15:16:00 +00:00
} ) ;
2014-07-03 04:18:49 +00:00
// if filter widget is added after pager has initialized; then set filter init flag
2014-07-17 16:18:07 +00:00
if ( c . pager && c . pager . initialized && ! wo . filter _initialized ) {
c . $table . trigger ( 'filterFomatterUpdate' ) ;
setTimeout ( function ( ) {
ts . filter . filterInitComplete ( c ) ;
} , 100 ) ;
}
} ,
// $cell parameter, but not the config, is passed to the
// filter_formatters, so we have to work with it instead
formatterUpdated : function ( $cell , column ) {
var wo = $cell . closest ( 'table' ) [ 0 ] . config . widgetOptions ;
if ( ! wo . filter _initialized ) {
// add updates by column since this function
// may be called numerous times before initialization
wo . filter _formatterInit [ column ] = 1 ;
}
} ,
filterInitComplete : function ( c ) {
var wo = c . widgetOptions ,
2014-09-09 21:23:29 +00:00
count = 0 ,
completed = function ( ) {
2014-10-26 18:46:53 +00:00
wo . filter _initialized = true ;
2014-09-09 21:23:29 +00:00
c . $table . trigger ( 'filterInit' , c ) ;
2014-11-03 23:33:02 +00:00
ts . filter . findRows ( c . table , c . $table . data ( 'lastSearch' ) || [ ] ) ;
2014-09-09 21:23:29 +00:00
} ;
2014-11-03 23:33:02 +00:00
if ( $ . isEmptyObject ( wo . filter _formatter ) ) {
2014-09-09 21:23:29 +00:00
completed ( ) ;
2014-11-03 23:33:02 +00:00
} else {
$ . each ( wo . filter _formatterInit , function ( i , val ) {
if ( val === 1 ) {
count ++ ;
}
} ) ;
clearTimeout ( wo . filter _initTimer ) ;
if ( ! wo . filter _initialized && count === wo . filter _formatterCount ) {
// filter widget initialized
2014-09-09 21:23:29 +00:00
completed ( ) ;
2014-11-03 23:33:02 +00:00
} else if ( ! wo . filter _initialized ) {
// fall back in case a filter_formatter doesn't call
// $.tablesorter.filter.formatterUpdated($cell, column), and the count is off
wo . filter _initTimer = setTimeout ( function ( ) {
completed ( ) ;
} , 500 ) ;
}
2014-07-17 16:18:07 +00:00
}
2013-11-08 15:16:00 +00:00
} ,
2014-10-04 16:50:30 +00:00
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 ;
} ,
2014-08-28 16:26:31 +00:00
parseFilter : function ( c , filter , column , parsed , forceParse ) {
2014-07-16 22:19:49 +00:00
return forceParse || parsed ?
2014-08-28 16:26:31 +00:00
c . parsers [ column ] . format ( filter , c . table , [ ] , column ) :
2014-07-16 22:19:49 +00:00
filter ;
} ,
2013-11-08 15:16:00 +00:00
buildRow : function ( table , c , wo ) {
2014-07-21 23:37:50 +00:00
var col , column , $header , buildSelect , disabled , name , ffxn ,
2013-11-08 15:16:00 +00:00
// c.columns defined in computeThIndexes()
columns = c . columns ,
2014-10-02 16:46:09 +00:00
arry = $ . isArray ( wo . filter _cellFilter ) ,
2014-07-30 17:29:26 +00:00
buildFilter = '<tr role="row" class="' + ts . css . filterRow + '">' ;
2013-11-08 15:16:00 +00:00
for ( column = 0 ; column < columns ; column ++ ) {
2014-10-02 16:46:09 +00:00
if ( arry ) {
buildFilter += '<td' + ( wo . filter _cellFilter [ column ] ? ' class="' + wo . filter _cellFilter [ column ] + '"' : '' ) + '></td>' ;
2014-11-08 01:32:10 +00:00
} else {
2014-10-02 16:46:09 +00:00
buildFilter += '<td' + ( wo . filter _cellFilter !== '' ? ' class="' + wo . filter _cellFilter + '"' : '' ) + '></td>' ;
}
2013-11-08 15:16:00 +00:00
}
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' ) ;
2014-05-15 00:53:03 +00:00
ffxn = ts . getColumnData ( table , wo . filter _functions , column ) ;
buildSelect = ( wo . filter _functions && ffxn && typeof ffxn !== "function" ) ||
2013-11-08 15:16:00 +00:00
$header . hasClass ( 'filter-select' ) ;
2014-05-15 00:53:03 +00:00
// get data from jQuery data, metadata, headers option or header class name
2014-07-21 23:37:50 +00:00
col = ts . getColumnData ( table , c . headers , column ) ;
disabled = ts . getData ( $header [ 0 ] , col , 'filter' ) === 'false' || ts . getData ( $header [ 0 ] , col , 'parser' ) === 'false' ;
2014-05-15 00:53:03 +00:00
2013-11-08 15:16:00 +00:00
if ( buildSelect ) {
buildFilter = $ ( '<select>' ) . appendTo ( c . $filters . eq ( column ) ) ;
} else {
2014-05-15 00:53:03 +00:00
ffxn = ts . getColumnData ( table , wo . filter _formatter , column ) ;
if ( ffxn ) {
2014-07-17 16:18:07 +00:00
wo . filter _formatterCount ++ ;
2014-05-15 00:53:03 +00:00
buildFilter = ffxn ( c . $filters . eq ( column ) , column ) ;
2013-11-08 15:16:00 +00:00
// 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
2014-10-26 18:46:53 +00:00
wo . filter _$anyMatch = $el . filter ( wo . filter _anyColumnSelector + ',' + wo . filter _multipleColumnSelector ) ;
2014-02-01 14:18:55 +00:00
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-06-20 17:31:00 +00:00
. bind ( 'keyup' + 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 = '' ;
2014-06-20 17:31:00 +00:00
// live search
} else if ( wo . filter _liveSearch === false ) {
return ;
// don't return if the search value is empty (all rows need to be revealed)
} else if ( this . value !== '' && (
// liveSearch can contain a min value length; ignore arrow and meta keys, but allow backspace
( typeof wo . filter _liveSearch === 'number' && this . value . length < wo . filter _liveSearch ) ||
// let return & backspace continue on, but ignore arrows & non-valid characters
( event . which !== 13 && event . which !== 8 && ( event . which < 32 || ( event . which >= 37 && event . which <= 40 ) ) ) ) ) {
return ;
2013-11-08 15:16:00 +00:00
}
2014-05-15 00:53:03 +00:00
// change event = no delay; last true flag tells getFilters to skip newest timed input
2014-06-20 17:31:00 +00:00
ts . filter . searching ( table , true , true ) ;
2014-05-03 05:23:14 +00:00
} )
2014-06-20 17:31:00 +00:00
. bind ( 'search change keypress ' . split ( ' ' ) . join ( c . namespace + 'filter ' ) , function ( event ) {
2014-07-16 20:11:54 +00:00
var column = $ ( this ) . data ( 'column' ) ;
// don't allow "change" event to process if the input value is the same - fixes #685
if ( event . which === 13 || event . type === 'search' || event . type === 'change' && this . value !== c . lastSearch [ column ] ) {
2014-05-03 05:23:14 +00:00
event . preventDefault ( ) ;
2014-06-20 17:31:00 +00:00
// init search with no delay
2014-07-03 15:31:20 +00:00
$ ( this ) . attr ( 'data-lastSearchTime' , new Date ( ) . getTime ( ) ) ;
2014-06-20 17:31:00 +00:00
ts . filter . searching ( table , false , true ) ;
2014-05-03 05:23:14 +00:00
}
2014-02-01 14:18:55 +00:00
} ) ;
2014-06-20 17:31:00 +00:00
} ,
searching : function ( table , filter , skipFirst ) {
var wo = table . config . widgetOptions ;
clearTimeout ( wo . searchTimer ) ;
if ( typeof filter === 'undefined' || filter === true ) {
// delay filtering
wo . searchTimer = setTimeout ( function ( ) {
ts . filter . checkFilters ( table , filter , skipFirst ) ;
} , wo . filter _liveSearch ? wo . filter _searchDelay : 10 ) ;
} else {
// skip delay
ts . filter . checkFilters ( table , filter , skipFirst ) ;
}
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
2014-07-11 19:52:59 +00:00
if ( $ . isEmptyObject ( c . cache ) ) {
// update cache if delayInit set & pager has initialized (after user initiates a search)
if ( c . delayInit && c . pager && c . pager . initialized ) {
c . $table . trigger ( 'updateCache' , [ function ( ) {
ts . filter . checkFilters ( table , false , skipFirst ) ;
} ] ) ;
}
return ;
}
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 ) ;
2014-06-16 16:19:29 +00:00
if ( ! wo . filter _initialized ) { c . lastCombinedFilter = '' ; }
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
}
2014-06-16 16:19:29 +00:00
if ( wo . filter _initialized ) { c . $table . trigger ( 'filterStart' , [ filters ] ) ; }
2013-11-08 15:16:00 +00:00
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
} ,
2014-08-28 16:26:31 +00:00
defaultFilter : function ( filter , mask ) {
if ( filter === '' ) { return filter ; }
var regex = ts . filter . regex . iQuery ,
2014-08-28 16:45:26 +00:00
maskLen = mask . match ( ts . filter . regex . igQuery ) . length ,
query = maskLen > 1 ? $ . trim ( filter ) . split ( /\s/ ) : [ $ . trim ( filter ) ] ,
2014-08-28 16:26:31 +00:00
len = query . length - 1 ,
indx = 0 ,
val = mask ;
2014-08-28 16:45:26 +00:00
if ( len < 1 && maskLen > 1 ) {
2014-08-28 16:26:31 +00:00
// only one "word" in query but mask has >1 slots
query [ 1 ] = query [ 0 ] ;
}
// replace all {query} with query words...
// if query = "Bob", then convert mask from "!{query}" to "!Bob"
// if query = "Bob Joe Frank", then convert mask "{q} OR {q}" to "Bob OR Joe OR Frank"
while ( regex . test ( val ) ) {
val = val . replace ( regex , query [ indx ++ ] || '' ) ;
if ( regex . test ( val ) && indx < len && ( query [ indx ] || '' ) !== '' ) {
val = mask . replace ( regex , val ) ;
}
}
return val ;
} ,
2014-10-21 04:21:57 +00:00
getLatestSearch : function ( $input ) {
return $input . sort ( function ( a , b ) {
return $ ( b ) . attr ( 'data-lastSearchTime' ) - $ ( a ) . attr ( 'data-lastSearchTime' ) ;
} ) ;
} ,
multipleColumns : function ( c , $input ) {
// look for multiple columns "1-3,4-6,8" in data-column
var ranges , singles , indx ,
2014-10-26 18:46:53 +00:00
wo = c . widgetOptions ,
// only target "all" column inputs on initialization
// & don't target "all" column inputs if they don't exist
targets = wo . filter _initialized || ! $input . filter ( wo . filter _anyColumnSelector ) . length ,
2014-10-21 04:21:57 +00:00
columns = [ ] ,
2014-10-21 04:34:38 +00:00
val = $ . trim ( ts . filter . getLatestSearch ( $input ) . attr ( 'data-column' ) ) ;
2014-10-21 04:21:57 +00:00
// process column range
2014-10-26 18:46:53 +00:00
if ( targets && /-/ . test ( val ) ) {
2014-10-21 04:21:57 +00:00
ranges = val . match ( /(\d+)\s*-\s*(\d+)/g ) ;
$ . each ( ranges , function ( i , v ) {
var t ,
range = v . split ( /\s*-\s*/ ) ,
start = parseInt ( range [ 0 ] , 10 ) || 0 ,
end = parseInt ( range [ 1 ] , 10 ) || ( c . columns - 1 ) ;
if ( start > end ) { t = start ; start = end ; end = t ; } // swap
if ( end >= c . columns ) { end = c . columns - 1 ; }
for ( ; start <= end ; start ++ ) {
columns . push ( start ) ;
}
// remove processed range from val
val = val . replace ( v , '' ) ;
} ) ;
}
// process single columns
2014-10-26 18:46:53 +00:00
if ( targets && /,/ . test ( val ) ) {
2014-10-21 04:34:38 +00:00
singles = val . split ( /\s*,\s*/ ) ;
2014-10-21 04:21:57 +00:00
$ . each ( singles , function ( i , v ) {
if ( v !== '' ) {
indx = parseInt ( v , 10 ) ;
if ( indx < c . columns ) {
columns . push ( indx ) ;
}
}
} ) ;
}
2014-10-26 18:46:53 +00:00
// return all columns
2014-10-21 04:21:57 +00:00
if ( ! columns . length ) {
for ( indx = 0 ; indx < c . columns ; indx ++ ) {
columns . push ( indx ) ;
}
}
return columns ;
} ,
2013-11-08 15:16:00 +00:00
findRows : function ( table , filters , combinedFilters ) {
2014-10-31 16:52:25 +00:00
if ( table . config . lastCombinedFilter === combinedFilters || ! table . config . widgetOptions . filter _initialized ) { return ; }
2014-09-12 16:07:08 +00:00
var len , $rows , rowIndex , tbodyIndex , $tbody , $cells , $cell , columnIndex ,
childRow , lastSearch , hasSelect , matches , result , showRow , time , val , indx ,
2014-09-09 01:27:52 +00:00
notFiltered , searchFiltered , filterMatched , excludeMatch , fxn , ffxn ,
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 ,
2014-04-03 15:09:09 +00:00
$tbodies = c . $table . children ( 'tbody' ) , // target all tbodies #568
2014-08-28 16:26:31 +00:00
// data object passed to filters; anyMatch is a flag for the filters
data = { anyMatch : false } ,
2013-11-09 19:52:52 +00:00
// anyMatch really screws up with these types of filters
2014-08-28 16:26:31 +00:00
noAnyMatch = [ 'range' , 'notMatch' , 'operators' ] ;
// parse columns after formatter, in case the class is added at that point
data . parsed = c . $headers . map ( function ( columnIndex ) {
return c . parsers && c . parsers [ columnIndex ] && c . parsers [ columnIndex ] . parsed ||
// getData won't return "parsed" if other "filter-" class names exist (e.g. <th class="filter-select filter-parsed">)
ts . getData && ts . getData ( c . $headers . filter ( '[data-column="' + columnIndex + '"]:last' ) , ts . getColumnData ( table , c . headers , columnIndex ) , 'filter' ) === 'parsed' ||
$ ( this ) . hasClass ( 'filter-parsed' ) ;
} ) . get ( ) ;
2014-11-03 23:33:02 +00:00
if ( c . debug ) {
ts . log ( 'Starting filter widget search' , filters ) ;
time = new Date ( ) ;
}
2014-07-03 12:56:28 +00:00
// filtered rows count
c . filteredRows = 0 ;
2014-07-03 15:59:48 +00:00
c . totalRows = 0 ;
2014-11-03 23:33:02 +00:00
// combindedFilters are undefined on init
combinedFilters = ( filters || [ ] ) . join ( '' ) ;
2013-11-08 15:16:00 +00:00
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-05-21 22:11:39 +00:00
$rows = $ ( $ . map ( c . cache [ tbodyIndex ] . normalized , function ( el ) { return el [ columnIndex ] . $row . get ( ) ; } ) ) ;
2013-11-08 15:16:00 +00:00
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 {
2014-05-21 22:11:39 +00:00
// filter out child rows
$rows = $rows . not ( '.' + c . cssChildRow ) ;
len = $rows . length ;
2013-11-08 15:16:00 +00:00
// optimize searching only through already filtered rows - see #313
2014-07-01 04:07:12 +00:00
searchFiltered = wo . filter _searchFiltered ;
2013-11-08 15:16:00 +00:00
lastSearch = c . lastSearch || c . $table . data ( 'lastSearch' ) || [ ] ;
2014-07-01 04:07:12 +00:00
if ( searchFiltered ) {
2014-07-03 11:10:13 +00:00
// cycle through all filters; include last (columnIndex + 1 = match any column). Fixes #669
for ( indx = 0 ; indx < columnIndex + 1 ; indx ++ ) {
2014-07-01 04:07:12 +00:00
val = filters [ indx ] || '' ;
// break out of loop if we've already determined not to search filtered rows
if ( ! searchFiltered ) { indx = columnIndex ; }
// search already filtered rows if...
searchFiltered = searchFiltered && lastSearch . length &&
// there are no changes from beginning of filter
val . indexOf ( lastSearch [ indx ] || '' ) === 0 &&
// if there is NOT a logical "or", or range ("to" or "-") in the string
! regex . alreadyFiltered . test ( val ) &&
// if we are not doing exact matches, using "|" (logical or) or not "!"
! /[=\"\|!]/ . test ( val ) &&
// don't search only filtered if the value is negative ('> -10' => '> -100' will ignore hidden rows)
2014-10-04 16:50:30 +00:00
! ( /(>=?\s*-\d)/ . test ( val ) || /(<=?\s*\d)/ . test ( val ) ) &&
2014-07-01 04:07:12 +00:00
// if filtering using a select without a "filter-match" class (exact match) - fixes #593
! ( val !== '' && c . $filters && c . $filters . eq ( indx ) . find ( 'select' ) . length && ! c . $headers . filter ( '[data-column="' + indx + '"]:last' ) . hasClass ( 'filter-match' ) ) ;
}
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 ] ) {
2014-08-28 16:26:31 +00:00
data . anyMatchFlag = true ;
2014-10-21 04:21:57 +00:00
data . anyMatchFilter = wo . filter _$anyMatch && ts . filter . getLatestSearch ( wo . filter _$anyMatch ) . val ( ) || filters [ c . columns ] || '' ;
2014-02-01 14:18:55 +00:00
if ( c . sortLocaleCompare ) {
// replace accents
2014-08-28 16:26:31 +00:00
data . anyMatchFilter = ts . replaceAccents ( data . anyMatchFilter ) ;
}
if ( wo . filter _defaultFilter && regex . iQuery . test ( ts . getColumnData ( table , wo . filter _defaultFilter , c . columns , true ) || '' ) ) {
2014-08-28 16:55:02 +00:00
data . anyMatchFilter = ts . filter . defaultFilter ( data . anyMatchFilter , ts . getColumnData ( table , wo . filter _defaultFilter , c . columns , true ) ) ;
2014-08-28 16:26:31 +00:00
// clear search filtered flag because default filters are not saved to the last search
searchFiltered = false ;
2014-02-01 14:18:55 +00:00
}
2014-10-21 17:18:43 +00:00
// make iAnyMatchFilter lowercase unless both filter widget & core ignoreCase options are true
// when c.ignoreCase is true, the cache contains all lower case data
data . iAnyMatchFilter = ! ( wo . filter _ignoreCase && c . ignoreCase ) ? data . anyMatchFilter : data . anyMatchFilter . toLocaleLowerCase ( ) ;
2014-02-01 14:18:55 +00:00
}
2014-08-28 16:26:31 +00:00
2013-11-08 15:16:00 +00:00
// loop through the rows
for ( rowIndex = 0 ; rowIndex < len ; rowIndex ++ ) {
2014-08-28 16:26:31 +00:00
data . cacheArray = c . cache [ tbodyIndex ] . normalized [ rowIndex ] ;
2013-11-08 15:16:00 +00:00
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
2014-08-28 16:26:31 +00:00
data . childRowText = ( childRow . length && wo . filter _childRows ) ? childRow . text ( ) : '' ;
data . childRowText = wo . filter _ignoreCase ? data . childRowText . toLocaleLowerCase ( ) : data . childRowText ;
2014-04-12 12:02:56 +00:00
$cells = $rows . eq ( rowIndex ) . children ( ) ;
2014-08-28 16:26:31 +00:00
if ( data . anyMatchFlag ) {
2014-10-21 04:21:57 +00:00
// look for multiple columns "1-3,4-6,8"
columnIndex = ts . filter . multipleColumns ( c , wo . filter _$anyMatch ) ;
2014-08-28 16:26:31 +00:00
data . anyMatch = true ;
data . rowArray = $cells . map ( function ( i ) {
2014-10-21 04:21:57 +00:00
if ( $ . inArray ( i , columnIndex ) > - 1 ) {
var txt ;
if ( data . parsed [ i ] ) {
txt = data . cacheArray [ i ] ;
} else {
2015-02-07 00:07:17 +00:00
txt = this . getAttribute ( c . textAttribute ) || this . textContent || $ ( this ) . text ( ) ;
txt = $ . trim ( wo . filter _ignoreCase ? txt . toLowerCase ( ) : txt ) ;
2014-10-21 04:21:57 +00:00
if ( c . sortLocaleCompare ) {
txt = ts . replaceAccents ( txt ) ;
}
2014-02-01 14:18:55 +00:00
}
2014-10-21 04:21:57 +00:00
return txt ;
2014-02-01 14:18:55 +00:00
}
} ) . get ( ) ;
2014-08-28 16:26:31 +00:00
data . filter = data . anyMatchFilter ;
data . iFilter = data . iAnyMatchFilter ;
data . exact = data . rowArray . join ( ' ' ) ;
2014-10-21 17:18:43 +00:00
data . iExact = wo . filter _ignoreCase ? data . exact . toLowerCase ( ) : data . exact ;
2014-08-28 16:26:31 +00:00
data . cache = data . cacheArray . slice ( 0 , - 1 ) . join ( ' ' ) ;
2014-02-01 14:18:55 +00:00
filterMatched = null ;
$ . each ( ts . filter . types , function ( type , typeFunction ) {
2014-08-28 16:26:31 +00:00
if ( $ . inArray ( type , noAnyMatch ) < 0 ) {
matches = typeFunction ( c , data ) ;
2014-02-01 14:18:55 +00:00
if ( matches !== null ) {
filterMatched = matches ;
return false ;
}
}
} ) ;
if ( filterMatched !== null ) {
showRow = filterMatched ;
} else {
2014-08-02 00:02:19 +00:00
if ( wo . filter _startsWith ) {
showRow = false ;
2014-08-28 16:26:31 +00:00
columnIndex = c . columns ;
2014-08-02 00:02:19 +00:00
while ( ! showRow && columnIndex > 0 ) {
columnIndex -- ;
2014-08-28 16:26:31 +00:00
showRow = showRow || data . rowArray [ columnIndex ] . indexOf ( data . iFilter ) === 0 ;
2014-08-02 00:02:19 +00:00
}
} else {
2014-08-28 16:26:31 +00:00
showRow = ( data . iExact + data . childRowText ) . indexOf ( data . iFilter ) >= 0 ;
2014-08-02 00:02:19 +00:00
}
2014-02-01 14:18:55 +00:00
}
2014-08-28 16:26:31 +00:00
data . anyMatch = false ;
2014-02-01 14:18:55 +00:00
}
2014-08-28 16:26:31 +00:00
for ( columnIndex = 0 ; columnIndex < c . columns ; columnIndex ++ ) {
data . filter = filters [ columnIndex ] ;
data . index = columnIndex ;
2014-09-09 01:27:52 +00:00
// filter types to exclude, per column
2014-09-09 01:32:23 +00:00
excludeMatch = ( ts . getColumnData ( table , wo . filter _excludeFilter , columnIndex , true ) || '' ) . split ( /\s+/ ) ;
2014-09-09 01:27:52 +00:00
2013-11-08 15:16:00 +00:00
// ignore if filter is empty or disabled
2014-08-28 16:26:31 +00:00
if ( data . filter ) {
data . cache = data . cacheArray [ columnIndex ] ;
2013-11-08 15:16:00 +00:00
// check if column data should be from the cell or from parsed data
2014-08-28 16:26:31 +00:00
if ( wo . filter _useParsedData || data . parsed [ columnIndex ] ) {
data . exact = data . cache ;
2013-11-08 15:16:00 +00:00
} else {
// using older or original tablesorter
2015-02-07 00:07:17 +00:00
val = $cells [ columnIndex ] ;
result = $ . trim ( val . getAttribute ( c . textAttribute ) || val . textContent || $cells . eq ( columnIndex ) . text ( ) ) ;
data . exact = c . sortLocaleCompare ? ts . replaceAccents ( result ) : result ; // issue #405
2013-11-08 15:16:00 +00:00
}
2014-08-28 16:26:31 +00:00
data . iExact = ! regex . type . test ( typeof data . exact ) && wo . filter _ignoreCase ? data . exact . toLocaleLowerCase ( ) : data . 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
2014-07-29 15:52:40 +00:00
// in case select filter option has a different value vs text "a - z|A through Z"
2014-10-04 16:50:30 +00:00
ffxn = wo . filter _columnFilters ?
2014-08-04 12:38:22 +00:00
c . $filters . add ( c . $externalFilters ) . filter ( '[data-column="' + columnIndex + '"]' ) . find ( 'select option:selected' ) . attr ( 'data-function-name' ) || '' : '' ;
2013-11-08 15:16:00 +00:00
// replace accents - see #357
2015-02-07 00:07:17 +00:00
if ( c . sortLocaleCompare ) {
data . filter = ts . replaceAccents ( data . filter ) ;
}
2014-08-28 16:26:31 +00:00
2014-09-12 23:25:40 +00:00
val = true ;
2014-08-28 16:26:31 +00:00
if ( wo . filter _defaultFilter && regex . iQuery . test ( ts . getColumnData ( table , wo . filter _defaultFilter , columnIndex ) || '' ) ) {
2014-08-28 16:55:02 +00:00
data . filter = ts . filter . defaultFilter ( data . filter , ts . getColumnData ( table , wo . filter _defaultFilter , columnIndex ) ) ;
2014-09-12 23:25:40 +00:00
// val is used to indicate that a filter select is using a default filter; so we override the exact & partial matches
val = false ;
2014-08-28 16:26:31 +00:00
}
2014-10-21 17:18:43 +00:00
// data.iFilter = case insensitive (if wo.filter_ignoreCase is true), data.filter = case sensitive
2014-08-28 16:26:31 +00:00
data . iFilter = wo . filter _ignoreCase ? ( data . filter || '' ) . toLocaleLowerCase ( ) : data . filter ;
2014-05-15 00:53:03 +00:00
fxn = ts . getColumnData ( table , wo . filter _functions , columnIndex ) ;
2014-09-12 16:07:08 +00:00
$cell = c . $headers . filter ( '[data-column="' + columnIndex + '"]:last' ) ;
hasSelect = $cell . hasClass ( 'filter-select' ) ;
2014-09-12 23:25:40 +00:00
if ( fxn || ( hasSelect && val ) ) {
2014-09-12 16:07:08 +00:00
if ( fxn === true || hasSelect ) {
// default selector uses exact match unless "filter-match" class is found
result = ( $cell . hasClass ( 'filter-match' ) ) ? data . iExact . search ( data . iFilter ) >= 0 : data . filter === data . exact ;
2014-05-15 00:53:03 +00:00
} else if ( typeof fxn === 'function' ) {
2013-11-08 15:16:00 +00:00
// filter callback( exact cell content, parser normalized content, filter input value, column index, jQuery row object )
2014-08-28 16:26:31 +00:00
result = fxn ( data . exact , data . cache , data . filter , columnIndex , $rows . eq ( rowIndex ) ) ;
} else if ( typeof fxn [ ffxn || data . filter ] === 'function' ) {
2013-11-08 15:16:00 +00:00
// selector option function
2014-08-28 16:26:31 +00:00
result = fxn [ ffxn || data . filter ] ( data . exact , data . cache , data . filter , columnIndex , $rows . eq ( rowIndex ) ) ;
2013-11-08 15:16:00 +00:00
}
} 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-09-09 01:27:52 +00:00
if ( $ . inArray ( type , excludeMatch ) < 0 ) {
matches = typeFunction ( c , data ) ;
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 {
2014-08-28 16:26:31 +00:00
data . exact = ( data . iExact + data . childRowText ) . indexOf ( ts . filter . parseFilter ( c , data . iFilter , columnIndex , data . parsed [ columnIndex ] ) ) ;
result = ( ( ! wo . filter _startsWith && data . exact >= 0 ) || ( wo . filter _startsWith && data . exact === 0 ) ) ;
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
}
}
2014-07-03 12:56:28 +00:00
c . filteredRows += $rows . not ( '.' + wo . filter _filteredRow ) . length ;
2014-07-03 15:59:48 +00:00
c . totalRows += $rows . length ;
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 ) ;
}
2014-07-03 16:47:58 +00:00
if ( wo . filter _initialized ) { c . $table . trigger ( 'filterEnd' , c ) ; }
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 ) {
2015-01-30 04:17:38 +00:00
table = $ ( table ) [ 0 ] ;
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 ,
2014-05-15 00:53:03 +00:00
source = wo . filter _selectSource ,
2014-07-18 18:10:38 +00:00
last = c . $table . data ( 'lastSearch' ) || [ ] ,
2014-05-15 00:53:03 +00:00
fxn = $ . isFunction ( source ) ? true : ts . getColumnData ( table , source , column ) ;
2014-04-20 14:11:02 +00:00
2014-07-18 18:10:38 +00:00
if ( onlyAvail && last [ column ] !== '' ) {
2014-07-18 16:29:51 +00:00
onlyAvail = false ;
}
2014-04-20 14:11:02 +00:00
// filter select source option
2014-05-15 00:53:03 +00:00
if ( fxn === true ) {
2014-04-20 14:11:02 +00:00
// OVERALL source
arry = source ( table , column , onlyAvail ) ;
2014-07-29 15:52:40 +00:00
} else if ( fxn instanceof $ || ( $ . type ( fxn ) === 'string' && fxn . indexOf ( '</option>' ) >= 0 ) ) {
// selectSource is a jQuery object or string of options
return fxn ;
2014-07-28 22:40:00 +00:00
} else if ( $ . isArray ( fxn ) ) {
arry = fxn ;
2014-05-15 00:53:03 +00:00
} else if ( $ . type ( source ) === 'object' && fxn ) {
2014-04-20 14:11:02 +00:00
// custom select source function for a SPECIFIC COLUMN
2014-05-15 00:53:03 +00:00
arry = fxn ( table , column , onlyAvail ) ;
2014-04-20 14:11:02 +00:00
}
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
2014-06-04 21:01:55 +00:00
parsed . push ( { t : v , p : c . parsers && c . parsers [ column ] . format ( v , table , [ ] , column ) } ) ;
2014-04-28 23:31:52 +00:00
} ) ;
// 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 ) {
2015-01-30 04:17:38 +00:00
table = $ ( table ) [ 0 ] ;
2014-04-20 14:11:02 +00:00
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
2014-07-15 22:19:05 +00:00
if ( wo . filter _useParsedData || c . parsers [ column ] . parsed || c . $headers . filter ( '[data-column="' + column + '"]:last' ) . hasClass ( 'filter-parsed' ) ) {
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 ) {
2015-02-06 22:32:12 +00:00
arry . push ( $ . trim ( cell . getAttribute ( c . textAttribute ) || cell . textContent || $ ( 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 ;
} ,
2014-07-18 18:51:25 +00:00
buildSelect : function ( table , column , arry , updating , onlyAvail ) {
table = $ ( table ) [ 0 ] ;
2014-04-20 14:11:02 +00:00
column = parseInt ( column , 10 ) ;
2014-07-18 18:51:25 +00:00
if ( ! table . config . cache || $ . isEmptyObject ( table . config . cache ) ) { return ; }
2014-07-29 15:52:40 +00:00
var indx , val , txt , t , $filters , $filter ,
2014-04-20 14:11:02 +00:00
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>' ,
// Get curent filter value
currentValue = c . $table . find ( 'thead' ) . find ( 'select.' + ts . css . filter + '[data-column="' + column + '"]' ) . val ( ) ;
2014-07-18 18:51:25 +00:00
// nothing included in arry (external source), so get the options from filter_selectSource or column data
if ( typeof arry === 'undefined' || arry === '' ) {
arry = ts . filter . getOptionSource ( table , column , onlyAvail ) ;
}
if ( $ . isArray ( arry ) ) {
// build option list
for ( indx = 0 ; indx < arry . length ; indx ++ ) {
2014-07-29 15:52:40 +00:00
txt = arry [ indx ] = ( '' + arry [ indx ] ) . replace ( /\"/g , """ ) ;
val = txt ;
// allow including a symbol in the selectSource array
// "a-z|A through Z" so that "a-z" becomes the option value
// and "A through Z" becomes the option text
if ( txt . indexOf ( wo . filter _selectSourceSeparator ) >= 0 ) {
t = txt . split ( wo . filter _selectSourceSeparator ) ;
val = t [ 0 ] ;
txt = t [ 1 ] ;
}
2014-07-18 18:51:25 +00:00
// replace quotes - fixes #242 & ignore empty strings - see http://stackoverflow.com/q/14990971/145346
2014-07-29 15:52:40 +00:00
options += arry [ indx ] !== '' ? '<option ' + ( val === txt ? '' : 'data-function-name="' + arry [ indx ] + '" ' ) + 'value="' + val + '">' + txt + '</option>' : '' ;
2014-07-18 18:51:25 +00:00
}
// clear arry so it doesn't get appended twice
arry = [ ] ;
2013-11-08 15:16:00 +00:00
}
2014-07-18 18:51:25 +00:00
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 ;
}
2014-07-18 18:51:25 +00:00
$filter = $filters . filter ( 'select[data-column="' + column + '"]' ) ;
// make sure there is a select there!
if ( $filter . length ) {
$filter [ updating ? 'html' : 'append' ] ( options ) ;
if ( ! $ . isArray ( arry ) ) {
// append options if arry is provided externally as a string or jQuery object
2014-07-29 15:52:40 +00:00
// options (default value) was already added
$filter . append ( arry ) . val ( currentValue ) ;
2014-07-18 18:51:25 +00:00
}
2014-07-29 15:52:40 +00:00
$filter . val ( currentValue ) ;
2014-07-18 18:51:25 +00:00
}
2013-11-08 15:16:00 +00:00
} ,
buildDefault : function ( table , updating ) {
2014-07-21 23:37:50 +00:00
var columnIndex , $header , noSelect ,
2013-11-08 15:16:00 +00:00
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' ) ;
2014-07-21 23:37:50 +00:00
noSelect = ! ( $header . hasClass ( 'filter-false' ) || $header . hasClass ( 'parser-false' ) ) ;
2013-11-08 15:16:00 +00:00
// look for the filter-select class; build/update it if found
2014-07-21 23:37:50 +00:00
if ( ( $header . hasClass ( 'filter-select' ) || ts . getColumnData ( table , wo . filter _functions , columnIndex ) === true ) && noSelect ) {
2014-07-18 18:51:25 +00:00
ts . filter . buildSelect ( table , columnIndex , '' , updating , $header . hasClass ( wo . filter _onlyAvail ) ) ;
2012-08-19 02:10:01 +00:00
}
}
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 ) {
2014-11-03 16:56:46 +00:00
var i , $filters , $column , cols ,
2014-02-01 14:18:55 +00:00
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 ++ ) {
2014-10-26 18:46:53 +00:00
cols = ( i === c . columns ?
// "all" columns can now include a range or set of columms (data-column="0-2,4,6-7")
wo . filter _anyColumnSelector + ',' + wo . filter _multipleColumnSelector :
'[data-column="' + i + '"]' ) ;
2014-10-21 04:21:57 +00:00
$column = $filters . filter ( cols ) ;
2014-02-01 14:18:55 +00:00
if ( $column . length ) {
// move the latest search to the first slot in the array
2014-10-21 04:21:57 +00:00
$column = ts . filter . getLatestSearch ( $column ) ;
2014-02-01 14:18:55 +00:00
if ( $ . isArray ( setFilters ) ) {
// skip first (latest input) to maintain cursor position while typing
2014-10-26 18:46:53 +00:00
if ( skipFirst ) { $column . slice ( 1 ) ; }
if ( i === c . columns ) {
// prevent data-column="all" from filling data-column="0,1" (etc)
cols = $column . filter ( wo . filter _anyColumnSelector ) ;
$column = cols . length ? cols : $column ;
}
$column
. val ( setFilters [ i ] )
. trigger ( 'change.tsfilter' ) ;
2014-02-01 14:18:55 +00:00
} else {
filters [ i ] = $column . val ( ) || '' ;
// don't change the first... it will move the cursor
2014-10-21 04:21:57 +00:00
if ( i === c . columns ) {
// don't update range columns from "all" setting
$column . slice ( 1 ) . filter ( '[data-column*="' + $column . attr ( 'data-column' ) + '"]' ) . val ( filters [ i ] ) ;
} else {
$column . slice ( 1 ) . val ( filters [ i ] ) ;
}
2014-02-01 14:18:55 +00:00
}
// 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 = [ ] ;
2015-01-30 04:17:38 +00:00
ts . filter . searching ( c . table , 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
2014-10-09 21:04:28 +00:00
stickyHeaders _xScroll : null , // jQuery selector or object to monitor horizontal scroll position (defaults: xScroll > attachTo > window)
stickyHeaders _yScroll : null , // jQuery selector or object to monitor vertical scroll position (defaults: yScroll > attachTo > window)
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 ,
2014-10-09 21:04:28 +00:00
$attach = $ ( wo . stickyHeaders _attachTo ) ,
namespace = c . namespace + 'stickyheaders ' ,
// element to watch for the scroll event
$yScroll = $ ( wo . stickyHeaders _yScroll || wo . stickyHeaders _attachTo || window ) ,
$xScroll = $ ( wo . stickyHeaders _xScroll || wo . stickyHeaders _attachTo || window ) ,
2013-11-14 03:23:25 +00:00
$thead = $table . children ( 'thead:first' ) ,
$header = $thead . children ( 'tr' ) . not ( '.sticky-false' ) . children ( ) ,
2014-10-09 21:04:28 +00:00
$tfoot = $table . children ( '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 ,
2014-10-09 21:04:28 +00:00
// is this table nested? If so, find parent sticky header wrapper (div, not table)
$nestedSticky = $table . parent ( ) . closest ( '.' + ts . css . table ) . hasClass ( 'hasStickyHeaders' ) ?
$table . parent ( ) . closest ( 'table.tablesorter' ) [ 0 ] . config . widgetOptions . $sticky . parent ( ) : [ ] ,
nestedStickyTop = $nestedSticky . length ? $nestedSticky . height ( ) : 0 ,
// clone table, then wrap to make sticky header
2013-11-14 03:23:25 +00:00
$stickyTable = wo . $sticky = $table . clone ( )
2014-10-09 21:04:28 +00:00
. addClass ( 'containsStickyHeaders ' + ts . css . sticky + ' ' + wo . stickyHeaders )
. wrap ( '<div class="' + ts . css . stickyWrap + '">' ) ,
$stickyWrap = $stickyTable . parent ( ) . css ( {
position : $attach . length ? 'absolute' : 'fixed' ,
2014-11-27 03:20:52 +00:00
padding : parseInt ( $stickyTable . parent ( ) . parent ( ) . css ( 'padding-left' ) , 10 ) ,
2014-10-09 21:04:28 +00:00
top : stickyOffset + nestedStickyTop ,
left : 0 ,
visibility : 'hidden' ,
zIndex : wo . stickyHeaders _zIndex || 2
} ) ,
$stickyThead = $stickyTable . children ( 'thead:first' ) ,
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 ,
2014-10-09 21:04:28 +00:00
setWidth = function ( $orig , $clone ) {
$orig . filter ( ':visible' ) . each ( function ( i ) {
var width , border ,
$cell = $clone . filter ( ':visible' ) . eq ( i ) ,
$this = $ ( this ) ;
// code from https://github.com/jmosbech/StickyTableHeaders
if ( $this . css ( 'box-sizing' ) === 'border-box' ) {
width = $this . outerWidth ( ) ;
} else {
if ( $cell . css ( 'border-collapse' ) === 'collapse' ) {
if ( window . getComputedStyle ) {
width = parseFloat ( window . getComputedStyle ( this , null ) . width ) ;
} else {
// ie8 only
border = parseFloat ( $this . css ( 'border-width' ) ) ;
width = $this . outerWidth ( ) - parseFloat ( $this . css ( 'padding-left' ) ) - parseFloat ( $this . css ( 'padding-right' ) ) - border ;
}
} else {
width = $this . width ( ) ;
}
}
$cell . css ( {
'min-width' : width ,
'max-width' : width
} ) ;
} ) ;
} ,
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 ;
2014-10-09 21:04:28 +00:00
$stickyWrap . css ( {
left : $attach . length ? parseInt ( $attach . css ( 'padding-left' ) , 10 ) || 0 :
$table . offset ( ) . left - parseInt ( $table . css ( 'margin-left' ) , 10 ) - $xScroll . scrollLeft ( ) - spacing ,
width : $table . outerWidth ( )
2012-08-19 02:10:01 +00:00
} ) ;
2014-10-09 21:04:28 +00:00
setWidth ( $table , $stickyTable ) ;
setWidth ( $header , $stickyCells ) ;
2012-08-19 02:10:01 +00:00
} ;
2015-01-14 17:20:36 +00:00
// save stickyTable element to config
// it is also saved to wo.$sticky
if ( c . $extraTables && c . $extraTables . length ) {
c . $extraTables . add ( $stickyTable ) ;
} else {
c . $extraTables = $stickyTable ;
}
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 ( ) ;
2014-11-27 03:20:52 +00:00
$stickyTable . find ( 'caption' ) . toggle ( wo . stickyHeaders _includeCaption ) ;
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 ( ) ;
2014-10-09 21:04:28 +00:00
$stickyTable . css ( { height : 0 , width : 0 , margin : 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' )
2014-10-09 21:04:28 +00:00
. bind ( 'pagerComplete' + namespace , function ( ) {
2013-11-14 03:23:25 +00:00
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.
2014-10-09 21:04:28 +00:00
$table . after ( $stickyWrap ) ;
// onRenderHeader is defined, we need to do something about it (fixes #641)
if ( c . onRenderHeader ) {
$stickyThead . children ( 'tr' ) . children ( ) . each ( function ( index ) {
2014-11-08 01:32:10 +00:00
// send second parameter
2014-10-09 21:04:28 +00:00
c . onRenderHeader . apply ( $ ( this ) , [ index , c , $stickyTable ] ) ;
} ) ;
}
2011-10-11 05:48:34 +00:00
// make it sticky!
2014-10-09 21:04:28 +00:00
$xScroll . add ( $yScroll )
. unbind ( 'scroll resize ' . split ( ' ' ) . join ( namespace ) )
. bind ( 'scroll resize ' . split ( ' ' ) . join ( namespace ) , function ( event ) {
2013-11-14 03:23:25 +00:00
if ( ! $table . is ( ':visible' ) ) { return ; } // fixes #278
2014-10-09 21:04:28 +00:00
// Detect nested tables - fixes #724
nestedStickyTop = $nestedSticky . length ? $nestedSticky . offset ( ) . top - $yScroll . scrollTop ( ) + $nestedSticky . height ( ) : 0 ;
2013-11-14 03:23:25 +00:00
var prefix = 'tablesorter-sticky-' ,
offset = $table . offset ( ) ,
2014-11-27 03:20:52 +00:00
yWindow = $ . isWindow ( $yScroll [ 0 ] ) , // $.isWindow needs jQuery 1.4.3
2014-10-09 21:04:28 +00:00
xWindow = $ . isWindow ( $xScroll [ 0 ] ) ,
// scrollTop = ( $attach.length ? $attach.offset().top : $yScroll.scrollTop() ) + stickyOffset + nestedStickyTop,
scrollTop = ( $attach . length ? ( yWindow ? $yScroll . scrollTop ( ) : $yScroll . offset ( ) . top ) : $yScroll . scrollTop ( ) ) + stickyOffset + nestedStickyTop ,
tableHeight = $table . height ( ) - ( $stickyWrap . height ( ) + ( $tfoot . height ( ) || 0 ) ) ,
2014-11-27 03:20:52 +00:00
isVisible = ( scrollTop > offset . top ) && ( scrollTop < offset . top + tableHeight ) ? 'visible' : 'hidden' ,
2013-12-08 20:52:13 +00:00
cssSettings = { visibility : isVisible } ;
2014-10-09 21:04:28 +00:00
2013-12-08 20:52:13 +00:00
if ( $attach . length ) {
2014-10-09 21:04:28 +00:00
cssSettings . top = yWindow ? scrollTop : $attach . scrollTop ( ) ;
}
if ( xWindow ) {
2013-12-08 20:52:13 +00:00
// adjust when scrolling horizontally - fixes issue #143
2014-10-09 21:04:28 +00:00
cssSettings . left = $table . offset ( ) . left - parseInt ( $table . css ( 'margin-left' ) , 10 ) - $xScroll . scrollLeft ( ) - spacing ;
}
if ( $nestedSticky . length ) {
cssSettings . top = ( cssSettings . top || 0 ) + stickyOffset + nestedStickyTop ;
2013-12-08 20:52:13 +00:00
}
2014-10-09 21:04:28 +00:00
$stickyWrap
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
2014-10-09 21:04:28 +00:00
if ( $table . hasClass ( 'hasFilters' ) && wo . filter _columnFilters ) {
2014-02-02 06:48:03 +00:00
// scroll table into view after filtering, if sticky header is active - #482
2014-10-09 21:04:28 +00:00
$table . bind ( 'filterEnd' + namespace , function ( ) {
2013-11-27 18:50:58 +00:00
// $(':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-10-09 21:04:28 +00:00
if ( $stickyWrap . 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 ) {
2014-10-09 21:04:28 +00:00
var namespace = c . namespace + 'stickyheaders ' ;
2013-03-31 17:18:20 +00:00
c . $table
2012-08-19 02:10:01 +00:00
. removeClass ( 'hasStickyHeaders' )
2014-10-09 21:04:28 +00:00
. unbind ( 'pagerComplete filterEnd ' . split ( ' ' ) . join ( namespace ) )
. next ( '.' + ts . css . stickyWrap ) . remove ( ) ;
2013-06-05 01:02:16 +00:00
if ( wo . $sticky && wo . $sticky . length ) { wo . $sticky . remove ( ) ; } // remove cloned table
2015-02-02 01:37:12 +00:00
$ ( window )
. add ( wo . stickyHeaders _xScroll )
. add ( wo . stickyHeaders _yScroll )
. add ( wo . stickyHeaders _attachTo )
. unbind ( 'scroll resize ' . split ( ' ' ) . join ( namespace ) ) ;
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 ,
2014-07-04 04:04:15 +00:00
resizable _widths : [ ] ,
resizable _throttle : false // set to true (5ms) or any number 0-10 range
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
2014-07-04 04:04:15 +00:00
var $rows , $columns , $column , column , timer ,
2013-11-14 03:23:25 +00:00
storedSizes = { } ,
$table = c . $table ,
2014-10-03 01:51:30 +00:00
$wrap = $table . parent ( ) ,
overflow = $table . parent ( ) . css ( 'overflow' ) === 'auto' ,
2013-11-14 03:23:25 +00:00
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 ,
2014-07-04 04:04:15 +00:00
mouseMove = function ( event ) {
if ( mouseXPosition === 0 || ! $target ) { return ; }
// resize columns
var leftEdge = event . pageX - mouseXPosition ,
targetWidth = $target . width ( ) ;
$target . width ( targetWidth + leftEdge ) ;
if ( $target . width ( ) !== targetWidth && fullWidth ) {
$next . width ( $next . width ( ) - leftEdge ) ;
2014-10-03 01:51:30 +00:00
} else if ( overflow ) {
$table . width ( function ( i , w ) {
return w + leftEdge ;
} ) ;
if ( ! $next . length ) {
// if expanding right-most column, scroll the wrapper
$wrap [ 0 ] . scrollLeft = $table . width ( ) ;
}
2014-07-04 04:04:15 +00:00
}
mouseXPosition = event . pageX ;
} ,
2013-11-14 03:23:25 +00:00
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' ) ;
2014-05-08 17:05:01 +00:00
canResize = ts . getData ( $column , ts . getColumnData ( table , c . headers , column ) , 'resizable' ) === "false" ;
2013-11-14 03:23:25 +00:00
$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 ) ,
2014-07-09 02:13:56 +00:00
padding = parseInt ( $column . css ( 'padding-right' ) , 10 ) + 10 ; // 10 is 1/2 of the 20px wide resizer
2013-11-14 03:23:25 +00:00
$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
} )
2014-07-09 02:13:56 +00:00
. find ( '.' + ts . css . resizer )
2014-07-03 12:02:32 +00:00
. bind ( 'mousedown' , function ( event ) {
// save header cell and mouse position
$target = $ ( event . target ) . closest ( 'th' ) ;
var $header = c . $headers . filter ( '[data-column="' + $target . attr ( 'data-column' ) + '"]' ) ;
if ( $header . length > 1 ) { $target = $target . add ( $header ) ; }
// if table is not as wide as it's parent, then resize the table
$next = event . shiftKey ? $target . parent ( ) . find ( 'th' ) . not ( '.resizable-false' ) . filter ( ':last' ) : $target . nextAll ( ':not(.resizable-false)' ) . eq ( 0 ) ;
mouseXPosition = event . pageX ;
} ) ;
$ ( document )
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 ; }
2014-07-04 04:04:15 +00:00
if ( wo . resizable _throttle ) {
clearTimeout ( timer ) ;
timer = setTimeout ( function ( ) {
mouseMove ( event ) ;
} , isNaN ( wo . resizable _throttle ) ? 5 : wo . resizable _throttle ) ;
} else {
mouseMove ( event ) ;
2013-01-29 22:39:06 +00:00
}
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-07-03 12:02:32 +00:00
2012-08-19 02:10:01 +00:00
// right click to reset columns to default widths
2014-07-03 12:02:32 +00:00
$table . find ( 'thead:first' ) . bind ( 'contextmenu.tsresize' , function ( ) {
ts . resizableReset ( table ) ;
// $.isEmptyObject() needs jQuery 1.4+; allow right click if already reset
var allowClick = $ . isEmptyObject ? $ . isEmptyObject ( storedSizes ) : true ;
storedSizes = { } ;
return allowClick ;
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-07-09 02:13:56 +00:00
. find ( '.' + ts . css . resizer ) . 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 ) ;
2015-01-24 04:44:57 +00:00
if ( wo . resizable _widths && wo . resizable _widths [ i ] ) {
2014-03-31 11:03:35 +00:00
$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
} ,
2015-02-02 01:37:12 +00:00
remove : function ( table , c ) {
c . $table . removeClass ( 'hasSaveSort' ) ;
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
}
} ) ;
2014-10-09 21:04:28 +00:00
} ) ( jQuery , window ) ;