Revision as of 19:50, 26 May 2018 view sourceTheDJ (talk | contribs)Extended confirmed users, Template editors46,219 edits some cleanup on NavFrame code← Previous edit | Revision as of 18:26, 2 June 2018 view source TheDJ (talk | contribs)Extended confirmed users, Template editors46,219 edits replace collapsible javascript with the mw-collapsible moduleNext edit → | ||
Line 124: | Line 124: | ||
/** | /** | ||
* Collapsible tables | * Collapsible tables; reimplemented with mw-collapsibe | ||
* Styling is also in place to avoid FOUC | |||
* | |||
* | |||
* Allows tables to be collapsed, showing only the header. See ]. | * Allows tables to be collapsed, showing only the header. See ]. | ||
* @version 3.0.0 (2018-05-20) | |||
* | |||
* @version 2.0.3 (2014-03-14) | |||
* @source https://www.mediawiki.org/MediaWiki:Gadget-collapsibleTables.js | * @source https://www.mediawiki.org/MediaWiki:Gadget-collapsibleTables.js | ||
* @author ] | * @author ] | ||
* @author ] | * @author ] | ||
* @author ] | |||
* @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which | * @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which | ||
* is supported in MediaWiki core. | * is supported in MediaWiki core. Shimmable since MediaWiki 1.32 | ||
*/ | */ | ||
function makeCollapsibleMwCollapsible( $content ) { | |||
var $tables = $content | |||
.find( 'table.collapsible' ) | |||
.addClass( 'mw-collapsible' ); | |||
$.each( $tables, function( index, table ) { | |||
var autoCollapse = 2; | |||
// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.'); | |||
var collapseCaption = 'hide'; | |||
if( $( table ).hasClass( 'collapsed') ) { | |||
var expandCaption = 'show'; | |||
$( table ).addClass( 'mw-collapsed' ); | |||
var tableIndex = 0; | |||
// mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.'); | |||
function collapseTable( tableIndex ) { | |||
var Button = document.getElementById( 'collapseButton' + tableIndex ); | |||
var Table = document.getElementById( 'collapsibleTable' + tableIndex ); | |||
if ( !Table || !Button ) { | |||
return false; | |||
} | |||
var Rows = Table.rows; | |||
var i; | |||
var $row0 = $(Rows); | |||
if ( Button.firstChild.data === collapseCaption ) { | |||
for ( i = 1; i < Rows.length; i++ ) { | |||
Rows.style.display = 'none'; | |||
} | |||
Button.firstChild.data = expandCaption; | |||
} else { | |||
for ( i = 1; i < Rows.length; i++ ) { | |||
Rows.style.display = $row0.css( 'display' ); | |||
} | |||
Button.firstChild.data = collapseCaption; | |||
} | |||
} | |||
function createClickHandler( tableIndex ) { | |||
return function ( e ) { | |||
e.preventDefault(); | |||
collapseTable( tableIndex ); | |||
}; | |||
} | |||
function createCollapseButtons( $content ) { | |||
var NavigationBoxes = {}; | |||
var $Tables = $content.find( 'table' ); | |||
var i; | |||
$Tables.each( function( i, table ) { | |||
if ( $(table).hasClass( 'collapsible' ) ) { | |||
/* only add button and increment count if there is a header row to work with */ | |||
var HeaderRow = table.getElementsByTagName( 'tr' ); | |||
if ( !HeaderRow ) { | |||
return; | |||
} | |||
var Header = table.getElementsByTagName( 'th' ); | |||
if ( !Header ) { | |||
return; | |||
} | |||
NavigationBoxes = table; | |||
table.setAttribute( 'id', 'collapsibleTable' + tableIndex ); | |||
var Button = document.createElement( 'span' ); | |||
var ButtonLink = document.createElement( 'a' ); | |||
var ButtonText = document.createTextNode( collapseCaption ); | |||
// Styles are declared in ] | |||
Button.className = 'collapseButton'; | |||
ButtonLink.style.color = Header.style.color; | |||
ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex ); | |||
ButtonLink.setAttribute( 'href', '#' ); | |||
$( ButtonLink ).on( 'click', createClickHandler( tableIndex ) ); | |||
ButtonLink.appendChild( ButtonText ); | |||
Button.appendChild( document.createTextNode( '[' ) ); | |||
Button.appendChild( ButtonLink ); | |||
Button.appendChild( document.createTextNode( ']' ) ); | |||
Header.insertBefore( Button, Header.firstChild ); | |||
tableIndex++; | |||
} | } | ||
} ); | } ); | ||
if( $tables.length > 0 ) { | |||
mw.loader.using( 'jquery.makeCollapsible' ).then( function() { | |||
for ( i = 0; i < tableIndex; i++ ) { | |||
$tables.makeCollapsible(); | |||
if ( $( NavigationBoxes ).hasClass( 'collapsed' ) || | |||
} ); | |||
( tableIndex >= autoCollapse && $( NavigationBoxes ).hasClass( 'autocollapse' ) ) | |||
) { | |||
collapseTable( i ); | |||
} | |||
else if ( $( NavigationBoxes ).hasClass ( 'innercollapse' ) ) { | |||
var element = NavigationBoxes; | |||
while ((element = element.parentNode)) { | |||
if ( $( element ).hasClass( 'outercollapse' ) ) { | |||
collapseTable ( i ); | |||
break; | |||
} | |||
} | |||
} | |||
} | } | ||
} | } | ||
mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible ); | |||
mw.hook( 'wikipage.content' ).add( createCollapseButtons ); | |||
/** | /** |
Revision as of 18:26, 2 June 2018
/** * Keep code in MediaWiki:Common.js to a minimum as it is unconditionally * loaded for all users on every wiki page. If possible create a gadget that is * enabled by default instead of adding it here (since gadgets are fully * optimized ResourceLoader modules with possibility to add dependencies etc.) * * Since Common.js isn't a gadget, there is no place to declare its * dependencies, so we have to lazy load them with mw.loader.using on demand and * then execute the rest in the callback. In most cases these dependencies will * be loaded (or loading) already and the callback will not be delayed. In case a * dependency hasn't arrived yet it'll make sure those are loaded before this. */ /* global mw, $ */ /* jshint strict:false, browser:true */ mw.loader.using( ).done( function () { /* Begin of mw.loader.using callback */ /** * Main Page layout fixes * * Description: Adds an additional link to the complete list of languages available. * Maintainers: ], ], ] */ if ( mw.config.get( 'wgPageName' ) === 'Main_Page' || mw.config.get( 'wgPageName' ) === 'Talk:Main_Page' ) { $( function () { mw.util.addPortletLink( 'p-lang', '//meta.wikimedia.org/List_of_Wikipedias', 'Complete list', 'interwiki-completelist', 'Complete list of Wikipedias' ); } ); } /** * Redirect User:Name/skin.js and skin.css to the current skin's pages * (unless the 'skin' page really exists) * @source: http://www.mediawiki.org/Snippets/Redirect_skin.js * @rev: 2 */ if ( mw.config.get( 'wgArticleId' ) === 0 && mw.config.get( 'wgNamespaceNumber' ) === 2 ) { var titleParts = mw.config.get( 'wgPageName' ).split( '/' ); /* Make sure there was a part before and after the slash and that the latter is 'skin.js' or 'skin.css' */ if ( titleParts.length == 2 ) { var userSkinPage = titleParts.shift() + '/' + mw.config.get( 'skin' ); if ( titleParts.slice( -1 ) == 'skin.js' ) { window.location.href = mw.util.getUrl( userSkinPage + '.js' ); } else if ( titleParts.slice( -1 ) == 'skin.css' ) { window.location.href = mw.util.getUrl( userSkinPage + '.css' ); } } } /** * Map addPortletLink to mw.util * @deprecated: Use mw.util.addPortletLink instead. */ mw.log.deprecate( window, 'addPortletLink', mw.util.addPortletLink, 'Use mw.util.addPortletLink instead' ); /** * Extract a URL parameter from the current URL * @deprecated: Use mw.util.getParamValue with proper escaping */ mw.log.deprecate( window, 'getURLParamValue', mw.util.getParamValue, 'Use mw.util.getParamValue instead' ); /** * Test if an element has a certain class * @deprecated: Use $(element).hasClass() instead. */ mw.log.deprecate( window, 'hasClass', function ( element, className ) { return $( element ).hasClass( className ); }, 'Use jQuery.hasClass() instead' ); /** * @source www.mediawiki.org/Snippets/Load_JS_and_CSS_by_URL * @rev 6 */ var extraCSS = mw.util.getParamValue( 'withCSS' ), extraJS = mw.util.getParamValue( 'withJS' ); if ( extraCSS ) { if ( extraCSS.match( /^MediaWiki:*\.css$/ ) ) { mw.loader.load( '/search/?title=' + extraCSS + '&action=raw&ctype=text/css', 'text/css' ); } else { mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withCSS value' } ); } } if ( extraJS ) { if ( extraJS.match( /^MediaWiki:*\.js$/ ) ) { mw.loader.load( '/search/?title=' + extraJS + '&action=raw&ctype=text/javascript' ); } else { mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withJS value' } ); } } /** * WikiMiniAtlas * * Description: WikiMiniAtlas is a popup click and drag world map. * This script causes all of our coordinate links to display the WikiMiniAtlas popup button. * The script itself is located on meta because it is used by many projects. * See ] for more information. * Note - use of this service is recommended to be repalced with mw:Help:Extension:Kartographer */ ( function () { var require_wikiminiatlas = false; var coord_filter = /geohack/; $( function () { $( 'a.external.text' ).each( function( key, link ) { if ( link.href && coord_filter.exec( link.href ) ) { require_wikiminiatlas = true; // break from loop return false; } } ); if ( $( 'div.kmldata' ).length ) { require_wikiminiatlas = true; } if ( require_wikiminiatlas ) { mw.loader.load( '//meta.wikimedia.org/search/?title=MediaWiki:Wikiminiatlas.js&action=raw&ctype=text/javascript' ); } } ); } )(); /** * Collapsible tables; reimplemented with mw-collapsibe * Styling is also in place to avoid FOUC * * Allows tables to be collapsed, showing only the header. See ]. * @version 3.0.0 (2018-05-20) * @source https://www.mediawiki.org/MediaWiki:Gadget-collapsibleTables.js * @author ] * @author ] * @author ] * @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which * is supported in MediaWiki core. Shimmable since MediaWiki 1.32 */ function makeCollapsibleMwCollapsible( $content ) { var $tables = $content .find( 'table.collapsible' ) .addClass( 'mw-collapsible' ); $.each( $tables, function( index, table ) { // mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.'); if( $( table ).hasClass( 'collapsed') ) { $( table ).addClass( 'mw-collapsed' ); // mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.'); } } ); if( $tables.length > 0 ) { mw.loader.using( 'jquery.makeCollapsible' ).then( function() { $tables.makeCollapsible(); } ); } } mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible ); /** * Add support to mw-collapsible for autocollapse, innercollapse and outercollapse * * Maintainers: TheDJ */ function mwCollapsibleSetup( $collapsibleContent ) { var $element, $toggle, autoCollapseThreshold = 2; $.each( $collapsibleContent, function (index, element) { $element = $( element ); if ( $collapsibleContent.length > autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) { $element.data( 'mw-collapsible' ).collapse(); } else if ( $element.hasClass( 'innercollapse' ) ) { if ( $element.parents( '.outercollapse' ).length > 0 ) { $element.data( 'mw-collapsible' ).collapse(); } } // because of colored backgrounds, style the link in the text color // to ensure accessible contrast $toggle = $element.find( '.mw-collapsible-toggle' ); if ( $toggle.length ) { // Make the toggle inherit text color if( $toggle.parent().style.color ) { $toggle.find( 'a' ).css( 'color', 'inherit' ); } } } ); } mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup ); /** * Dynamic Navigation Bars (experimental) * * Description: See ]. * Maintainers: UNMAINTAINED */ // Set up the words in your language var navigationBarHide = ''; var navigationBarShow = ''; /** * Shows and hides content and picture (if available) of navigation bars. * * @param {number} indexNavigationBar The index of navigation bar to be toggled * @param {jQuery.Event} event Event object */ function toggleNavigationBar( indexNavigationBar, event ) { var navToggle = document.getElementById( 'NavToggle' + indexNavigationBar ); var navFrame = document.getElementById( 'NavFrame' + indexNavigationBar ); var navChild; if ( !navFrame || !navToggle ) { return false; } // If shown now if ( navToggle.firstChild.data === navigationBarHide ) { for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) { if ( $( navChild ).hasClass( 'NavContent' ) || $( navChild ).hasClass( 'NavPic' ) ) { navChild.style.display = 'none'; } } navToggle.firstChild.data = navigationBarShow; // If hidden now } else if ( navToggle.firstChild.data === navigationBarShow ) { for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) { if ( $( navChild ).hasClass( 'NavContent' ) || $( navChild ).hasClass( 'NavPic' ) ) { navChild.style.display = 'block'; } } navToggle.firstChild.data = navigationBarHide; } event.preventDefault(); } /** * Adds show/hide-button to navigation bars. * * @param {jQuery} $content */ function createNavigationBarToggleButton( $content ) { var i, j, navChild, navToggle, navToggleText, isCollapsed, indexNavigationBar = 0; // Iterate over all < div >-elements var $divs = $content.find( 'div.NavFrame' ); $divs.each( function ( i, navFrame ) { indexNavigationBar++; navToggle = document.createElement( 'a' ); navToggle.className = 'NavToggle'; navToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar ); navToggle.setAttribute( 'href', '#' ); $( navToggle ).on( 'click', $.proxy( toggleNavigationBar, null, indexNavigationBar ) ); isCollapsed = $( navFrame ).hasClass( 'collapsed' ); /** * Check if any children are already hidden. This loop is here for backwards compatibility: * the old way of making NavFrames start out collapsed was to manually add style="display:none" * to all the NavPic/NavContent elements. Since this was bad for accessibility (no way to make * the content visible without JavaScript support), the new recommended way is to add the class * "collapsed" to the NavFrame itself, just like with collapsible tables. */ for ( navChild = navFrame.firstChild; navChild !== null && !isCollapsed; navChild = navChild.nextSibling ) { if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) { if ( navChild.style.display === 'none' ) { isCollapsed = true; } } } if ( isCollapsed ) { for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) { if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) { navChild.style.display = 'none'; } } } navToggleText = document.createTextNode( isCollapsed ? navigationBarShow : navigationBarHide ); navToggle.appendChild( navToggleText ); // Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) for ( j = 0; j < navFrame.childNodes.length; j++ ) { if ( $( navFrame.childNodes ).hasClass( 'NavHead' ) ) { navToggle.style.color = navFrame.childNodes.style.color; navFrame.childNodes.appendChild( navToggle ); } } navFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar ); } ); } mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton ); /** * Magic editintros **************************************************** * * Description: Adds editintros on disambiguation pages and BLP pages. * Maintainers: ] */ function addEditIntro( name ) { $( '.mw-editsection, #ca-edit' ).find( 'a' ).each( function ( i, el ) { el.href = $( this ).attr( 'href' ) + '&editintro=' + name; } ); } if ( mw.config.get( 'wgNamespaceNumber' ) === 0 ) { $( function () { if ( document.getElementById( 'disambigbox' ) ) { addEditIntro( 'Template:Disambig_editintro' ); } } ); $( function () { var cats = mw.config.get('wgCategories'); if ( !cats ) { return; } if ( $.inArray( 'Living people', cats ) !== -1 || $.inArray( 'Possibly living people', cats ) !== -1 ) { addEditIntro( 'Template:BLP_editintro' ); } } ); } /* Actions specific to the edit page */ if ( mw.config.get( 'wgAction' ) === 'edit' || mw.config.get( 'wgAction' ) === 'submit' ) { /** * Fix edit summary prompt for undo * * Fixes the fact that the undo function combined with the "no edit summary prompter" * complains about missing editsummary, if leaving the edit summary unchanged. * Added by ], code by ]. * See also ]. */ $(function () { if (document.location.search.indexOf('undo=') !== -1 && document.getElementsByName('wpAutoSummary')) { document.getElementsByName('wpAutoSummary').value = '1'; } }); } /* End of mw.loader.using callback */ } ); /* DO NOT ADD CODE BELOW THIS LINE */