diff options
Diffstat (limited to 'MLEB/Translate/resources/js/ext.translate.special.languagestats.js')
| -rw-r--r-- | MLEB/Translate/resources/js/ext.translate.special.languagestats.js | 222 |
1 files changed, 111 insertions, 111 deletions
diff --git a/MLEB/Translate/resources/js/ext.translate.special.languagestats.js b/MLEB/Translate/resources/js/ext.translate.special.languagestats.js index 0ec2a975..73b37c77 100644 --- a/MLEB/Translate/resources/js/ext.translate.special.languagestats.js +++ b/MLEB/Translate/resources/js/ext.translate.special.languagestats.js @@ -1,137 +1,137 @@ -/** +/*! * Collapsing script for Special:LanguageStats in MediaWiki Extension:Translate * @author Krinkle <krinklemail (at) gmail (dot) com> - * @author Niklas Laxström, 2012 - * @created January 3, 2011 - * @license GPL-2.0+, CC-BY-SA-3.0 + * @author Niklas Laxström + * @license GPL-2.0-or-later, CC-BY-SA-3.0 */ -/*global mw:false*/ -jQuery( document ).ready( function ( $ ) { - 'use strict'; - - var $allChildRows, $allTogglesCache, $toggleAllButton, - $translateTable = $( '.mw-sp-translate-table' ), - $metaRows = $( 'tr.AggregateMessageGroup', $translateTable ); - // Quick return - if ( !$metaRows.size() ) { - return; - } +( function ( mw, $ ) { + 'use strict'; - $metaRows.each( function () { - var $toggler, - $parent = $( this ), - thisGroupId = $parent.attr( 'data-groupid' ), - $children = $( 'tr[data-parentgroup="' + thisGroupId + '"]', $translateTable ); + $( function () { + var $allChildRows, $allTogglesCache, $toggleAllButton, + $translateTable = $( '.statstable' ), + $metaRows = $( 'tr.AggregateMessageGroup', $translateTable ); - // Only do the collapse stuff if this Meta-group actually has children on this page - if ( !$children.size() ) { + // Quick return + if ( !$metaRows.length ) { return; } - // Build toggle link - $toggler = $( '<span class="groupexpander collapsed">[</span>' ) + $metaRows.each( function () { + var $toggler, + $parent = $( this ), + thisGroupId = $parent.attr( 'data-groupid' ), + $children = $( 'tr[data-parentgroup="' + thisGroupId + '"]', $translateTable ); + + // Only do the collapse stuff if this Meta-group actually has children on this page + if ( !$children.length ) { + return; + } + + // Build toggle link + $toggler = $( '<span class="groupexpander collapsed">[</span>' ) + .append( $( '<a href="#"></a>' ) + .text( mw.msg( 'translate-langstats-expand' ) ) ) + .append( ']' ) + .click( function ( e ) { + var $el = $( this ); + // Switch the state and toggle the rows + if ( $el.hasClass( 'collapsed' ) ) { + $children.fadeIn().trigger( 'show' ); + $el.removeClass( 'collapsed' ).addClass( 'expanded' ); + $el.find( '> a' ).text( mw.msg( 'translate-langstats-collapse' ) ); + } else { + $children.fadeOut().trigger( 'hide' ); + $el.addClass( 'collapsed' ).removeClass( 'expanded' ); + $el.find( '> a' ).text( mw.msg( 'translate-langstats-expand' ) ); + } + + e.preventDefault(); + } ); + + // Add the toggle link to the first cell of the meta group table-row + $parent.find( ' > td:first' ).append( $toggler ); + + // Handle hide/show recursively, so that collapsing parent group + // hides all sub groups regardless of nesting level + $parent.on( 'hide show', function ( event ) { + // Reuse $toggle, $parent and $children from parent scope + if ( $toggler.hasClass( 'expanded' ) ) { + $children.trigger( event.type )[ event.type ](); + } + } ); + } ); + + // Create, bind and append the toggle-all button + $allChildRows = $( 'tr[data-parentgroup]', $translateTable ); + $allTogglesCache = null; + $toggleAllButton = $( '<span class="collapsed">[</span>' ) .append( $( '<a href="#"></a>' ) - .text( mw.msg( 'translate-langstats-expand' ) ) ) + .text( mw.msg( 'translate-langstats-expandall' ) ) ) .append( ']' ) .click( function ( e ) { - var $el = $( this ); + var $el = $( this ), + $allToggles = $allTogglesCache || $( '.groupexpander', $translateTable ); + // Switch the state and toggle the rows + // and update the local toggles too if ( $el.hasClass( 'collapsed' ) ) { - $children.fadeIn().trigger( 'show' ); - $el.removeClass( 'collapsed' ).addClass( 'expanded' ); - $el.find( '> a' ).text( mw.msg( 'translate-langstats-collapse' ) ); + $allChildRows.show(); + $el.add( $allToggles ).removeClass( 'collapsed' ).addClass( 'expanded' ); + $el.find( '> a' ).text( mw.msg( 'translate-langstats-collapseall' ) ); + $allToggles.find( '> a' ).text( mw.msg( 'translate-langstats-collapse' ) ); } else { - $children.fadeOut().trigger( 'hide' ); - $el.addClass( 'collapsed' ).removeClass( 'expanded' ); - $el.find( '> a' ).text( mw.msg( 'translate-langstats-expand' ) ); + $allChildRows.hide(); + $el.add( $allToggles ).addClass( 'collapsed' ).removeClass( 'expanded' ); + $el.find( '> a' ).text( mw.msg( 'translate-langstats-expandall' ) ); + $allToggles.find( '> a' ).text( mw.msg( 'translate-langstats-expand' ) ); } e.preventDefault(); } ); - // Add the toggle link to the first cell of the meta group table-row - $parent.find( ' > td:first' ).append( $toggler ); + // Initially hide them + $allChildRows.hide(); - // Handle hide/show recursively, so that collapsing parent group - // hides all sub groups regardless of nesting level - $parent.on( 'hide show', function ( event ) { - // Reuse $toggle, $parent and $children from parent scope - if ( $toggler.hasClass( 'expanded' ) ) { - $children.trigger( event.type )[event.type](); - } - } ); + // Add the toggle-all button above the table + $( '<p class="groupexpander-all"></p>' ).append( $toggleAllButton ).insertBefore( $translateTable ); } ); - // Create, bind and append the toggle-all button - $allChildRows = $( 'tr[data-parentgroup]', $translateTable ); - $allTogglesCache = null; - $toggleAllButton = $( '<span class="collapsed">[</span>' ) - .append( $( '<a href="#"></a>' ) - .text( mw.msg( 'translate-langstats-expandall' ) ) ) - .append( ']' ) - .click( function ( e ) { - var $el = $( this ), - $allToggles = !!$allTogglesCache ? $allTogglesCache : $( '.groupexpander', $translateTable ); - - // Switch the state and toggle the rows - // and update the local toggles too - if ( $el.hasClass( 'collapsed' ) ) { - $allChildRows.show(); - $el.add( $allToggles ).removeClass( 'collapsed' ).addClass( 'expanded' ); - $el.find( '> a' ).text( mw.msg( 'translate-langstats-collapseall' ) ); - $allToggles.find( '> a' ).text( mw.msg( 'translate-langstats-collapse' ) ); - } else { - $allChildRows.hide(); - $el.add( $allToggles ).addClass( 'collapsed' ).removeClass( 'expanded' ); - $el.find( '> a' ).text( mw.msg( 'translate-langstats-expandall' ) ); - $allToggles.find( '> a' ).text( mw.msg( 'translate-langstats-expand' ) ); - } - - e.preventDefault(); - } ); - - // Initially hide them - $allChildRows.hide(); - - // Add the toggle-all button above the table - $( '<p class="groupexpander-all"></p>' ).append( $toggleAllButton ).insertBefore( $translateTable ); -} ); + // When hovering a row, adjust brightness of the last two custom-colored cells as well + // See also translate.langstats.css for the highlighting for the other normal rows + mw.loader.using( 'jquery.colorUtil', function () { + $( function () { + // It is possible that the first event we get is hover-out, in + // which case the colors will get stuck wrong. Ignore it. + var eventHandlers, seenHoverIn = false; + + eventHandlers = { + mouseenter: function () { + seenHoverIn = true; + $( this ).children( '.hover-color' ) + // 30% more brightness + .css( 'background-color', function ( i, val ) { + return $.colorUtil.getColorBrightness( val, +0.3 ); + } ); + }, + mouseleave: function () { + if ( !seenHoverIn ) { + return; + } + $( this ).children( '.hover-color' ) + // 30% less brightness + .css( 'background-color', function ( i, val ) { + return $.colorUtil.getColorBrightness( val, -0.3 ); + } ); + } + }; -// When hovering a row, adjust brightness of the last two custom-colored cells as well -// See also translate.langstats.css for the highlighting for the other normal rows -mw.loader.using( 'jquery.colorUtil', function () { - 'use strict'; - jQuery( document ).ready( function ( $ ) { - // It is possible that the first event we get is hover-out, in - // which case the colors will get stuck wrong. Ignore it. - var seenHoverIn = false; - - $( '.mw-sp-translate-table.wikitable tr' ).hover( function () { - seenHoverIn = true; - $( '> td.hover-color', this ) - // 30% more brightness - .css( 'background-color', function ( i, val ) { - // @codingStandardsIgnoreStart Bug in CodeSniffer? - return $.colorUtil.getColorBrightness( val, +0.3 ); - // codingStandardsIgnoreEnd - } ); - }, function () { - if ( !seenHoverIn ) { - return; - } - $( '> td.hover-color', this ) - // 30% less brightness - .css( 'background-color', function ( i, val ) { - return $.colorUtil.getColorBrightness( val, -0.3 ); - } ); + $( '.statstable' ).on( eventHandlers, 'tr' ); } ); } ); -} ); -(function ( mw, $ ) { - 'use strict'; - $( document ).ready( function () { + $( function () { var index, sort = {}, re = /#sortable:(\d+)=(asc|desc)/, @@ -139,16 +139,16 @@ mw.loader.using( 'jquery.colorUtil', function () { $tables = $( '.statstable' ); if ( match ) { - index = parseInt( match[1], 10 ); - sort[index] = match[2]; + index = parseInt( match[ 1 ], 10 ); + sort[ index ] = match[ 2 ]; } - $tables.tablesorter( {sortList: [sort]} ); + $tables.tablesorter( { sortList: [ sort ] } ); $tables.on( 'sortEnd.tablesorter', function () { var $table = $( this ); $table.find( '.headerSortDown, .headerSortUp' ).each( function () { var index = $table.find( 'th' ).index( $( this ) ), - dir = $( this ).hasClass( 'headerSortUp' ) ? 'desc' : 'asc'; + dir = $( this ).hasClass( 'headerSortUp' ) ? 'asc' : 'desc'; window.location.hash = 'sortable:' + index + '=' + dir; } ); } ); |