From: Timo Tijhof Date: Wed, 9 May 2018 17:12:15 +0000 (+0100) Subject: jquery.tablesorter: Move files to their own directory X-Git-Tag: 1.34.0-rc.0~5479^2 X-Git-Url: http://git.cyclocoop.org/data/%24oldEdit?a=commitdiff_plain;h=9d969334c73c19e276a8de2c664bcf3702a1a418;p=lhc%2Fweb%2Fwiklou.git jquery.tablesorter: Move files to their own directory * Reduce clutter in src/jquery/. * Make it easier to see which files belong to which module, especially src/jquery/images/ which was confusingly shared between multiple modules. This also helps emphasize that while jquery.tablesorter.less is included, jquery.tablesorter.styles.less is not. Also follows-up 8cdfcc5fd, which placed its style-module definition among the 'mediawiki.*' modules instead of near the 'jquery.*' modules. Change-Id: Ib639de5df323a36982ecdd89158a939beaaa2dd3 --- diff --git a/resources/Resources.php b/resources/Resources.php index e8a5e24b92..fb24c39c0b 100644 --- a/resources/Resources.php +++ b/resources/Resources.php @@ -112,13 +112,6 @@ return [ 'resources/src/mediawiki.skinning/interface.css' => [ 'media' => 'screen' ], ], ], - - 'jquery.tablesorter.styles' => [ - 'targets' => [ 'desktop', 'mobile' ], - 'styles' => [ - 'resources/src/jquery/jquery.tablesorter.styles.less', - ], - ], 'jquery.makeCollapsible.styles' => [ 'targets' => [ 'desktop', 'mobile' ], 'class' => ResourceLoaderLessVarFileModule::class, @@ -328,8 +321,8 @@ return [ 'scripts' => 'resources/src/jquery/jquery.tabIndex.js', ], 'jquery.tablesorter' => [ - 'scripts' => 'resources/src/jquery/jquery.tablesorter.js', - 'styles' => 'resources/src/jquery/jquery.tablesorter.less', + 'scripts' => 'resources/src/jquery.tablesorter/jquery.tablesorter.js', + 'styles' => 'resources/src/jquery.tablesorter/jquery.tablesorter.less', 'messages' => [ 'sort-descending', 'sort-ascending' ], 'dependencies' => [ 'jquery.tablesorter.styles', @@ -337,6 +330,12 @@ return [ 'mediawiki.language.months', ], ], + 'jquery.tablesorter.styles' => [ + 'targets' => [ 'desktop', 'mobile' ], + 'styles' => [ + 'resources/src/jquery/jquery.tablesorter.styles.less', + ], + ], 'jquery.textSelection' => [ 'scripts' => 'resources/src/jquery/jquery.textSelection.js', 'dependencies' => 'jquery.client', diff --git a/resources/src/jquery.tablesorter/images/sort_both.png b/resources/src/jquery.tablesorter/images/sort_both.png new file mode 100644 index 0000000000..fc630913c0 Binary files /dev/null and b/resources/src/jquery.tablesorter/images/sort_both.png differ diff --git a/resources/src/jquery.tablesorter/images/sort_both.svg b/resources/src/jquery.tablesorter/images/sort_both.svg new file mode 100644 index 0000000000..872a8dbf4e --- /dev/null +++ b/resources/src/jquery.tablesorter/images/sort_both.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/src/jquery.tablesorter/images/sort_down.png b/resources/src/jquery.tablesorter/images/sort_down.png new file mode 100644 index 0000000000..ce04a0fcd7 Binary files /dev/null and b/resources/src/jquery.tablesorter/images/sort_down.png differ diff --git a/resources/src/jquery.tablesorter/images/sort_down.svg b/resources/src/jquery.tablesorter/images/sort_down.svg new file mode 100644 index 0000000000..452606abbf --- /dev/null +++ b/resources/src/jquery.tablesorter/images/sort_down.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/src/jquery.tablesorter/images/sort_up.png b/resources/src/jquery.tablesorter/images/sort_up.png new file mode 100644 index 0000000000..2ebe071338 Binary files /dev/null and b/resources/src/jquery.tablesorter/images/sort_up.png differ diff --git a/resources/src/jquery.tablesorter/images/sort_up.svg b/resources/src/jquery.tablesorter/images/sort_up.svg new file mode 100644 index 0000000000..38f6374a05 --- /dev/null +++ b/resources/src/jquery.tablesorter/images/sort_up.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/src/jquery.tablesorter/jquery.tablesorter.js b/resources/src/jquery.tablesorter/jquery.tablesorter.js new file mode 100644 index 0000000000..552c0c394f --- /dev/null +++ b/resources/src/jquery.tablesorter/jquery.tablesorter.js @@ -0,0 +1,1285 @@ +/*! + * TableSorter for MediaWiki + * + * Written 2011 Leo Koppelkamm + * Based on tablesorter.com plugin, written (c) 2007 Christian Bach. + * + * Dual licensed under the MIT and GPL licenses: + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + * + * Depends on mw.config (wgDigitTransformTable, wgDefaultDateFormat, wgPageContentLanguage) + * and mw.language.months. + * + * Uses 'tableSorterCollation' in mw.config (if available) + * + * Create a sortable table with multi-column sorting capabilities + * + * // Create a simple tablesorter interface + * $( 'table' ).tablesorter(); + * + * // Create a tablesorter interface, initially sorting on the first and second column + * $( 'table' ).tablesorter( { sortList: [ { 0: 'desc' }, { 1: 'asc' } ] } ); + * + * @param {string} [cssHeader="header"] A string of the class name to be appended to sortable + * tr elements in the thead of the table. + * + * @param {string} [cssAsc="headerSortUp"] A string of the class name to be appended to + * sortable tr elements in the thead on a ascending sort. + * + * @param {string} [cssDesc="headerSortDown"] A string of the class name to be appended to + * sortable tr elements in the thead on a descending sort. + * + * @param {string} [sortMultisortKey="shiftKey"] A string of the multi-column sort key. + * + * @param {boolean} [cancelSelection=true] Boolean flag indicating iftablesorter should cancel + * selection of the table headers text. + * + * @param {Array} [sortList] An array containing objects specifying sorting. By passing more + * than one object, multi-sorting will be applied. Object structure: + * { : } + * + * @event sortEnd.tablesorter: Triggered as soon as any sorting has been applied. + * + * @author Christian Bach/christian.bach@polyester.se + */ +( function ( $, mw ) { + var ts, + parsers = []; + + /* Parser utility functions */ + + function getParserById( name ) { + var i; + for ( i = 0; i < parsers.length; i++ ) { + if ( parsers[ i ].id.toLowerCase() === name.toLowerCase() ) { + return parsers[ i ]; + } + } + return false; + } + + function getElementSortKey( node ) { + var $node = $( node ), + // Use data-sort-value attribute. + // Use data() instead of attr() so that live value changes + // are processed as well (T40152). + data = $node.data( 'sortValue' ); + + if ( data !== null && data !== undefined ) { + // Cast any numbers or other stuff to a string, methods + // like charAt, toLowerCase and split are expected. + return String( data ); + } + if ( !node ) { + return $node.text(); + } + if ( node.tagName.toLowerCase() === 'img' ) { + return $node.attr( 'alt' ) || ''; // handle undefined alt + } + return $.makeArray( node.childNodes ).map( function ( elem ) { + if ( elem.nodeType === Node.ELEMENT_NODE ) { + if ( $( elem ).hasClass( 'reference' ) ) { + return null; + } else { + return getElementSortKey( elem ); + } + } + return $.text( elem ); + } ).join( '' ); + } + + function detectParserForColumn( table, rows, column ) { + var l = parsers.length, + config = $( table ).data( 'tablesorter' ).config, + cellIndex, + nodeValue, + nextRow = false, + // Start with 1 because 0 is the fallback parser + i = 1, + lastRowIndex = -1, + rowIndex = 0, + concurrent = 0, + empty = 0, + needed = ( rows.length > 4 ) ? 5 : rows.length; + + while ( i < l ) { + // if this is a child row, continue to the next row (as buildCache()) + if ( rows[ rowIndex ] && !$( rows[ rowIndex ] ).hasClass( config.cssChildRow ) ) { + if ( rowIndex !== lastRowIndex ) { + lastRowIndex = rowIndex; + cellIndex = $( rows[ rowIndex ] ).data( 'columnToCell' )[ column ]; + nodeValue = getElementSortKey( rows[ rowIndex ].cells[ cellIndex ] ).trim(); + } + } else { + nodeValue = ''; + } + + if ( nodeValue !== '' ) { + if ( parsers[ i ].is( nodeValue, table ) ) { + concurrent++; + nextRow = true; + if ( concurrent >= needed ) { + // Confirmed the parser for multiple cells, let's return it + return parsers[ i ]; + } + } else if ( parsers[ i ].id.match( /isoDate/ ) && /^\D*(\d{1,4}) ?(\[.+\])?$/.test( nodeValue ) ) { + // For 1-4 digits and maybe reference(s) parser "isoDate" or "number" is possible, check next row + empty++; + nextRow = true; + } else { + // Check next parser, reset rows + i++; + rowIndex = 0; + concurrent = 0; + empty = 0; + nextRow = false; + } + } else { + // Empty cell + empty++; + nextRow = true; + } + + if ( nextRow ) { + nextRow = false; + rowIndex++; + if ( rowIndex >= rows.length ) { + if ( concurrent > 0 && concurrent >= rows.length - empty ) { + // Confirmed the parser for all filled cells + return parsers[ i ]; + } + // Check next parser, reset rows + i++; + rowIndex = 0; + concurrent = 0; + empty = 0; + } + } + } + + // 0 is always the generic parser (text) + return parsers[ 0 ]; + } + + function buildParserCache( table, $headers ) { + var sortType, len, j, parser, + rows = table.tBodies[ 0 ].rows, + config = $( table ).data( 'tablesorter' ).config, + parsers = []; + + if ( rows[ 0 ] ) { + len = config.columns; + for ( j = 0; j < len; j++ ) { + parser = false; + sortType = $headers.eq( config.columnToHeader[ j ] ).data( 'sortType' ); + if ( sortType !== undefined ) { + parser = getParserById( sortType ); + } + + if ( parser === false ) { + parser = detectParserForColumn( table, rows, j ); + } + + parsers.push( parser ); + } + } + return parsers; + } + + /* Other utility functions */ + + function buildCache( table ) { + var i, j, $row, cols, + totalRows = ( table.tBodies[ 0 ] && table.tBodies[ 0 ].rows.length ) || 0, + config = $( table ).data( 'tablesorter' ).config, + parsers = config.parsers, + len = parsers.length, + cellIndex, + cache = { + row: [], + normalized: [] + }; + + for ( i = 0; i < totalRows; i++ ) { + + // Add the table data to main data array + $row = $( table.tBodies[ 0 ].rows[ i ] ); + cols = []; + + // if this is a child row, add it to the last row's children and + // continue to the next row + if ( $row.hasClass( config.cssChildRow ) ) { + cache.row[ cache.row.length - 1 ] = cache.row[ cache.row.length - 1 ].add( $row ); + // go to the next for loop + continue; + } + + cache.row.push( $row ); + + for ( j = 0; j < len; j++ ) { + cellIndex = $row.data( 'columnToCell' )[ j ]; + cols.push( parsers[ j ].format( getElementSortKey( $row[ 0 ].cells[ cellIndex ] ) ) ); + } + + cols.push( cache.normalized.length ); // add position for rowCache + cache.normalized.push( cols ); + cols = null; + } + + return cache; + } + + function appendToTable( table, cache ) { + var i, pos, l, j, + row = cache.row, + normalized = cache.normalized, + totalRows = normalized.length, + checkCell = ( normalized[ 0 ].length - 1 ), + fragment = document.createDocumentFragment(); + + for ( i = 0; i < totalRows; i++ ) { + pos = normalized[ i ][ checkCell ]; + + l = row[ pos ].length; + for ( j = 0; j < l; j++ ) { + fragment.appendChild( row[ pos ][ j ] ); + } + + } + table.tBodies[ 0 ].appendChild( fragment ); + + $( table ).trigger( 'sortEnd.tablesorter' ); + } + + /** + * Find all header rows in a thead-less table and put them in a tag. + * This only treats a row as a header row if it contains only s (no s) + * and if it is preceded entirely by header rows. The algorithm stops when + * it encounters the first non-header row. + * + * After this, it will look at all rows at the bottom for footer rows + * And place these in a tfoot using similar rules. + * + * @param {jQuery} $table object for a + */ + function emulateTHeadAndFoot( $table ) { + var $thead, $tfoot, i, len, + $rows = $table.find( '> tbody > tr' ); + if ( !$table.get( 0 ).tHead ) { + $thead = $( '' ); + $rows.each( function () { + if ( $( this ).children( 'td' ).length ) { + // This row contains a ' ); + len = $rows.length; + for ( i = len - 1; i >= 0; i-- ) { + if ( $( $rows[ i ] ).children( 'td' ).length ) { + break; + } + $tfoot.prepend( $( $rows[ i ] ) ); + } + $table.append( $tfoot ); + } + } + + function uniqueElements( array ) { + var uniques = []; + array.forEach( function ( elem ) { + if ( elem !== undefined && uniques.indexOf( elem ) === -1 ) { + uniques.push( elem ); + } + } ); + return uniques; + } + + function buildHeaders( table, msg ) { + var config = $( table ).data( 'tablesorter' ).config, + maxSeen = 0, + colspanOffset = 0, + columns, + k, + $cell, + rowspan, + colspan, + headerCount, + longestTR, + headerIndex, + exploded, + $tableHeaders = $( [] ), + $tableRows = $( 'thead:eq(0) > tr', table ); + + if ( $tableRows.length <= 1 ) { + $tableHeaders = $tableRows.children( 'th' ); + } else { + exploded = []; + + // Loop through all the dom cells of the thead + $tableRows.each( function ( rowIndex, row ) { + $.each( row.cells, function ( columnIndex, cell ) { + var matrixRowIndex, + matrixColumnIndex; + + rowspan = Number( cell.rowSpan ); + colspan = Number( cell.colSpan ); + + // Skip the spots in the exploded matrix that are already filled + while ( exploded[ rowIndex ] && exploded[ rowIndex ][ columnIndex ] !== undefined ) { + ++columnIndex; + } + + // Find the actual dimensions of the thead, by placing each cell + // in the exploded matrix rowspan times colspan times, with the proper offsets + for ( matrixColumnIndex = columnIndex; matrixColumnIndex < columnIndex + colspan; ++matrixColumnIndex ) { + for ( matrixRowIndex = rowIndex; matrixRowIndex < rowIndex + rowspan; ++matrixRowIndex ) { + if ( !exploded[ matrixRowIndex ] ) { + exploded[ matrixRowIndex ] = []; + } + exploded[ matrixRowIndex ][ matrixColumnIndex ] = cell; + } + } + } ); + } ); + // We want to find the row that has the most columns (ignoring colspan) + exploded.forEach( function ( cellArray, index ) { + headerCount = $( uniqueElements( cellArray ) ).filter( 'th' ).length; + if ( headerCount >= maxSeen ) { + maxSeen = headerCount; + longestTR = index; + } + } ); + // We cannot use $.unique() here because it sorts into dom order, which is undesirable + $tableHeaders = $( uniqueElements( exploded[ longestTR ] ) ).filter( 'th' ); + } + + // as each header can span over multiple columns (using colspan=N), + // we have to bidirectionally map headers to their columns and columns to their headers + config.columnToHeader = []; + config.headerToColumns = []; + config.headerList = []; + headerIndex = 0; + $tableHeaders.each( function () { + $cell = $( this ); + columns = []; + + if ( !$cell.hasClass( config.unsortableClass ) ) { + $cell + .addClass( config.cssHeader ) + .prop( 'tabIndex', 0 ) + .attr( { + role: 'columnheader button', + title: msg[ 1 ] + } ); + + for ( k = 0; k < this.colSpan; k++ ) { + config.columnToHeader[ colspanOffset + k ] = headerIndex; + columns.push( colspanOffset + k ); + } + + config.headerToColumns[ headerIndex ] = columns; + + $cell.data( { + headerIndex: headerIndex, + order: 0, + count: 0 + } ); + + // add only sortable cells to headerList + config.headerList[ headerIndex ] = this; + headerIndex++; + } + + colspanOffset += this.colSpan; + } ); + + // number of columns with extended colspan, inclusive unsortable + // parsers[j], cache[][j], columnToHeader[j], columnToCell[j] have so many elements + config.columns = colspanOffset; + + return $tableHeaders.not( '.' + config.unsortableClass ); + } + + function isValueInArray( v, a ) { + var i; + for ( i = 0; i < a.length; i++ ) { + if ( a[ i ][ 0 ] === v ) { + return true; + } + } + return false; + } + + /** + * Sets the sort count of the columns that are not affected by the sorting to have them sorted + * in default (ascending) order when their header cell is clicked the next time. + * + * @param {jQuery} $headers + * @param {Array} sortList 2D number array + * @param {Array} headerToColumns 2D number array + */ + function setHeadersOrder( $headers, sortList, headerToColumns ) { + // Loop through all headers to retrieve the indices of the columns the header spans across: + headerToColumns.forEach( function ( columns, headerIndex ) { + + columns.forEach( function ( columnIndex, i ) { + var header = $headers[ headerIndex ], + $header = $( header ); + + if ( !isValueInArray( columnIndex, sortList ) ) { + // Column shall not be sorted: Reset header count and order. + $header.data( { + order: 0, + count: 0 + } ); + } else { + // Column shall be sorted: Apply designated count and order. + sortList.forEach( function ( sortColumn ) { + if ( sortColumn[ 0 ] === i ) { + $header.data( { + order: sortColumn[ 1 ], + count: sortColumn[ 1 ] + 1 + } ); + return false; + } + } ); + } + } ); + + } ); + } + + function setHeadersCss( table, $headers, list, css, msg, columnToHeader ) { + var i, len; + // Remove all header information and reset titles to default message + $headers.removeClass( css[ 0 ] ).removeClass( css[ 1 ] ).attr( 'title', msg[ 1 ] ); + + for ( i = 0, len = list.length; i < len; i++ ) { + $headers + .eq( columnToHeader[ list[ i ][ 0 ] ] ) + .addClass( css[ list[ i ][ 1 ] ] ) + .attr( 'title', msg[ list[ i ][ 1 ] ] ); + } + } + + function sortText( a, b ) { + return ( ( a < b ) ? -1 : ( ( a > b ) ? 1 : 0 ) ); + } + + function sortTextDesc( a, b ) { + return ( ( b < a ) ? -1 : ( ( b > a ) ? 1 : 0 ) ); + } + + function multisort( table, sortList, cache ) { + var i, + sortFn = []; + + for ( i = 0; i < sortList.length; i++ ) { + sortFn[ i ] = ( sortList[ i ][ 1 ] ) ? sortTextDesc : sortText; + } + cache.normalized.sort( function ( array1, array2 ) { + var i, col, ret; + for ( i = 0; i < sortList.length; i++ ) { + col = sortList[ i ][ 0 ]; + ret = sortFn[ i ].call( this, array1[ col ], array2[ col ] ); + if ( ret !== 0 ) { + return ret; + } + } + // Fall back to index number column to ensure stable sort + return sortText.call( this, array1[ array1.length - 1 ], array2[ array2.length - 1 ] ); + } ); + return cache; + } + + function buildTransformTable() { + var ascii, localised, i, digitClass, + digits = '0123456789,.'.split( '' ), + separatorTransformTable = mw.config.get( 'wgSeparatorTransformTable' ), + digitTransformTable = mw.config.get( 'wgDigitTransformTable' ); + + if ( separatorTransformTable === null || ( separatorTransformTable[ 0 ] === '' && digitTransformTable[ 2 ] === '' ) ) { + ts.transformTable = false; + } else { + ts.transformTable = {}; + + // Unpack the transform table + ascii = separatorTransformTable[ 0 ].split( '\t' ).concat( digitTransformTable[ 0 ].split( '\t' ) ); + localised = separatorTransformTable[ 1 ].split( '\t' ).concat( digitTransformTable[ 1 ].split( '\t' ) ); + + // Construct regexes for number identification + for ( i = 0; i < ascii.length; i++ ) { + ts.transformTable[ localised[ i ] ] = ascii[ i ]; + digits.push( mw.RegExp.escape( localised[ i ] ) ); + } + } + digitClass = '[' + digits.join( '', digits ) + ']'; + + // We allow a trailing percent sign, which we just strip. This works fine + // if percents and regular numbers aren't being mixed. + ts.numberRegex = new RegExp( + '^(' + + '[-+\u2212]?[0-9][0-9,]*(\\.[0-9,]*)?(E[-+\u2212]?[0-9][0-9,]*)?' + // Fortran-style scientific + '|' + + '[-+\u2212]?' + digitClass + '+[\\s\\xa0]*%?' + // Generic localised + ')$', + 'i' + ); + } + + function buildDateTable() { + var i, name, + regex = []; + + ts.monthNames = {}; + + for ( i = 0; i < 12; i++ ) { + name = mw.language.months.names[ i ].toLowerCase(); + ts.monthNames[ name ] = i + 1; + regex.push( mw.RegExp.escape( name ) ); + name = mw.language.months.genitive[ i ].toLowerCase(); + ts.monthNames[ name ] = i + 1; + regex.push( mw.RegExp.escape( name ) ); + name = mw.language.months.abbrev[ i ].toLowerCase().replace( '.', '' ); + ts.monthNames[ name ] = i + 1; + regex.push( mw.RegExp.escape( name ) ); + } + + // Build piped string + regex = regex.join( '|' ); + + // Build RegEx + // Any date formated with . , ' - or / + ts.dateRegex[ 0 ] = new RegExp( /^\s*(\d{1,2})[,.\-/'\s]{1,2}(\d{1,2})[,.\-/'\s]{1,2}(\d{2,4})\s*?/i ); + + // Written Month name, dmy + ts.dateRegex[ 1 ] = new RegExp( + '^\\s*(\\d{1,2})[\\,\\.\\-\\/\'\\s]+(' + + regex + + ')' + + '[\\,\\.\\-\\/\'\\s]+(\\d{2,4})\\s*$', + 'i' + ); + + // Written Month name, mdy + ts.dateRegex[ 2 ] = new RegExp( + '^\\s*(' + regex + ')' + + '[\\,\\.\\-\\/\'\\s]+(\\d{1,2})[\\,\\.\\-\\/\'\\s]+(\\d{2,4})\\s*$', + 'i' + ); + + } + + /** + * Replace all rowspanned cells in the body with clones in each row, so sorting + * need not worry about them. + * + * @param {jQuery} $table jQuery object for a
, so it's not a header row + // Stop here + return false; + } + $thead.append( this ); + } ); + $table.find( ' > tbody:first' ).before( $thead ); + } + if ( !$table.get( 0 ).tFoot ) { + $tfoot = $( '
+ */ + function explodeRowspans( $table ) { + var spanningRealCellIndex, rowSpan, colSpan, + cell, cellData, i, $tds, $clone, $nextRows, + rowspanCells = $table.find( '> tbody > tr > [rowspan]' ).get(); + + // Short circuit + if ( !rowspanCells.length ) { + return; + } + + // First, we need to make a property like cellIndex but taking into + // account colspans. We also cache the rowIndex to avoid having to take + // cell.parentNode.rowIndex in the sorting function below. + $table.find( '> tbody > tr' ).each( function () { + var i, + col = 0, + len = this.cells.length; + for ( i = 0; i < len; i++ ) { + $( this.cells[ i ] ).data( 'tablesorter', { + realCellIndex: col, + realRowIndex: this.rowIndex + } ); + col += this.cells[ i ].colSpan; + } + } ); + + // Split multi row cells into multiple cells with the same content. + // Sort by column then row index to avoid problems with odd table structures. + // Re-sort whenever a rowspanned cell's realCellIndex is changed, because it + // might change the sort order. + function resortCells() { + var cellAData, + cellBData, + ret; + rowspanCells = rowspanCells.sort( function ( a, b ) { + cellAData = $.data( a, 'tablesorter' ); + cellBData = $.data( b, 'tablesorter' ); + ret = cellAData.realCellIndex - cellBData.realCellIndex; + if ( !ret ) { + ret = cellAData.realRowIndex - cellBData.realRowIndex; + } + return ret; + } ); + rowspanCells.forEach( function ( cell ) { + $.data( cell, 'tablesorter' ).needResort = false; + } ); + } + resortCells(); + + function filterfunc() { + return $.data( this, 'tablesorter' ).realCellIndex >= spanningRealCellIndex; + } + + function fixTdCellIndex() { + $.data( this, 'tablesorter' ).realCellIndex += colSpan; + if ( this.rowSpan > 1 ) { + $.data( this, 'tablesorter' ).needResort = true; + } + } + + while ( rowspanCells.length ) { + if ( $.data( rowspanCells[ 0 ], 'tablesorter' ).needResort ) { + resortCells(); + } + + cell = rowspanCells.shift(); + cellData = $.data( cell, 'tablesorter' ); + rowSpan = cell.rowSpan; + colSpan = cell.colSpan; + spanningRealCellIndex = cellData.realCellIndex; + cell.rowSpan = 1; + $nextRows = $( cell ).parent().nextAll(); + for ( i = 0; i < rowSpan - 1; i++ ) { + $tds = $( $nextRows[ i ].cells ).filter( filterfunc ); + $clone = $( cell ).clone(); + $clone.data( 'tablesorter', { + realCellIndex: spanningRealCellIndex, + realRowIndex: cellData.realRowIndex + i, + needResort: true + } ); + if ( $tds.length ) { + $tds.each( fixTdCellIndex ); + $tds.first().before( $clone ); + } else { + $nextRows.eq( i ).append( $clone ); + } + } + } + } + + /** + * Build index to handle colspanned cells in the body. + * Set the cell index for each column in an array, + * so that colspaned cells set multiple in this array. + * columnToCell[collumnIndex] point at the real cell in this row. + * + * @param {jQuery} $table object for a
+ */ + function manageColspans( $table ) { + var i, j, k, $row, + $rows = $table.find( '> tbody > tr' ), + totalRows = $rows.length || 0, + config = $table.data( 'tablesorter' ).config, + columns = config.columns, + columnToCell, cellsInRow, index; + + for ( i = 0; i < totalRows; i++ ) { + + $row = $rows.eq( i ); + // if this is a child row, continue to the next row (as buildCache()) + if ( $row.hasClass( config.cssChildRow ) ) { + // go to the next for loop + continue; + } + + columnToCell = []; + cellsInRow = ( $row[ 0 ].cells.length ) || 0; // all cells in this row + index = 0; // real cell index in this row + for ( j = 0; j < columns; index++ ) { + if ( index === cellsInRow ) { + // Row with cells less than columns: add empty cell + $row.append( ' tag or a tag + emulateTHeadAndFoot( $table ); + + // Still no thead? Then quit + if ( !table.tHead ) { + return; + } + } + // The `sortable` class is used to identify tables which will become sortable + // If not used it will create a FOUC but it should be added since the sortable class + // is responsible for certain crucial style elements. If the class is already present + // this action will be harmless. + $table.addClass( 'jquery-tablesorter sortable' ); + + // Merge and extend + config = $.extend( {}, $.tablesorter.defaultOptions, settings ); + + // Save the settings where they read + $.data( table, 'tablesorter', { config: config } ); + + // Get the CSS class names, could be done elsewhere + sortCSS = [ config.cssAsc, config.cssDesc ]; + // Messages tell the the user what the *next* state will be + // so are in reverse order to the CSS classes. + sortMsg = [ mw.msg( 'sort-descending' ), mw.msg( 'sort-ascending' ) ]; + + // Build headers + $headers = buildHeaders( table, sortMsg ); + + // Grab and process locale settings. + buildTransformTable(); + buildDateTable(); + + // Precaching regexps can bring 10 fold + // performance improvements in some browsers. + cacheRegexs(); + + function setupForFirstSort() { + var $tfoot, $sortbottoms; + + firstTime = false; + + // Defer buildCollationTable to first sort. As user and site scripts + // may customize tableSorterCollation but load after $.ready(), other + // scripts may call .tablesorter() before they have done the + // tableSorterCollation customizations. + buildCollationTable(); + + // Legacy fix of .sortbottoms + // Wrap them inside a tfoot (because that's what they actually want to be) + // and put the at the end of the
' ); + cellsInRow++; + } + for ( k = 0; k < $row[ 0 ].cells[ index ].colSpan; k++ ) { + columnToCell[ j++ ] = index; + } + } + // Store it in $row + $row.data( 'columnToCell', columnToCell ); + } + } + + function buildCollationTable() { + var key, keys = []; + ts.collationTable = mw.config.get( 'tableSorterCollation' ); + ts.collationRegex = null; + if ( ts.collationTable ) { + // Build array of key names + for ( key in ts.collationTable ) { + // Check hasOwn to be safe + if ( ts.collationTable.hasOwnProperty( key ) ) { + keys.push( mw.RegExp.escape( key ) ); + } + } + if ( keys.length ) { + ts.collationRegex = new RegExp( keys.join( '|' ), 'ig' ); + } + } + } + + function cacheRegexs() { + if ( ts.rgx ) { + return; + } + ts.rgx = { + IPAddress: [ + new RegExp( /^\d{1,3}[.]\d{1,3}[.]\d{1,3}[.]\d{1,3}$/ ) + ], + currency: [ + new RegExp( /(^[£$€¥]|[£$€¥]$)/ ), + new RegExp( /[£$€¥]/g ) + ], + url: [ + new RegExp( /^(https?|ftp|file):\/\/$/ ), + new RegExp( /(https?|ftp|file):\/\// ) + ], + isoDate: [ + new RegExp( /^[^-\d]*(-?\d{1,4})-(0\d|1[0-2])(-([0-3]\d))?([T\s]([01]\d|2[0-4]):?(([0-5]\d):?(([0-5]\d|60)([.,]\d{1,3})?)?)?([zZ]|([-+])([01]\d|2[0-3]):?([0-5]\d)?)?)?/ ), + new RegExp( /^[^-\d]*(-?\d{1,4})-?(\d\d)?(-?(\d\d))?([T\s](\d\d):?((\d\d)?:?((\d\d)?([.,]\d{1,3})?)?)?([zZ]|([-+])(\d\d):?(\d\d)?)?)?/ ) + ], + usLongDate: [ + new RegExp( /^[A-Za-z]{3,10}\.? [0-9]{1,2}, ([0-9]{4}|'?[0-9]{2}) (([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(AM|PM)))$/ ) + ], + time: [ + new RegExp( /^(([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(am|pm)))$/ ) + ] + }; + } + + /** + * Converts sort objects [ { Integer: String }, ... ] to the internally used nested array + * structure [ [ Integer, Integer ], ... ] + * + * @param {Array} sortObjects List of sort objects. + * @return {Array} List of internal sort definitions. + */ + function convertSortList( sortObjects ) { + var sortList = []; + sortObjects.forEach( function ( sortObject ) { + $.each( sortObject, function ( columnIndex, order ) { + var orderIndex = ( order === 'desc' ) ? 1 : 0; + sortList.push( [ parseInt( columnIndex, 10 ), orderIndex ] ); + } ); + } ); + return sortList; + } + + /* Public scope */ + + $.tablesorter = { + defaultOptions: { + cssHeader: 'headerSort', + cssAsc: 'headerSortUp', + cssDesc: 'headerSortDown', + cssChildRow: 'expand-child', + sortMultiSortKey: 'shiftKey', + unsortableClass: 'unsortable', + parsers: [], + cancelSelection: true, + sortList: [], + headerList: [], + headerToColumns: [], + columnToHeader: [], + columns: 0 + }, + + dateRegex: [], + monthNames: {}, + + /** + * @param {jQuery} $tables + * @param {Object} [settings] + * @return {jQuery} + */ + construct: function ( $tables, settings ) { + return $tables.each( function ( i, table ) { + // Declare and cache. + var $headers, cache, config, sortCSS, sortMsg, + $table = $( table ), + firstTime = true; + + // Quit if no tbody + if ( !table.tBodies ) { + return; + } + if ( !table.tHead ) { + // No thead found. Look for rows with s and + // move them into a
+ $sortbottoms = $table.find( '> tbody > tr.sortbottom' ); + if ( $sortbottoms.length ) { + $tfoot = $table.children( 'tfoot' ); + if ( $tfoot.length ) { + $tfoot.eq( 0 ).prepend( $sortbottoms ); + } else { + $table.append( $( '' ).append( $sortbottoms ) ); + } + } + + explodeRowspans( $table ); + manageColspans( $table ); + + // Try to auto detect column type, and store in tables config + config.parsers = buildParserCache( table, $headers ); + } + + // Apply event handling to headers + // this is too big, perhaps break it out? + $headers.on( 'keypress click', function ( e ) { + var cell, $cell, columns, newSortList, i, + totalRows, + j, s, o; + + if ( e.type === 'click' && e.target.nodeName.toLowerCase() === 'a' ) { + // The user clicked on a link inside a table header. + // Do nothing and let the default link click action continue. + return true; + } + + if ( e.type === 'keypress' && e.which !== 13 ) { + // Only handle keypresses on the "Enter" key. + return true; + } + + if ( firstTime ) { + setupForFirstSort(); + } + + // Build the cache for the tbody cells + // to share between calculations for this sort action. + // Re-calculated each time a sort action is performed due to possiblity + // that sort values change. Shouldn't be too expensive, but if it becomes + // too slow an event based system should be implemented somehow where + // cells get event .change() and bubbles up to the
here + cache = buildCache( table ); + + totalRows = ( $table[ 0 ].tBodies[ 0 ] && $table[ 0 ].tBodies[ 0 ].rows.length ) || 0; + if ( totalRows > 0 ) { + cell = this; + $cell = $( cell ); + + // Get current column sort order + $cell.data( { + order: $cell.data( 'count' ) % 2, + count: $cell.data( 'count' ) + 1 + } ); + + cell = this; + // Get current column index + columns = config.headerToColumns[ $cell.data( 'headerIndex' ) ]; + newSortList = columns.map( function ( c ) { + return [ c, $cell.data( 'order' ) ]; + } ); + // Index of first column belonging to this header + i = columns[ 0 ]; + + if ( !e[ config.sortMultiSortKey ] ) { + // User only wants to sort on one column set + // Flush the sort list and add new columns + config.sortList = newSortList; + } else { + // Multi column sorting + // It is not possible for one column to belong to multiple headers, + // so this is okay - we don't need to check for every value in the columns array + if ( isValueInArray( i, config.sortList ) ) { + // The user has clicked on an already sorted column. + // Reverse the sorting direction for all tables. + for ( j = 0; j < config.sortList.length; j++ ) { + s = config.sortList[ j ]; + o = config.headerList[ config.columnToHeader[ s[ 0 ] ] ]; + if ( isValueInArray( s[ 0 ], newSortList ) ) { + $( o ).data( 'count', s[ 1 ] + 1 ); + s[ 1 ] = $( o ).data( 'count' ) % 2; + } + } + } else { + // Add columns to sort list array + config.sortList = config.sortList.concat( newSortList ); + } + } + + // Reset order/counts of cells not affected by sorting + setHeadersOrder( $headers, config.sortList, config.headerToColumns ); + + // Set CSS for headers + setHeadersCss( $table[ 0 ], $headers, config.sortList, sortCSS, sortMsg, config.columnToHeader ); + appendToTable( + $table[ 0 ], multisort( $table[ 0 ], config.sortList, cache ) + ); + + // Stop normal event by returning false + return false; + } + + // Cancel selection + } ).mousedown( function () { + if ( config.cancelSelection ) { + this.onselectstart = function () { + return false; + }; + return false; + } + } ); + + /** + * Sorts the table. If no sorting is specified by passing a list of sort + * objects, the table is sorted according to the initial sorting order. + * Passing an empty array will reset sorting (basically just reset the headers + * making the table appear unsorted). + * + * @param {Array} [sortList] List of sort objects. + */ + $table.data( 'tablesorter' ).sort = function ( sortList ) { + + if ( firstTime ) { + setupForFirstSort(); + } + + if ( sortList === undefined ) { + sortList = config.sortList; + } else if ( sortList.length > 0 ) { + sortList = convertSortList( sortList ); + } + + // Set each column's sort count to be able to determine the correct sort + // order when clicking on a header cell the next time + setHeadersOrder( $headers, sortList, config.headerToColumns ); + + // re-build the cache for the tbody cells + cache = buildCache( table ); + + // set css for headers + setHeadersCss( table, $headers, sortList, sortCSS, sortMsg, config.columnToHeader ); + + // sort the table and append it to the dom + appendToTable( table, multisort( table, sortList, cache ) ); + }; + + // sort initially + if ( config.sortList.length > 0 ) { + config.sortList = convertSortList( config.sortList ); + $table.data( 'tablesorter' ).sort(); + } + + } ); + }, + + addParser: function ( parser ) { + if ( !getParserById( parser.id ) ) { + parsers.push( parser ); + } + }, + + formatDigit: function ( s ) { + var out, c, p, i; + if ( ts.transformTable !== false ) { + out = ''; + for ( p = 0; p < s.length; p++ ) { + c = s.charAt( p ); + if ( c in ts.transformTable ) { + out += ts.transformTable[ c ]; + } else { + out += c; + } + } + s = out; + } + i = parseFloat( s.replace( /[, ]/g, '' ).replace( '\u2212', '-' ) ); + return isNaN( i ) ? -Infinity : i; + }, + + formatFloat: function ( s ) { + var i = parseFloat( s ); + return isNaN( i ) ? -Infinity : i; + }, + + formatInt: function ( s ) { + var i = parseInt( s, 10 ); + return isNaN( i ) ? -Infinity : i; + }, + + clearTableBody: function ( table ) { + $( table.tBodies[ 0 ] ).empty(); + }, + + getParser: function ( id ) { + buildTransformTable(); + buildDateTable(); + cacheRegexs(); + buildCollationTable(); + + return getParserById( id ); + }, + + getParsers: function () { // for table diagnosis + return parsers; + } + }; + + // Shortcut + ts = $.tablesorter; + + // Register as jQuery prototype method + $.fn.tablesorter = function ( settings ) { + return ts.construct( this, settings ); + }; + + // Add default parsers + ts.addParser( { + id: 'text', + is: function () { + return true; + }, + format: function ( s ) { + var tsc; + s = s.toLowerCase().trim(); + if ( ts.collationRegex ) { + tsc = ts.collationTable; + s = s.replace( ts.collationRegex, function ( match ) { + var r = tsc[ match ] ? tsc[ match ] : tsc[ match.toUpperCase() ]; + return r.toLowerCase(); + } ); + } + return s; + }, + type: 'text' + } ); + + ts.addParser( { + id: 'IPAddress', + is: function ( s ) { + return ts.rgx.IPAddress[ 0 ].test( s ); + }, + format: function ( s ) { + var i, item, + a = s.split( '.' ), + r = ''; + for ( i = 0; i < a.length; i++ ) { + item = a[ i ]; + if ( item.length === 1 ) { + r += '00' + item; + } else if ( item.length === 2 ) { + r += '0' + item; + } else { + r += item; + } + } + return $.tablesorter.formatFloat( r ); + }, + type: 'numeric' + } ); + + ts.addParser( { + id: 'currency', + is: function ( s ) { + return ts.rgx.currency[ 0 ].test( s ); + }, + format: function ( s ) { + return $.tablesorter.formatDigit( s.replace( ts.rgx.currency[ 1 ], '' ) ); + }, + type: 'numeric' + } ); + + ts.addParser( { + id: 'url', + is: function ( s ) { + return ts.rgx.url[ 0 ].test( s ); + }, + format: function ( s ) { + return s.replace( ts.rgx.url[ 1 ], '' ).trim(); + }, + type: 'text' + } ); + + ts.addParser( { + id: 'isoDate', + is: function ( s ) { + return ts.rgx.isoDate[ 0 ].test( s ); + }, + format: function ( s ) { + var match, i, isodate, ms, hOffset, mOffset; + match = s.match( ts.rgx.isoDate[ 0 ] ); + if ( match === null ) { + // Otherwise a signed number with 1-4 digit is parsed as isoDate + match = s.match( ts.rgx.isoDate[ 1 ] ); + } + if ( !match ) { + return -Infinity; + } + // Month and day + for ( i = 2; i <= 4; i += 2 ) { + if ( !match[ i ] || match[ i ].length === 0 ) { + match[ i ] = 1; + } + } + // Time + for ( i = 6; i <= 15; i++ ) { + if ( !match[ i ] || match[ i ].length === 0 ) { + match[ i ] = '0'; + } + } + ms = parseFloat( match[ 11 ].replace( /,/, '.' ) ) * 1000; + hOffset = $.tablesorter.formatInt( match[ 13 ] + match[ 14 ] ); + mOffset = $.tablesorter.formatInt( match[ 13 ] + match[ 15 ] ); + + isodate = new Date( 0 ); + // Because Date constructor changes year 0-99 to 1900-1999, use setUTCFullYear() + isodate.setUTCFullYear( match[ 1 ], match[ 2 ] - 1, match[ 4 ] ); + isodate.setUTCHours( match[ 6 ] - hOffset, match[ 8 ] - mOffset, match[ 10 ], ms ); + return isodate.getTime(); + }, + type: 'numeric' + } ); + + ts.addParser( { + id: 'usLongDate', + is: function ( s ) { + return ts.rgx.usLongDate[ 0 ].test( s ); + }, + format: function ( s ) { + return $.tablesorter.formatFloat( new Date( s ).getTime() ); + }, + type: 'numeric' + } ); + + ts.addParser( { + id: 'date', + is: function ( s ) { + return ( ts.dateRegex[ 0 ].test( s ) || ts.dateRegex[ 1 ].test( s ) || ts.dateRegex[ 2 ].test( s ) ); + }, + format: function ( s ) { + var match, y; + s = s.toLowerCase().trim(); + + if ( ( match = s.match( ts.dateRegex[ 0 ] ) ) !== null ) { + if ( mw.config.get( 'wgDefaultDateFormat' ) === 'mdy' || mw.config.get( 'wgPageContentLanguage' ) === 'en' ) { + s = [ match[ 3 ], match[ 1 ], match[ 2 ] ]; + } else if ( mw.config.get( 'wgDefaultDateFormat' ) === 'dmy' ) { + s = [ match[ 3 ], match[ 2 ], match[ 1 ] ]; + } else { + // If we get here, we don't know which order the dd-dd-dddd + // date is in. So return something not entirely invalid. + return '99999999'; + } + } else if ( ( match = s.match( ts.dateRegex[ 1 ] ) ) !== null ) { + s = [ match[ 3 ], String( ts.monthNames[ match[ 2 ] ] ), match[ 1 ] ]; + } else if ( ( match = s.match( ts.dateRegex[ 2 ] ) ) !== null ) { + s = [ match[ 3 ], String( ts.monthNames[ match[ 1 ] ] ), match[ 2 ] ]; + } else { + // Should never get here + return '99999999'; + } + + // Pad Month and Day + if ( s[ 1 ].length === 1 ) { + s[ 1 ] = '0' + s[ 1 ]; + } + if ( s[ 2 ].length === 1 ) { + s[ 2 ] = '0' + s[ 2 ]; + } + + if ( ( y = parseInt( s[ 0 ], 10 ) ) < 100 ) { + // Guestimate years without centuries + if ( y < 30 ) { + s[ 0 ] = 2000 + y; + } else { + s[ 0 ] = 1900 + y; + } + } + while ( s[ 0 ].length < 4 ) { + s[ 0 ] = '0' + s[ 0 ]; + } + return parseInt( s.join( '' ), 10 ); + }, + type: 'numeric' + } ); + + ts.addParser( { + id: 'time', + is: function ( s ) { + return ts.rgx.time[ 0 ].test( s ); + }, + format: function ( s ) { + return $.tablesorter.formatFloat( new Date( '2000/01/01 ' + s ).getTime() ); + }, + type: 'numeric' + } ); + + ts.addParser( { + id: 'number', + is: function ( s ) { + return $.tablesorter.numberRegex.test( s.trim() ); + }, + format: function ( s ) { + return $.tablesorter.formatDigit( s ); + }, + type: 'numeric' + } ); + +}( jQuery, mediaWiki ) ); diff --git a/resources/src/jquery.tablesorter/jquery.tablesorter.less b/resources/src/jquery.tablesorter/jquery.tablesorter.less new file mode 100644 index 0000000000..3bea471f14 --- /dev/null +++ b/resources/src/jquery.tablesorter/jquery.tablesorter.less @@ -0,0 +1,24 @@ +@import 'mediawiki.mixins'; + +/* Table Sorting */ + +table.jquery-tablesorter { + th.headerSort { + .background-image-svg( 'images/sort_both.svg', 'images/sort_both.png' ); + cursor: pointer; + background-repeat: no-repeat; + background-position: center right; + // Note: To avoid reflows, a padding is set in + // the jquery.tableSorter.styles module as a render blocking style. + // Please do not add any CSS rules here that impact the positioning of the element + // e.g. padding, margin, position or float. + } + + th.headerSortUp { + .background-image-svg( 'images/sort_up.svg', 'images/sort_up.png' ); + } + + th.headerSortDown { + .background-image-svg( 'images/sort_down.svg', 'images/sort_down.png' ); + } +} diff --git a/resources/src/jquery/images/sort_both.png b/resources/src/jquery/images/sort_both.png deleted file mode 100644 index fc630913c0..0000000000 Binary files a/resources/src/jquery/images/sort_both.png and /dev/null differ diff --git a/resources/src/jquery/images/sort_both.svg b/resources/src/jquery/images/sort_both.svg deleted file mode 100644 index 872a8dbf4e..0000000000 --- a/resources/src/jquery/images/sort_both.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/resources/src/jquery/images/sort_down.png b/resources/src/jquery/images/sort_down.png deleted file mode 100644 index ce04a0fcd7..0000000000 Binary files a/resources/src/jquery/images/sort_down.png and /dev/null differ diff --git a/resources/src/jquery/images/sort_down.svg b/resources/src/jquery/images/sort_down.svg deleted file mode 100644 index 452606abbf..0000000000 --- a/resources/src/jquery/images/sort_down.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/resources/src/jquery/images/sort_up.png b/resources/src/jquery/images/sort_up.png deleted file mode 100644 index 2ebe071338..0000000000 Binary files a/resources/src/jquery/images/sort_up.png and /dev/null differ diff --git a/resources/src/jquery/images/sort_up.svg b/resources/src/jquery/images/sort_up.svg deleted file mode 100644 index 38f6374a05..0000000000 --- a/resources/src/jquery/images/sort_up.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/resources/src/jquery/jquery.tablesorter.js b/resources/src/jquery/jquery.tablesorter.js deleted file mode 100644 index 552c0c394f..0000000000 --- a/resources/src/jquery/jquery.tablesorter.js +++ /dev/null @@ -1,1285 +0,0 @@ -/*! - * TableSorter for MediaWiki - * - * Written 2011 Leo Koppelkamm - * Based on tablesorter.com plugin, written (c) 2007 Christian Bach. - * - * Dual licensed under the MIT and GPL licenses: - * http://www.opensource.org/licenses/mit-license.php - * http://www.gnu.org/licenses/gpl.html - * - * Depends on mw.config (wgDigitTransformTable, wgDefaultDateFormat, wgPageContentLanguage) - * and mw.language.months. - * - * Uses 'tableSorterCollation' in mw.config (if available) - * - * Create a sortable table with multi-column sorting capabilities - * - * // Create a simple tablesorter interface - * $( 'table' ).tablesorter(); - * - * // Create a tablesorter interface, initially sorting on the first and second column - * $( 'table' ).tablesorter( { sortList: [ { 0: 'desc' }, { 1: 'asc' } ] } ); - * - * @param {string} [cssHeader="header"] A string of the class name to be appended to sortable - * tr elements in the thead of the table. - * - * @param {string} [cssAsc="headerSortUp"] A string of the class name to be appended to - * sortable tr elements in the thead on a ascending sort. - * - * @param {string} [cssDesc="headerSortDown"] A string of the class name to be appended to - * sortable tr elements in the thead on a descending sort. - * - * @param {string} [sortMultisortKey="shiftKey"] A string of the multi-column sort key. - * - * @param {boolean} [cancelSelection=true] Boolean flag indicating iftablesorter should cancel - * selection of the table headers text. - * - * @param {Array} [sortList] An array containing objects specifying sorting. By passing more - * than one object, multi-sorting will be applied. Object structure: - * { : } - * - * @event sortEnd.tablesorter: Triggered as soon as any sorting has been applied. - * - * @author Christian Bach/christian.bach@polyester.se - */ -( function ( $, mw ) { - var ts, - parsers = []; - - /* Parser utility functions */ - - function getParserById( name ) { - var i; - for ( i = 0; i < parsers.length; i++ ) { - if ( parsers[ i ].id.toLowerCase() === name.toLowerCase() ) { - return parsers[ i ]; - } - } - return false; - } - - function getElementSortKey( node ) { - var $node = $( node ), - // Use data-sort-value attribute. - // Use data() instead of attr() so that live value changes - // are processed as well (T40152). - data = $node.data( 'sortValue' ); - - if ( data !== null && data !== undefined ) { - // Cast any numbers or other stuff to a string, methods - // like charAt, toLowerCase and split are expected. - return String( data ); - } - if ( !node ) { - return $node.text(); - } - if ( node.tagName.toLowerCase() === 'img' ) { - return $node.attr( 'alt' ) || ''; // handle undefined alt - } - return $.makeArray( node.childNodes ).map( function ( elem ) { - if ( elem.nodeType === Node.ELEMENT_NODE ) { - if ( $( elem ).hasClass( 'reference' ) ) { - return null; - } else { - return getElementSortKey( elem ); - } - } - return $.text( elem ); - } ).join( '' ); - } - - function detectParserForColumn( table, rows, column ) { - var l = parsers.length, - config = $( table ).data( 'tablesorter' ).config, - cellIndex, - nodeValue, - nextRow = false, - // Start with 1 because 0 is the fallback parser - i = 1, - lastRowIndex = -1, - rowIndex = 0, - concurrent = 0, - empty = 0, - needed = ( rows.length > 4 ) ? 5 : rows.length; - - while ( i < l ) { - // if this is a child row, continue to the next row (as buildCache()) - if ( rows[ rowIndex ] && !$( rows[ rowIndex ] ).hasClass( config.cssChildRow ) ) { - if ( rowIndex !== lastRowIndex ) { - lastRowIndex = rowIndex; - cellIndex = $( rows[ rowIndex ] ).data( 'columnToCell' )[ column ]; - nodeValue = getElementSortKey( rows[ rowIndex ].cells[ cellIndex ] ).trim(); - } - } else { - nodeValue = ''; - } - - if ( nodeValue !== '' ) { - if ( parsers[ i ].is( nodeValue, table ) ) { - concurrent++; - nextRow = true; - if ( concurrent >= needed ) { - // Confirmed the parser for multiple cells, let's return it - return parsers[ i ]; - } - } else if ( parsers[ i ].id.match( /isoDate/ ) && /^\D*(\d{1,4}) ?(\[.+\])?$/.test( nodeValue ) ) { - // For 1-4 digits and maybe reference(s) parser "isoDate" or "number" is possible, check next row - empty++; - nextRow = true; - } else { - // Check next parser, reset rows - i++; - rowIndex = 0; - concurrent = 0; - empty = 0; - nextRow = false; - } - } else { - // Empty cell - empty++; - nextRow = true; - } - - if ( nextRow ) { - nextRow = false; - rowIndex++; - if ( rowIndex >= rows.length ) { - if ( concurrent > 0 && concurrent >= rows.length - empty ) { - // Confirmed the parser for all filled cells - return parsers[ i ]; - } - // Check next parser, reset rows - i++; - rowIndex = 0; - concurrent = 0; - empty = 0; - } - } - } - - // 0 is always the generic parser (text) - return parsers[ 0 ]; - } - - function buildParserCache( table, $headers ) { - var sortType, len, j, parser, - rows = table.tBodies[ 0 ].rows, - config = $( table ).data( 'tablesorter' ).config, - parsers = []; - - if ( rows[ 0 ] ) { - len = config.columns; - for ( j = 0; j < len; j++ ) { - parser = false; - sortType = $headers.eq( config.columnToHeader[ j ] ).data( 'sortType' ); - if ( sortType !== undefined ) { - parser = getParserById( sortType ); - } - - if ( parser === false ) { - parser = detectParserForColumn( table, rows, j ); - } - - parsers.push( parser ); - } - } - return parsers; - } - - /* Other utility functions */ - - function buildCache( table ) { - var i, j, $row, cols, - totalRows = ( table.tBodies[ 0 ] && table.tBodies[ 0 ].rows.length ) || 0, - config = $( table ).data( 'tablesorter' ).config, - parsers = config.parsers, - len = parsers.length, - cellIndex, - cache = { - row: [], - normalized: [] - }; - - for ( i = 0; i < totalRows; i++ ) { - - // Add the table data to main data array - $row = $( table.tBodies[ 0 ].rows[ i ] ); - cols = []; - - // if this is a child row, add it to the last row's children and - // continue to the next row - if ( $row.hasClass( config.cssChildRow ) ) { - cache.row[ cache.row.length - 1 ] = cache.row[ cache.row.length - 1 ].add( $row ); - // go to the next for loop - continue; - } - - cache.row.push( $row ); - - for ( j = 0; j < len; j++ ) { - cellIndex = $row.data( 'columnToCell' )[ j ]; - cols.push( parsers[ j ].format( getElementSortKey( $row[ 0 ].cells[ cellIndex ] ) ) ); - } - - cols.push( cache.normalized.length ); // add position for rowCache - cache.normalized.push( cols ); - cols = null; - } - - return cache; - } - - function appendToTable( table, cache ) { - var i, pos, l, j, - row = cache.row, - normalized = cache.normalized, - totalRows = normalized.length, - checkCell = ( normalized[ 0 ].length - 1 ), - fragment = document.createDocumentFragment(); - - for ( i = 0; i < totalRows; i++ ) { - pos = normalized[ i ][ checkCell ]; - - l = row[ pos ].length; - for ( j = 0; j < l; j++ ) { - fragment.appendChild( row[ pos ][ j ] ); - } - - } - table.tBodies[ 0 ].appendChild( fragment ); - - $( table ).trigger( 'sortEnd.tablesorter' ); - } - - /** - * Find all header rows in a thead-less table and put them in a tag. - * This only treats a row as a header row if it contains only
s (no s) - * and if it is preceded entirely by header rows. The algorithm stops when - * it encounters the first non-header row. - * - * After this, it will look at all rows at the bottom for footer rows - * And place these in a tfoot using similar rules. - * - * @param {jQuery} $table object for a - */ - function emulateTHeadAndFoot( $table ) { - var $thead, $tfoot, i, len, - $rows = $table.find( '> tbody > tr' ); - if ( !$table.get( 0 ).tHead ) { - $thead = $( '' ); - $rows.each( function () { - if ( $( this ).children( 'td' ).length ) { - // This row contains a ' ); - len = $rows.length; - for ( i = len - 1; i >= 0; i-- ) { - if ( $( $rows[ i ] ).children( 'td' ).length ) { - break; - } - $tfoot.prepend( $( $rows[ i ] ) ); - } - $table.append( $tfoot ); - } - } - - function uniqueElements( array ) { - var uniques = []; - array.forEach( function ( elem ) { - if ( elem !== undefined && uniques.indexOf( elem ) === -1 ) { - uniques.push( elem ); - } - } ); - return uniques; - } - - function buildHeaders( table, msg ) { - var config = $( table ).data( 'tablesorter' ).config, - maxSeen = 0, - colspanOffset = 0, - columns, - k, - $cell, - rowspan, - colspan, - headerCount, - longestTR, - headerIndex, - exploded, - $tableHeaders = $( [] ), - $tableRows = $( 'thead:eq(0) > tr', table ); - - if ( $tableRows.length <= 1 ) { - $tableHeaders = $tableRows.children( 'th' ); - } else { - exploded = []; - - // Loop through all the dom cells of the thead - $tableRows.each( function ( rowIndex, row ) { - $.each( row.cells, function ( columnIndex, cell ) { - var matrixRowIndex, - matrixColumnIndex; - - rowspan = Number( cell.rowSpan ); - colspan = Number( cell.colSpan ); - - // Skip the spots in the exploded matrix that are already filled - while ( exploded[ rowIndex ] && exploded[ rowIndex ][ columnIndex ] !== undefined ) { - ++columnIndex; - } - - // Find the actual dimensions of the thead, by placing each cell - // in the exploded matrix rowspan times colspan times, with the proper offsets - for ( matrixColumnIndex = columnIndex; matrixColumnIndex < columnIndex + colspan; ++matrixColumnIndex ) { - for ( matrixRowIndex = rowIndex; matrixRowIndex < rowIndex + rowspan; ++matrixRowIndex ) { - if ( !exploded[ matrixRowIndex ] ) { - exploded[ matrixRowIndex ] = []; - } - exploded[ matrixRowIndex ][ matrixColumnIndex ] = cell; - } - } - } ); - } ); - // We want to find the row that has the most columns (ignoring colspan) - exploded.forEach( function ( cellArray, index ) { - headerCount = $( uniqueElements( cellArray ) ).filter( 'th' ).length; - if ( headerCount >= maxSeen ) { - maxSeen = headerCount; - longestTR = index; - } - } ); - // We cannot use $.unique() here because it sorts into dom order, which is undesirable - $tableHeaders = $( uniqueElements( exploded[ longestTR ] ) ).filter( 'th' ); - } - - // as each header can span over multiple columns (using colspan=N), - // we have to bidirectionally map headers to their columns and columns to their headers - config.columnToHeader = []; - config.headerToColumns = []; - config.headerList = []; - headerIndex = 0; - $tableHeaders.each( function () { - $cell = $( this ); - columns = []; - - if ( !$cell.hasClass( config.unsortableClass ) ) { - $cell - .addClass( config.cssHeader ) - .prop( 'tabIndex', 0 ) - .attr( { - role: 'columnheader button', - title: msg[ 1 ] - } ); - - for ( k = 0; k < this.colSpan; k++ ) { - config.columnToHeader[ colspanOffset + k ] = headerIndex; - columns.push( colspanOffset + k ); - } - - config.headerToColumns[ headerIndex ] = columns; - - $cell.data( { - headerIndex: headerIndex, - order: 0, - count: 0 - } ); - - // add only sortable cells to headerList - config.headerList[ headerIndex ] = this; - headerIndex++; - } - - colspanOffset += this.colSpan; - } ); - - // number of columns with extended colspan, inclusive unsortable - // parsers[j], cache[][j], columnToHeader[j], columnToCell[j] have so many elements - config.columns = colspanOffset; - - return $tableHeaders.not( '.' + config.unsortableClass ); - } - - function isValueInArray( v, a ) { - var i; - for ( i = 0; i < a.length; i++ ) { - if ( a[ i ][ 0 ] === v ) { - return true; - } - } - return false; - } - - /** - * Sets the sort count of the columns that are not affected by the sorting to have them sorted - * in default (ascending) order when their header cell is clicked the next time. - * - * @param {jQuery} $headers - * @param {Array} sortList 2D number array - * @param {Array} headerToColumns 2D number array - */ - function setHeadersOrder( $headers, sortList, headerToColumns ) { - // Loop through all headers to retrieve the indices of the columns the header spans across: - headerToColumns.forEach( function ( columns, headerIndex ) { - - columns.forEach( function ( columnIndex, i ) { - var header = $headers[ headerIndex ], - $header = $( header ); - - if ( !isValueInArray( columnIndex, sortList ) ) { - // Column shall not be sorted: Reset header count and order. - $header.data( { - order: 0, - count: 0 - } ); - } else { - // Column shall be sorted: Apply designated count and order. - sortList.forEach( function ( sortColumn ) { - if ( sortColumn[ 0 ] === i ) { - $header.data( { - order: sortColumn[ 1 ], - count: sortColumn[ 1 ] + 1 - } ); - return false; - } - } ); - } - } ); - - } ); - } - - function setHeadersCss( table, $headers, list, css, msg, columnToHeader ) { - var i, len; - // Remove all header information and reset titles to default message - $headers.removeClass( css[ 0 ] ).removeClass( css[ 1 ] ).attr( 'title', msg[ 1 ] ); - - for ( i = 0, len = list.length; i < len; i++ ) { - $headers - .eq( columnToHeader[ list[ i ][ 0 ] ] ) - .addClass( css[ list[ i ][ 1 ] ] ) - .attr( 'title', msg[ list[ i ][ 1 ] ] ); - } - } - - function sortText( a, b ) { - return ( ( a < b ) ? -1 : ( ( a > b ) ? 1 : 0 ) ); - } - - function sortTextDesc( a, b ) { - return ( ( b < a ) ? -1 : ( ( b > a ) ? 1 : 0 ) ); - } - - function multisort( table, sortList, cache ) { - var i, - sortFn = []; - - for ( i = 0; i < sortList.length; i++ ) { - sortFn[ i ] = ( sortList[ i ][ 1 ] ) ? sortTextDesc : sortText; - } - cache.normalized.sort( function ( array1, array2 ) { - var i, col, ret; - for ( i = 0; i < sortList.length; i++ ) { - col = sortList[ i ][ 0 ]; - ret = sortFn[ i ].call( this, array1[ col ], array2[ col ] ); - if ( ret !== 0 ) { - return ret; - } - } - // Fall back to index number column to ensure stable sort - return sortText.call( this, array1[ array1.length - 1 ], array2[ array2.length - 1 ] ); - } ); - return cache; - } - - function buildTransformTable() { - var ascii, localised, i, digitClass, - digits = '0123456789,.'.split( '' ), - separatorTransformTable = mw.config.get( 'wgSeparatorTransformTable' ), - digitTransformTable = mw.config.get( 'wgDigitTransformTable' ); - - if ( separatorTransformTable === null || ( separatorTransformTable[ 0 ] === '' && digitTransformTable[ 2 ] === '' ) ) { - ts.transformTable = false; - } else { - ts.transformTable = {}; - - // Unpack the transform table - ascii = separatorTransformTable[ 0 ].split( '\t' ).concat( digitTransformTable[ 0 ].split( '\t' ) ); - localised = separatorTransformTable[ 1 ].split( '\t' ).concat( digitTransformTable[ 1 ].split( '\t' ) ); - - // Construct regexes for number identification - for ( i = 0; i < ascii.length; i++ ) { - ts.transformTable[ localised[ i ] ] = ascii[ i ]; - digits.push( mw.RegExp.escape( localised[ i ] ) ); - } - } - digitClass = '[' + digits.join( '', digits ) + ']'; - - // We allow a trailing percent sign, which we just strip. This works fine - // if percents and regular numbers aren't being mixed. - ts.numberRegex = new RegExp( - '^(' + - '[-+\u2212]?[0-9][0-9,]*(\\.[0-9,]*)?(E[-+\u2212]?[0-9][0-9,]*)?' + // Fortran-style scientific - '|' + - '[-+\u2212]?' + digitClass + '+[\\s\\xa0]*%?' + // Generic localised - ')$', - 'i' - ); - } - - function buildDateTable() { - var i, name, - regex = []; - - ts.monthNames = {}; - - for ( i = 0; i < 12; i++ ) { - name = mw.language.months.names[ i ].toLowerCase(); - ts.monthNames[ name ] = i + 1; - regex.push( mw.RegExp.escape( name ) ); - name = mw.language.months.genitive[ i ].toLowerCase(); - ts.monthNames[ name ] = i + 1; - regex.push( mw.RegExp.escape( name ) ); - name = mw.language.months.abbrev[ i ].toLowerCase().replace( '.', '' ); - ts.monthNames[ name ] = i + 1; - regex.push( mw.RegExp.escape( name ) ); - } - - // Build piped string - regex = regex.join( '|' ); - - // Build RegEx - // Any date formated with . , ' - or / - ts.dateRegex[ 0 ] = new RegExp( /^\s*(\d{1,2})[,.\-/'\s]{1,2}(\d{1,2})[,.\-/'\s]{1,2}(\d{2,4})\s*?/i ); - - // Written Month name, dmy - ts.dateRegex[ 1 ] = new RegExp( - '^\\s*(\\d{1,2})[\\,\\.\\-\\/\'\\s]+(' + - regex + - ')' + - '[\\,\\.\\-\\/\'\\s]+(\\d{2,4})\\s*$', - 'i' - ); - - // Written Month name, mdy - ts.dateRegex[ 2 ] = new RegExp( - '^\\s*(' + regex + ')' + - '[\\,\\.\\-\\/\'\\s]+(\\d{1,2})[\\,\\.\\-\\/\'\\s]+(\\d{2,4})\\s*$', - 'i' - ); - - } - - /** - * Replace all rowspanned cells in the body with clones in each row, so sorting - * need not worry about them. - * - * @param {jQuery} $table jQuery object for a
, so it's not a header row - // Stop here - return false; - } - $thead.append( this ); - } ); - $table.find( ' > tbody:first' ).before( $thead ); - } - if ( !$table.get( 0 ).tFoot ) { - $tfoot = $( '
- */ - function explodeRowspans( $table ) { - var spanningRealCellIndex, rowSpan, colSpan, - cell, cellData, i, $tds, $clone, $nextRows, - rowspanCells = $table.find( '> tbody > tr > [rowspan]' ).get(); - - // Short circuit - if ( !rowspanCells.length ) { - return; - } - - // First, we need to make a property like cellIndex but taking into - // account colspans. We also cache the rowIndex to avoid having to take - // cell.parentNode.rowIndex in the sorting function below. - $table.find( '> tbody > tr' ).each( function () { - var i, - col = 0, - len = this.cells.length; - for ( i = 0; i < len; i++ ) { - $( this.cells[ i ] ).data( 'tablesorter', { - realCellIndex: col, - realRowIndex: this.rowIndex - } ); - col += this.cells[ i ].colSpan; - } - } ); - - // Split multi row cells into multiple cells with the same content. - // Sort by column then row index to avoid problems with odd table structures. - // Re-sort whenever a rowspanned cell's realCellIndex is changed, because it - // might change the sort order. - function resortCells() { - var cellAData, - cellBData, - ret; - rowspanCells = rowspanCells.sort( function ( a, b ) { - cellAData = $.data( a, 'tablesorter' ); - cellBData = $.data( b, 'tablesorter' ); - ret = cellAData.realCellIndex - cellBData.realCellIndex; - if ( !ret ) { - ret = cellAData.realRowIndex - cellBData.realRowIndex; - } - return ret; - } ); - rowspanCells.forEach( function ( cell ) { - $.data( cell, 'tablesorter' ).needResort = false; - } ); - } - resortCells(); - - function filterfunc() { - return $.data( this, 'tablesorter' ).realCellIndex >= spanningRealCellIndex; - } - - function fixTdCellIndex() { - $.data( this, 'tablesorter' ).realCellIndex += colSpan; - if ( this.rowSpan > 1 ) { - $.data( this, 'tablesorter' ).needResort = true; - } - } - - while ( rowspanCells.length ) { - if ( $.data( rowspanCells[ 0 ], 'tablesorter' ).needResort ) { - resortCells(); - } - - cell = rowspanCells.shift(); - cellData = $.data( cell, 'tablesorter' ); - rowSpan = cell.rowSpan; - colSpan = cell.colSpan; - spanningRealCellIndex = cellData.realCellIndex; - cell.rowSpan = 1; - $nextRows = $( cell ).parent().nextAll(); - for ( i = 0; i < rowSpan - 1; i++ ) { - $tds = $( $nextRows[ i ].cells ).filter( filterfunc ); - $clone = $( cell ).clone(); - $clone.data( 'tablesorter', { - realCellIndex: spanningRealCellIndex, - realRowIndex: cellData.realRowIndex + i, - needResort: true - } ); - if ( $tds.length ) { - $tds.each( fixTdCellIndex ); - $tds.first().before( $clone ); - } else { - $nextRows.eq( i ).append( $clone ); - } - } - } - } - - /** - * Build index to handle colspanned cells in the body. - * Set the cell index for each column in an array, - * so that colspaned cells set multiple in this array. - * columnToCell[collumnIndex] point at the real cell in this row. - * - * @param {jQuery} $table object for a
- */ - function manageColspans( $table ) { - var i, j, k, $row, - $rows = $table.find( '> tbody > tr' ), - totalRows = $rows.length || 0, - config = $table.data( 'tablesorter' ).config, - columns = config.columns, - columnToCell, cellsInRow, index; - - for ( i = 0; i < totalRows; i++ ) { - - $row = $rows.eq( i ); - // if this is a child row, continue to the next row (as buildCache()) - if ( $row.hasClass( config.cssChildRow ) ) { - // go to the next for loop - continue; - } - - columnToCell = []; - cellsInRow = ( $row[ 0 ].cells.length ) || 0; // all cells in this row - index = 0; // real cell index in this row - for ( j = 0; j < columns; index++ ) { - if ( index === cellsInRow ) { - // Row with cells less than columns: add empty cell - $row.append( ' tag or a tag - emulateTHeadAndFoot( $table ); - - // Still no thead? Then quit - if ( !table.tHead ) { - return; - } - } - // The `sortable` class is used to identify tables which will become sortable - // If not used it will create a FOUC but it should be added since the sortable class - // is responsible for certain crucial style elements. If the class is already present - // this action will be harmless. - $table.addClass( 'jquery-tablesorter sortable' ); - - // Merge and extend - config = $.extend( {}, $.tablesorter.defaultOptions, settings ); - - // Save the settings where they read - $.data( table, 'tablesorter', { config: config } ); - - // Get the CSS class names, could be done elsewhere - sortCSS = [ config.cssAsc, config.cssDesc ]; - // Messages tell the the user what the *next* state will be - // so are in reverse order to the CSS classes. - sortMsg = [ mw.msg( 'sort-descending' ), mw.msg( 'sort-ascending' ) ]; - - // Build headers - $headers = buildHeaders( table, sortMsg ); - - // Grab and process locale settings. - buildTransformTable(); - buildDateTable(); - - // Precaching regexps can bring 10 fold - // performance improvements in some browsers. - cacheRegexs(); - - function setupForFirstSort() { - var $tfoot, $sortbottoms; - - firstTime = false; - - // Defer buildCollationTable to first sort. As user and site scripts - // may customize tableSorterCollation but load after $.ready(), other - // scripts may call .tablesorter() before they have done the - // tableSorterCollation customizations. - buildCollationTable(); - - // Legacy fix of .sortbottoms - // Wrap them inside a tfoot (because that's what they actually want to be) - // and put the at the end of the
' ); - cellsInRow++; - } - for ( k = 0; k < $row[ 0 ].cells[ index ].colSpan; k++ ) { - columnToCell[ j++ ] = index; - } - } - // Store it in $row - $row.data( 'columnToCell', columnToCell ); - } - } - - function buildCollationTable() { - var key, keys = []; - ts.collationTable = mw.config.get( 'tableSorterCollation' ); - ts.collationRegex = null; - if ( ts.collationTable ) { - // Build array of key names - for ( key in ts.collationTable ) { - // Check hasOwn to be safe - if ( ts.collationTable.hasOwnProperty( key ) ) { - keys.push( mw.RegExp.escape( key ) ); - } - } - if ( keys.length ) { - ts.collationRegex = new RegExp( keys.join( '|' ), 'ig' ); - } - } - } - - function cacheRegexs() { - if ( ts.rgx ) { - return; - } - ts.rgx = { - IPAddress: [ - new RegExp( /^\d{1,3}[.]\d{1,3}[.]\d{1,3}[.]\d{1,3}$/ ) - ], - currency: [ - new RegExp( /(^[£$€¥]|[£$€¥]$)/ ), - new RegExp( /[£$€¥]/g ) - ], - url: [ - new RegExp( /^(https?|ftp|file):\/\/$/ ), - new RegExp( /(https?|ftp|file):\/\// ) - ], - isoDate: [ - new RegExp( /^[^-\d]*(-?\d{1,4})-(0\d|1[0-2])(-([0-3]\d))?([T\s]([01]\d|2[0-4]):?(([0-5]\d):?(([0-5]\d|60)([.,]\d{1,3})?)?)?([zZ]|([-+])([01]\d|2[0-3]):?([0-5]\d)?)?)?/ ), - new RegExp( /^[^-\d]*(-?\d{1,4})-?(\d\d)?(-?(\d\d))?([T\s](\d\d):?((\d\d)?:?((\d\d)?([.,]\d{1,3})?)?)?([zZ]|([-+])(\d\d):?(\d\d)?)?)?/ ) - ], - usLongDate: [ - new RegExp( /^[A-Za-z]{3,10}\.? [0-9]{1,2}, ([0-9]{4}|'?[0-9]{2}) (([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(AM|PM)))$/ ) - ], - time: [ - new RegExp( /^(([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(am|pm)))$/ ) - ] - }; - } - - /** - * Converts sort objects [ { Integer: String }, ... ] to the internally used nested array - * structure [ [ Integer, Integer ], ... ] - * - * @param {Array} sortObjects List of sort objects. - * @return {Array} List of internal sort definitions. - */ - function convertSortList( sortObjects ) { - var sortList = []; - sortObjects.forEach( function ( sortObject ) { - $.each( sortObject, function ( columnIndex, order ) { - var orderIndex = ( order === 'desc' ) ? 1 : 0; - sortList.push( [ parseInt( columnIndex, 10 ), orderIndex ] ); - } ); - } ); - return sortList; - } - - /* Public scope */ - - $.tablesorter = { - defaultOptions: { - cssHeader: 'headerSort', - cssAsc: 'headerSortUp', - cssDesc: 'headerSortDown', - cssChildRow: 'expand-child', - sortMultiSortKey: 'shiftKey', - unsortableClass: 'unsortable', - parsers: [], - cancelSelection: true, - sortList: [], - headerList: [], - headerToColumns: [], - columnToHeader: [], - columns: 0 - }, - - dateRegex: [], - monthNames: {}, - - /** - * @param {jQuery} $tables - * @param {Object} [settings] - * @return {jQuery} - */ - construct: function ( $tables, settings ) { - return $tables.each( function ( i, table ) { - // Declare and cache. - var $headers, cache, config, sortCSS, sortMsg, - $table = $( table ), - firstTime = true; - - // Quit if no tbody - if ( !table.tBodies ) { - return; - } - if ( !table.tHead ) { - // No thead found. Look for rows with s and - // move them into a
- $sortbottoms = $table.find( '> tbody > tr.sortbottom' ); - if ( $sortbottoms.length ) { - $tfoot = $table.children( 'tfoot' ); - if ( $tfoot.length ) { - $tfoot.eq( 0 ).prepend( $sortbottoms ); - } else { - $table.append( $( '' ).append( $sortbottoms ) ); - } - } - - explodeRowspans( $table ); - manageColspans( $table ); - - // Try to auto detect column type, and store in tables config - config.parsers = buildParserCache( table, $headers ); - } - - // Apply event handling to headers - // this is too big, perhaps break it out? - $headers.on( 'keypress click', function ( e ) { - var cell, $cell, columns, newSortList, i, - totalRows, - j, s, o; - - if ( e.type === 'click' && e.target.nodeName.toLowerCase() === 'a' ) { - // The user clicked on a link inside a table header. - // Do nothing and let the default link click action continue. - return true; - } - - if ( e.type === 'keypress' && e.which !== 13 ) { - // Only handle keypresses on the "Enter" key. - return true; - } - - if ( firstTime ) { - setupForFirstSort(); - } - - // Build the cache for the tbody cells - // to share between calculations for this sort action. - // Re-calculated each time a sort action is performed due to possiblity - // that sort values change. Shouldn't be too expensive, but if it becomes - // too slow an event based system should be implemented somehow where - // cells get event .change() and bubbles up to the
here - cache = buildCache( table ); - - totalRows = ( $table[ 0 ].tBodies[ 0 ] && $table[ 0 ].tBodies[ 0 ].rows.length ) || 0; - if ( totalRows > 0 ) { - cell = this; - $cell = $( cell ); - - // Get current column sort order - $cell.data( { - order: $cell.data( 'count' ) % 2, - count: $cell.data( 'count' ) + 1 - } ); - - cell = this; - // Get current column index - columns = config.headerToColumns[ $cell.data( 'headerIndex' ) ]; - newSortList = columns.map( function ( c ) { - return [ c, $cell.data( 'order' ) ]; - } ); - // Index of first column belonging to this header - i = columns[ 0 ]; - - if ( !e[ config.sortMultiSortKey ] ) { - // User only wants to sort on one column set - // Flush the sort list and add new columns - config.sortList = newSortList; - } else { - // Multi column sorting - // It is not possible for one column to belong to multiple headers, - // so this is okay - we don't need to check for every value in the columns array - if ( isValueInArray( i, config.sortList ) ) { - // The user has clicked on an already sorted column. - // Reverse the sorting direction for all tables. - for ( j = 0; j < config.sortList.length; j++ ) { - s = config.sortList[ j ]; - o = config.headerList[ config.columnToHeader[ s[ 0 ] ] ]; - if ( isValueInArray( s[ 0 ], newSortList ) ) { - $( o ).data( 'count', s[ 1 ] + 1 ); - s[ 1 ] = $( o ).data( 'count' ) % 2; - } - } - } else { - // Add columns to sort list array - config.sortList = config.sortList.concat( newSortList ); - } - } - - // Reset order/counts of cells not affected by sorting - setHeadersOrder( $headers, config.sortList, config.headerToColumns ); - - // Set CSS for headers - setHeadersCss( $table[ 0 ], $headers, config.sortList, sortCSS, sortMsg, config.columnToHeader ); - appendToTable( - $table[ 0 ], multisort( $table[ 0 ], config.sortList, cache ) - ); - - // Stop normal event by returning false - return false; - } - - // Cancel selection - } ).mousedown( function () { - if ( config.cancelSelection ) { - this.onselectstart = function () { - return false; - }; - return false; - } - } ); - - /** - * Sorts the table. If no sorting is specified by passing a list of sort - * objects, the table is sorted according to the initial sorting order. - * Passing an empty array will reset sorting (basically just reset the headers - * making the table appear unsorted). - * - * @param {Array} [sortList] List of sort objects. - */ - $table.data( 'tablesorter' ).sort = function ( sortList ) { - - if ( firstTime ) { - setupForFirstSort(); - } - - if ( sortList === undefined ) { - sortList = config.sortList; - } else if ( sortList.length > 0 ) { - sortList = convertSortList( sortList ); - } - - // Set each column's sort count to be able to determine the correct sort - // order when clicking on a header cell the next time - setHeadersOrder( $headers, sortList, config.headerToColumns ); - - // re-build the cache for the tbody cells - cache = buildCache( table ); - - // set css for headers - setHeadersCss( table, $headers, sortList, sortCSS, sortMsg, config.columnToHeader ); - - // sort the table and append it to the dom - appendToTable( table, multisort( table, sortList, cache ) ); - }; - - // sort initially - if ( config.sortList.length > 0 ) { - config.sortList = convertSortList( config.sortList ); - $table.data( 'tablesorter' ).sort(); - } - - } ); - }, - - addParser: function ( parser ) { - if ( !getParserById( parser.id ) ) { - parsers.push( parser ); - } - }, - - formatDigit: function ( s ) { - var out, c, p, i; - if ( ts.transformTable !== false ) { - out = ''; - for ( p = 0; p < s.length; p++ ) { - c = s.charAt( p ); - if ( c in ts.transformTable ) { - out += ts.transformTable[ c ]; - } else { - out += c; - } - } - s = out; - } - i = parseFloat( s.replace( /[, ]/g, '' ).replace( '\u2212', '-' ) ); - return isNaN( i ) ? -Infinity : i; - }, - - formatFloat: function ( s ) { - var i = parseFloat( s ); - return isNaN( i ) ? -Infinity : i; - }, - - formatInt: function ( s ) { - var i = parseInt( s, 10 ); - return isNaN( i ) ? -Infinity : i; - }, - - clearTableBody: function ( table ) { - $( table.tBodies[ 0 ] ).empty(); - }, - - getParser: function ( id ) { - buildTransformTable(); - buildDateTable(); - cacheRegexs(); - buildCollationTable(); - - return getParserById( id ); - }, - - getParsers: function () { // for table diagnosis - return parsers; - } - }; - - // Shortcut - ts = $.tablesorter; - - // Register as jQuery prototype method - $.fn.tablesorter = function ( settings ) { - return ts.construct( this, settings ); - }; - - // Add default parsers - ts.addParser( { - id: 'text', - is: function () { - return true; - }, - format: function ( s ) { - var tsc; - s = s.toLowerCase().trim(); - if ( ts.collationRegex ) { - tsc = ts.collationTable; - s = s.replace( ts.collationRegex, function ( match ) { - var r = tsc[ match ] ? tsc[ match ] : tsc[ match.toUpperCase() ]; - return r.toLowerCase(); - } ); - } - return s; - }, - type: 'text' - } ); - - ts.addParser( { - id: 'IPAddress', - is: function ( s ) { - return ts.rgx.IPAddress[ 0 ].test( s ); - }, - format: function ( s ) { - var i, item, - a = s.split( '.' ), - r = ''; - for ( i = 0; i < a.length; i++ ) { - item = a[ i ]; - if ( item.length === 1 ) { - r += '00' + item; - } else if ( item.length === 2 ) { - r += '0' + item; - } else { - r += item; - } - } - return $.tablesorter.formatFloat( r ); - }, - type: 'numeric' - } ); - - ts.addParser( { - id: 'currency', - is: function ( s ) { - return ts.rgx.currency[ 0 ].test( s ); - }, - format: function ( s ) { - return $.tablesorter.formatDigit( s.replace( ts.rgx.currency[ 1 ], '' ) ); - }, - type: 'numeric' - } ); - - ts.addParser( { - id: 'url', - is: function ( s ) { - return ts.rgx.url[ 0 ].test( s ); - }, - format: function ( s ) { - return s.replace( ts.rgx.url[ 1 ], '' ).trim(); - }, - type: 'text' - } ); - - ts.addParser( { - id: 'isoDate', - is: function ( s ) { - return ts.rgx.isoDate[ 0 ].test( s ); - }, - format: function ( s ) { - var match, i, isodate, ms, hOffset, mOffset; - match = s.match( ts.rgx.isoDate[ 0 ] ); - if ( match === null ) { - // Otherwise a signed number with 1-4 digit is parsed as isoDate - match = s.match( ts.rgx.isoDate[ 1 ] ); - } - if ( !match ) { - return -Infinity; - } - // Month and day - for ( i = 2; i <= 4; i += 2 ) { - if ( !match[ i ] || match[ i ].length === 0 ) { - match[ i ] = 1; - } - } - // Time - for ( i = 6; i <= 15; i++ ) { - if ( !match[ i ] || match[ i ].length === 0 ) { - match[ i ] = '0'; - } - } - ms = parseFloat( match[ 11 ].replace( /,/, '.' ) ) * 1000; - hOffset = $.tablesorter.formatInt( match[ 13 ] + match[ 14 ] ); - mOffset = $.tablesorter.formatInt( match[ 13 ] + match[ 15 ] ); - - isodate = new Date( 0 ); - // Because Date constructor changes year 0-99 to 1900-1999, use setUTCFullYear() - isodate.setUTCFullYear( match[ 1 ], match[ 2 ] - 1, match[ 4 ] ); - isodate.setUTCHours( match[ 6 ] - hOffset, match[ 8 ] - mOffset, match[ 10 ], ms ); - return isodate.getTime(); - }, - type: 'numeric' - } ); - - ts.addParser( { - id: 'usLongDate', - is: function ( s ) { - return ts.rgx.usLongDate[ 0 ].test( s ); - }, - format: function ( s ) { - return $.tablesorter.formatFloat( new Date( s ).getTime() ); - }, - type: 'numeric' - } ); - - ts.addParser( { - id: 'date', - is: function ( s ) { - return ( ts.dateRegex[ 0 ].test( s ) || ts.dateRegex[ 1 ].test( s ) || ts.dateRegex[ 2 ].test( s ) ); - }, - format: function ( s ) { - var match, y; - s = s.toLowerCase().trim(); - - if ( ( match = s.match( ts.dateRegex[ 0 ] ) ) !== null ) { - if ( mw.config.get( 'wgDefaultDateFormat' ) === 'mdy' || mw.config.get( 'wgPageContentLanguage' ) === 'en' ) { - s = [ match[ 3 ], match[ 1 ], match[ 2 ] ]; - } else if ( mw.config.get( 'wgDefaultDateFormat' ) === 'dmy' ) { - s = [ match[ 3 ], match[ 2 ], match[ 1 ] ]; - } else { - // If we get here, we don't know which order the dd-dd-dddd - // date is in. So return something not entirely invalid. - return '99999999'; - } - } else if ( ( match = s.match( ts.dateRegex[ 1 ] ) ) !== null ) { - s = [ match[ 3 ], String( ts.monthNames[ match[ 2 ] ] ), match[ 1 ] ]; - } else if ( ( match = s.match( ts.dateRegex[ 2 ] ) ) !== null ) { - s = [ match[ 3 ], String( ts.monthNames[ match[ 1 ] ] ), match[ 2 ] ]; - } else { - // Should never get here - return '99999999'; - } - - // Pad Month and Day - if ( s[ 1 ].length === 1 ) { - s[ 1 ] = '0' + s[ 1 ]; - } - if ( s[ 2 ].length === 1 ) { - s[ 2 ] = '0' + s[ 2 ]; - } - - if ( ( y = parseInt( s[ 0 ], 10 ) ) < 100 ) { - // Guestimate years without centuries - if ( y < 30 ) { - s[ 0 ] = 2000 + y; - } else { - s[ 0 ] = 1900 + y; - } - } - while ( s[ 0 ].length < 4 ) { - s[ 0 ] = '0' + s[ 0 ]; - } - return parseInt( s.join( '' ), 10 ); - }, - type: 'numeric' - } ); - - ts.addParser( { - id: 'time', - is: function ( s ) { - return ts.rgx.time[ 0 ].test( s ); - }, - format: function ( s ) { - return $.tablesorter.formatFloat( new Date( '2000/01/01 ' + s ).getTime() ); - }, - type: 'numeric' - } ); - - ts.addParser( { - id: 'number', - is: function ( s ) { - return $.tablesorter.numberRegex.test( s.trim() ); - }, - format: function ( s ) { - return $.tablesorter.formatDigit( s ); - }, - type: 'numeric' - } ); - -}( jQuery, mediaWiki ) ); diff --git a/resources/src/jquery/jquery.tablesorter.less b/resources/src/jquery/jquery.tablesorter.less deleted file mode 100644 index 3bea471f14..0000000000 --- a/resources/src/jquery/jquery.tablesorter.less +++ /dev/null @@ -1,24 +0,0 @@ -@import 'mediawiki.mixins'; - -/* Table Sorting */ - -table.jquery-tablesorter { - th.headerSort { - .background-image-svg( 'images/sort_both.svg', 'images/sort_both.png' ); - cursor: pointer; - background-repeat: no-repeat; - background-position: center right; - // Note: To avoid reflows, a padding is set in - // the jquery.tableSorter.styles module as a render blocking style. - // Please do not add any CSS rules here that impact the positioning of the element - // e.g. padding, margin, position or float. - } - - th.headerSortUp { - .background-image-svg( 'images/sort_up.svg', 'images/sort_up.png' ); - } - - th.headerSortDown { - .background-image-svg( 'images/sort_down.svg', 'images/sort_down.png' ); - } -}