MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
m (4 revisions) |
(What am i missing?.. :-\) |
||
Line 1: | Line 1: | ||
// | /** | ||
// | * 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.) | |||
if ( | * | ||
{ | * 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, $, importStylesheet, importScript */ | |||
/* jshint curly:false eqnull:true, strict:false, browser:true */ | |||
mw.loader.using( ['mediawiki.util', 'mediawiki.notify', 'jquery.client'], function () { | |||
/* Begin of mw.loader.using callback */ | |||
/** | |||
* Main Page layout fixes | |||
* | |||
* Description: Adds an additional link to the complete list of languages available. | |||
* Maintainers: [[User:AzaToth]], [[User:R. Koot]], [[User:Alex Smotrov]] | |||
*/ | |||
if ( mw.config.get( 'wgPageName' ) === 'Main_Page' || mw.config.get( 'wgPageName' ) === 'Talk:Main_Page' ) { | |||
$( function () { | |||
mw.util.addPortletLink( 'p-lang', '//meta.wikimedia.org/wiki/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/wiki/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/wiki/Snippets/Load_JS_and_CSS_by_URL | |||
* @rev 5 | |||
*/ | |||
// CSS | |||
var extraCSS = mw.util.getParamValue( 'withCSS' ); | |||
if ( extraCSS ) { | |||
if ( extraCSS.match( /^MediaWiki:[^&<>=%#]*\.css$/ ) ) { | |||
importStylesheet( extraCSS ); | |||
} else { | |||
mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withCSS value' } ); | |||
} | |||
} | |||
// JS | |||
var extraJS = mw.util.getParamValue( 'withJS' ); | |||
if ( extraJS ) { | |||
if ( extraJS.match( /^MediaWiki:[^&<>=%#]*\.js$/ ) ) { | |||
importScript( extraJS ); | |||
} else { | |||
mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withJS value' } ); | |||
} | |||
} | } | ||
/** | |||
/ | * Import more specific scripts if necessary | ||
*/ | |||
if ( mw.config.get( 'wgAction' ) === 'edit' || mw.config.get( 'wgAction' ) === 'submit' || mw.config.get( 'wgCanonicalSpecialPageName' ) === 'Upload' ) { | |||
/* scripts specific to editing pages */ | |||
importScript( 'MediaWiki:Common.js/edit.js' ); | |||
} else if ( mw.config.get( 'wgCanonicalSpecialPageName' ) === 'Watchlist' ) { | |||
/* watchlist scripts */ | |||
importScript( 'MediaWiki:Common.js/watchlist.js' ); | |||
} | } | ||
if ( mw.config.get( 'wgNamespaceNumber' ) === 6 ) { | |||
/* file description page scripts */ | |||
importScript( 'MediaWiki:Common.js/file.js' ); | |||
} | } | ||
/** | |||
* Load scripts specific to Internet Explorer | |||
/* | */ | ||
if ( $.client.profile().name === 'msie' ) { | |||
importScript( 'MediaWiki:Common.js/IEFixes.js' ); | |||
} | } | ||
/** | |||
/ | * Fix for Windows XP Unicode font rendering | ||
* | |||
*/ | */ | ||
if ( navigator.appVersion.search(/windows nt 5/i) !== -1 ) { | |||
mw.util.addCSS( '.IPA { font-family: "Lucida Sans Unicode", "Arial Unicode MS"; } ' + | |||
'.Unicode { font-family: "Arial Unicode MS", "Lucida Sans Unicode"; } ' ); | |||
} | |||
/** | |||
} | * 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 [[Meta:WikiMiniAtlas]] for more information. | ||
* Maintainers: [[User:Dschwen]] | |||
*/ | */ | ||
( function () { | |||
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; | |||
if ( | // break from loop | ||
return false; | |||
} | } | ||
} ); | |||
if ( $( 'div.kmldata' ).length ) { | |||
require_wikiminiatlas = true; | |||
} | |||
if ( require_wikiminiatlas ) { | |||
mw.loader.load( '//meta.wikimedia.org/w/index.php?title=MediaWiki:Wikiminiatlas.js&action=raw&ctype=text/javascript' ); | |||
} | } | ||
} | } ); | ||
} | } )(); | ||
/** | |||
* Collapsible tables | |||
* | |||
/** Collapsible tables ** | * Allows tables to be collapsed, showing only the header. See [[Wikipedia:NavFrame]]. | ||
* | * | ||
* | * @version 2.0.3 (2014-03-14) | ||
* | * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js | ||
* | * @author [[User:R. Koot]] | ||
* @author [[User:Krinkle]] | |||
* @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which | |||
* is supported in MediaWiki core. | |||
*/ | */ | ||
var autoCollapse = 2; | var autoCollapse = 2; | ||
var collapseCaption = | var collapseCaption = 'hide'; | ||
var expandCaption = | var expandCaption = 'show'; | ||
function collapseTable( tableIndex ) | function collapseTable( tableIndex ) { | ||
{ | var Button = document.getElementById( 'collapseButton' + tableIndex ); | ||
var Button = document.getElementById( | var Table = document.getElementById( 'collapsibleTable' + tableIndex ); | ||
var Table = document.getElementById( | |||
if ( !Table || !Button ) { | if ( !Table || !Button ) { | ||
return false; | return false; | ||
} | } | ||
var Rows = Table.rows; | var Rows = Table.rows; | ||
var i; | |||
if ( Button.firstChild.data == collapseCaption ) { | |||
for ( | if ( Button.firstChild.data === collapseCaption ) { | ||
Rows[i].style.display = | for ( i = 1; i < Rows.length; i++ ) { | ||
Rows[i].style.display = 'none'; | |||
} | } | ||
Button.firstChild.data = expandCaption; | Button.firstChild.data = expandCaption; | ||
} else { | } else { | ||
for ( | for ( i = 1; i < Rows.length; i++ ) { | ||
Rows[i].style.display = Rows[0].style.display; | Rows[i].style.display = Rows[0].style.display; | ||
} | } | ||
Line 175: | Line 199: | ||
} | } | ||
function createCollapseButtons() | function createClickHandler( tableIndex ) { | ||
{ | return function ( e ) { | ||
e.preventDefault(); | |||
collapseTable( tableIndex ); | |||
}; | |||
} | |||
function createCollapseButtons() { | |||
var tableIndex = 0; | var tableIndex = 0; | ||
var NavigationBoxes = | var NavigationBoxes = {}; | ||
var Tables = document.getElementsByTagName( | var Tables = document.getElementsByTagName( 'table' ); | ||
var i; | |||
for ( | |||
if ( | for ( i = 0; i < Tables.length; i++ ) { | ||
if ( $( Tables[i] ).hasClass( 'collapsible' ) ) { | |||
/* only add button and increment count if there is a header row to work with */ | /* only add button and increment count if there is a header row to work with */ | ||
var HeaderRow = Tables[i].getElementsByTagName( | var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0]; | ||
if (!HeaderRow) continue; | if ( !HeaderRow ) { | ||
var Header = HeaderRow.getElementsByTagName( | continue; | ||
if (!Header) continue; | } | ||
var Header = HeaderRow.getElementsByTagName( 'th' )[0]; | |||
if ( !Header ) { | |||
continue; | |||
} | |||
NavigationBoxes[ tableIndex ] = Tables[i]; | NavigationBoxes[ tableIndex ] = Tables[i]; | ||
Tables[i].setAttribute( | Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex ); | ||
var Button = document.createElement( | var Button = document.createElement( 'span' ); | ||
var ButtonLink = document.createElement( | var ButtonLink = document.createElement( 'a' ); | ||
var ButtonText = document.createTextNode( collapseCaption ); | var ButtonText = document.createTextNode( collapseCaption ); | ||
// Styles are declared in [[MediaWiki:Common.css]] | |||
Button.className = 'collapseButton'; | |||
Button.className = | |||
ButtonLink.style.color = Header.style.color; | ButtonLink.style.color = Header.style.color; | ||
ButtonLink.setAttribute( | ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex ); | ||
ButtonLink.setAttribute( | ButtonLink.setAttribute( 'href', '#' ); | ||
$( ButtonLink ).on( 'click', createClickHandler( tableIndex ) ); | |||
ButtonLink.appendChild( ButtonText ); | ButtonLink.appendChild( ButtonText ); | ||
Button.appendChild( document.createTextNode( | Button.appendChild( document.createTextNode( '[' ) ); | ||
Button.appendChild( ButtonLink ); | Button.appendChild( ButtonLink ); | ||
Button.appendChild( document.createTextNode( | Button.appendChild( document.createTextNode( ']' ) ); | ||
Header.insertBefore( Button, Header. | Header.insertBefore( Button, Header.firstChild ); | ||
tableIndex++; | tableIndex++; | ||
} | } | ||
} | } | ||
for ( | for ( i = 0; i < tableIndex; i++ ) { | ||
if ( | if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) || | ||
( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) ) | |||
) { | |||
collapseTable( i ); | collapseTable( i ); | ||
} | } | ||
else if ( | else if ( $( NavigationBoxes[i] ).hasClass ( 'innercollapse' ) ) { | ||
var element = NavigationBoxes[i]; | var element = NavigationBoxes[i]; | ||
while (element = element.parentNode) { | while ((element = element.parentNode)) { | ||
if ( hasClass( | if ( $( element ).hasClass( 'outercollapse' ) ) { | ||
collapseTable ( i ); | collapseTable ( i ); | ||
break; | break; | ||
Line 234: | Line 266: | ||
} | } | ||
} | } | ||
mw.hook( 'wikipage.content' ).add( createCollapseButtons ); | |||
/** | |||
/** Dynamic Navigation Bars (experimental) | * Dynamic Navigation Bars (experimental) | ||
* | * | ||
* | * Description: See [[Wikipedia:NavFrame]]. | ||
* | * Maintainers: UNMAINTAINED | ||
*/ | */ | ||
/ | /* set up the words in your language */ | ||
var NavigationBarHide = '[' + collapseCaption + ']'; | var NavigationBarHide = '[' + collapseCaption + ']'; | ||
var NavigationBarShow = '[' + expandCaption + ']'; | var NavigationBarShow = '[' + expandCaption + ']'; | ||
/ | /** | ||
* Shows and hides content and picture (if available) of navigation bars | |||
* Parameters: | |||
function | * indexNavigationBar: the index of navigation bar to be toggled | ||
{ | **/ | ||
var NavToggle = document.getElementById( | window.toggleNavigationBar = function ( indexNavigationBar, event ) { | ||
var NavFrame = document.getElementById( | var NavToggle = document.getElementById( 'NavToggle' + indexNavigationBar ); | ||
var NavFrame = document.getElementById( 'NavFrame' + indexNavigationBar ); | |||
if (!NavFrame || !NavToggle) { | var NavChild; | ||
if ( !NavFrame || !NavToggle ) { | |||
return false; | return false; | ||
} | } | ||
/ | /* if shown now */ | ||
if (NavToggle.firstChild.data == NavigationBarHide) { | if ( NavToggle.firstChild.data === NavigationBarHide ) { | ||
for ( | for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) { | ||
if ( hasClass( | if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) { | ||
NavChild.style.display = 'none'; | NavChild.style.display = 'none'; | ||
} | } | ||
} | } | ||
NavToggle.firstChild.data = NavigationBarShow; | NavToggle.firstChild.data = NavigationBarShow; | ||
/ | /* if hidden now */ | ||
} else if (NavToggle.firstChild.data == NavigationBarShow) { | } else if ( NavToggle.firstChild.data === NavigationBarShow ) { | ||
for ( | for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) { | ||
if (hasClass( | if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) { | ||
NavChild.style.display = 'block'; | NavChild.style.display = 'block'; | ||
} | } | ||
Line 284: | Line 312: | ||
NavToggle.firstChild.data = NavigationBarHide; | NavToggle.firstChild.data = NavigationBarHide; | ||
} | } | ||
} | |||
event.preventDefault(); | |||
/ | }; | ||
function createNavigationBarToggleButton() | |||
{ | /* adds show/hide-button to navigation bars */ | ||
function createNavigationBarToggleButton() { | |||
var indexNavigationBar = 0; | var indexNavigationBar = 0; | ||
/ | var NavFrame; | ||
var divs = document.getElementsByTagName( | var NavChild; | ||
for (var i = 0; NavFrame = divs[i]; i++) { | /* iterate over all < div >-elements */ | ||
/ | var divs = document.getElementsByTagName( 'div' ); | ||
if (hasClass(NavFrame | for ( var i = 0; (NavFrame = divs[i]); i++ ) { | ||
/* if found a navigation bar */ | |||
if ( $( NavFrame ).hasClass( 'NavFrame' ) ) { | |||
indexNavigationBar++; | indexNavigationBar++; | ||
var NavToggle = document.createElement( | var NavToggle = document.createElement( 'a' ); | ||
NavToggle.className = 'NavToggle'; | NavToggle.className = 'NavToggle'; | ||
NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar); | NavToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar ); | ||
NavToggle.setAttribute('href', ' | NavToggle.setAttribute( 'href', '#' ); | ||
$( NavToggle ).on( 'click', $.proxy( window.toggleNavigationBar, window, indexNavigationBar ) ); | |||
var isCollapsed = hasClass( | |||
/* | var isCollapsed = $( NavFrame ).hasClass( 'collapsed' ); | ||
/** | |||
* Check if any children are already hidden. This loop is here for backwards compatibility: | * 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" | * the old way of making NavFrames start out collapsed was to manually add style="display:none" | ||
Line 310: | Line 342: | ||
* "collapsed" to the NavFrame itself, just like with collapsible tables. | * "collapsed" to the NavFrame itself, just like with collapsible tables. | ||
*/ | */ | ||
for ( | for ( NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling ) { | ||
if ( hasClass( | if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) { | ||
if ( NavChild.style.display == 'none' ) { | if ( NavChild.style.display === 'none' ) { | ||
isCollapsed = true; | isCollapsed = true; | ||
} | } | ||
} | } | ||
} | } | ||
if (isCollapsed) { | if ( isCollapsed ) { | ||
for ( | for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) { | ||
if ( hasClass( | if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) { | ||
NavChild.style.display = 'none'; | NavChild.style.display = 'none'; | ||
} | } | ||
} | } | ||
} | } | ||
var NavToggleText = document.createTextNode(isCollapsed ? NavigationBarShow : NavigationBarHide); | var NavToggleText = document.createTextNode( isCollapsed ? NavigationBarShow : NavigationBarHide ); | ||
NavToggle.appendChild(NavToggleText); | NavToggle.appendChild( NavToggleText ); | ||
/ | /* Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) */ | ||
for(var j=0; j < NavFrame.childNodes.length; j++) { | for( var j = 0; j < NavFrame.childNodes.length; j++ ) { | ||
if ( | if ( $( NavFrame.childNodes[j] ).hasClass( 'NavHead' ) ) { | ||
NavFrame.childNodes[j].appendChild(NavToggle); | NavToggle.style.color = NavFrame.childNodes[j].style.color; | ||
NavFrame.childNodes[j].appendChild( NavToggle ); | |||
} | } | ||
} | } | ||
NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar); | NavFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar ); | ||
} | } | ||
} | } | ||
} | } | ||
mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton ); | |||
/** | |||
/** | * Uploadwizard_newusers | ||
* Switches in a message for non-autoconfirmed users at [[Wikipedia:Upload]] | |||
* | * | ||
* | * Maintainers: [[User:Krimpet]] | ||
*/ | */ | ||
function uploadwizard_newusers() { | |||
if ( mw.config.get( 'wgNamespaceNumber' ) === 4 && mw.config.get( 'wgTitle' ) === 'Upload' && mw.config.get( 'wgAction' ) === 'view' ) { | |||
var oldDiv = document.getElementById( 'autoconfirmedusers' ), | |||
newDiv = document.getElementById( 'newusers' ); | |||
if ( oldDiv && newDiv ) { | |||
var userGroups = mw.config.get( 'wgUserGroups' ); | |||
if ( userGroups ) { | |||
for ( var i = 0; i < userGroups.length; i++ ) { | |||
if ( userGroups[i] === 'autoconfirmed' ) { | |||
) | oldDiv.style.display = 'block'; | ||
newDiv.style.display = 'none'; | |||
return; | |||
} | |||
{ | |||
if ( | |||
if ( | |||
} | } | ||
} | } | ||
oldDiv.style.display = 'none'; | |||
newDiv.style.display = 'block'; | |||
return; | |||
} | } | ||
} | } | ||
} | } | ||
$(uploadwizard_newusers); | |||
/** | |||
/** | |||
* Magic editintros **************************************************** | |||
* | * | ||
* Maintainers: [[User: | * Description: Adds editintros on disambiguation pages and BLP pages. | ||
* Maintainers: [[User:RockMFR]] | |||
function | */ | ||
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' ); | |||
if ( | |||
} | } | ||
} ); | |||
$( 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' ); | |||
} | } | ||
} ); | |||
} | } | ||
/ | /** | ||
* | * Description: Stay on the secure server as much as possible | ||
* Maintainers: [[User:TheDJ]] | |||
* | |||
*/ | */ | ||
if ( document.location && document.location.protocol === 'https:' ) { | |||
if ( | /* New secure servers */ | ||
importScript( 'MediaWiki:Common.js/secure new.js' ); | |||
} | |||
/* End of mw.loader.using callback */ | |||
} | } ); | ||
/* DO NOT ADD CODE BELOW THIS LINE */ | |||
// | |||
// |