MediaWiki:Common.js: Difference between revisions
Added auto-refreshing recent changes code |
No edit summary |
||
(13 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
/* Statcounter code for YOUR WIKI SITE */ | |||
var sc_project=10905682; | |||
var sc_invisible=1; | |||
var sc_security="1d510d1c"; | |||
var script = document.createElement('script'); | |||
script.src = "https://secure.statcounter.com/counter/counter.js" | |||
document.body.appendChild(script) | |||
/* End of Statcounter Code */ | |||
/** | |||
* Collapsible tables | |||
* | |||
* Allows tables to be collapsed, showing only the header. See [[Help:Collapsing]]. | |||
* | |||
* @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 collapseCaption = 'hide'; | |||
var expandCaption = 'show'; | |||
var tableIndex = 0; | |||
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[0]); | |||
if ( Button.firstChild.data === collapseCaption ) { | |||
for ( i = 1; i < Rows.length; i++ ) { | |||
Rows[i].style.display = 'none'; | |||
} | |||
Button.firstChild.data = expandCaption; | |||
} else { | |||
for ( i = 1; i < Rows.length; i++ ) { | |||
Rows[i].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' )[0]; | |||
if ( !HeaderRow ) { | |||
return; | |||
} | |||
var Header = table.getElementsByTagName( 'th' )[0]; | |||
if ( !Header ) { | |||
return; | |||
} | |||
NavigationBoxes[ tableIndex ] = 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 [[MediaWiki:Common.css]] | |||
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++; | |||
} | |||
} ); | |||
for ( i = 0; i < tableIndex; i++ ) { | |||
if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) || | |||
( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) ) | |||
) { | |||
collapseTable( i ); | |||
} | |||
else if ( $( NavigationBoxes[i] ).hasClass ( 'innercollapse' ) ) { | |||
var element = NavigationBoxes[i]; | |||
while ((element = element.parentNode)) { | |||
if ( $( element ).hasClass( 'outercollapse' ) ) { | |||
collapseTable ( i ); | |||
break; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
mw.hook( 'wikipage.content' ).add( createCollapseButtons ); | |||
// Code courtesy of pcj of WoWWiki. | // Code courtesy of pcj of WoWWiki. | ||
Line 33: | Line 154: | ||
function ajaxRC() { | function ajaxRC() { | ||
appTo = $(".firstHeading"); | appTo = $(".firstHeading"); | ||
appTo.append(' <span style="position:absolute; margin-left:10px;"><span style="font-size: xx-small; cursor:help;" title="Automatically refresh the current page every ' + Math.floor(rcRefresh / 1000) + ' seconds">AUTO-REFRESH:</span><input type="checkbox" id="autoRefreshToggle"><span style="position:relative; top:5px; left:5px;" id="autoRefreshProgress"><img src="/images/loader.gif" border="0" alt="AJAX operation in progress" /></span></span>'); | appTo.append(' <span style="position:absolute; margin-left:10px;"><span style="font-size: xx-small; cursor:help;" title="Automatically refresh the current page every ' + Math.floor(rcRefresh / 1000) + ' seconds">AUTO-REFRESH:</span><input type="checkbox" id="autoRefreshToggle"><span style="position:relative; top:5px; left:5px;" id="autoRefreshProgress"><img src="/w/images/loader.gif" border="0" alt="AJAX operation in progress" /></span></span>'); | ||
$("#autoRefreshToggle").click(function () { | $("#autoRefreshToggle").click(function () { | ||
setCookie("ajaxRC", $("#autoRefreshToggle").is(":checked") ? "on" : "off") | setCookie("ajaxRC", $("#autoRefreshToggle").is(":checked") ? "on" : "off") | ||
Line 585: | Line 706: | ||
} | } | ||
/** | |||
* Countdown | |||
* | |||
* Version: 2.0 | |||
* | |||
* Rewrite by Pecoes | |||
* Original script by Splarka + Eladkse | |||
* | |||
* documentation and examples at: | |||
* http://dev.wikia.com/wiki/Countdown | |||
* (some things like languages options removed) | |||
*/ | |||
;(function (module, mw, $) { | |||
'use strict'; | |||
var translations = $.extend(true, { | |||
en: { | |||
and: 'and', | |||
second: 'second', | |||
seconds: 'seconds', | |||
minute: 'minute', | |||
minutes: 'minutes', | |||
hour: 'hour', | |||
hours: 'hours', | |||
day: 'day', | |||
days: 'days' | |||
} | |||
}, module.translations || {}), | |||
i18n = translations[ | |||
mw.config.get('wgContentLanguage') | |||
] || translations.en; | |||
var countdowns = []; | |||
var NO_LEADING_ZEROS = 1; | |||
function output (i, diff) { | |||
/*jshint bitwise:false*/ | |||
var delta, result, parts = []; | |||
delta = diff % 60; | |||
parts.unshift(delta + ' ' + i18n[delta === 1 ? 'second' : 'seconds']); | |||
diff = Math.floor(diff / 60); | |||
delta = diff % 60; | |||
parts.unshift(delta + ' ' + i18n[delta === 1 ? 'minute' : 'minutes']); | |||
diff = Math.floor(diff / 60); | |||
delta = diff % 24; | |||
parts.unshift(delta + ' ' + i18n[delta === 1 ? 'hour' : 'hours' ]); | |||
diff = Math.floor(diff / 24); | |||
parts.unshift(diff + ' ' + i18n[diff === 1 ? 'day' : 'days' ]); | |||
result = parts.pop(); | |||
if (countdowns[i].opts & NO_LEADING_ZEROS) { | |||
while (parts.length && parts[0][0] === '0') { | |||
parts.shift(); | |||
} | |||
} | |||
if (parts.length) { | |||
result = parts.join(', ') + ' ' + i18n.and + ' ' + result; | |||
} | |||
countdowns[i].node.text(result); | |||
} | |||
function end(i) { | |||
var c = countdowns[i].node.parent(); | |||
switch (c.attr('data-end')) { | |||
case 'remove': | |||
c.remove(); | |||
countdowns.splice(i, 1); | |||
return; | |||
case 'stop': | |||
output(i, 0); | |||
countdowns.splice(i, 1); | |||
return; | |||
case 'toggle': | |||
var toggle = c.attr('data-toggle'); | |||
if (toggle && $(toggle).length) { | |||
$(toggle).css('display', 'inline'); | |||
c.css('display', 'none'); | |||
countdowns.splice(i, 1); | |||
return; | |||
} | |||
break; | |||
case 'callback': | |||
var callback = c.attr('data-callback'); | |||
if (callback && $.isFunction(module[callback])) { | |||
output(i, 0); | |||
countdowns.splice(i, 1); | |||
module[callback].call(c); | |||
return; | |||
} | |||
break; | |||
} | |||
countdowns[i].countup = true; | |||
output(i, 0); | |||
} | |||
function update () { | |||
var now = Date.now(); | |||
$.each(countdowns.slice(0), function (i, countdown) { | |||
var diff = Math.floor((countdown.date - now) / 1000); | |||
if (diff <= 0 && !countdown.countup) { | |||
end(i); | |||
} else { | |||
output(i, Math.abs(diff)); | |||
} | |||
}); | |||
if (countdowns.length) { | |||
window.setTimeout(function () { | |||
update(); | |||
}, 1000); | |||
} | |||
} | |||
function getOptions (node) { | |||
/*jshint bitwise:false*/ | |||
var text = node.parent().attr('data-options'), | |||
opts = 0; | |||
if (text) { | |||
if (/no-leading-zeros/.test(text)) { | |||
opts |= NO_LEADING_ZEROS; | |||
} | |||
} | |||
return opts; | |||
} | |||
$(function () { | |||
var countdown = $('.countdown'); | |||
if (!countdown.length) return; | |||
$('.nocountdown').css('display', 'none'); | |||
countdown | |||
.css('display', 'inline') | |||
.find('.countdowndate') | |||
.each(function () { | |||
var $this = $(this), | |||
date = (new Date($this.text())).valueOf(); | |||
if (isNaN(date)) { | |||
$this.text('BAD DATE'); | |||
return; | |||
} | |||
countdowns.push({ | |||
node: $this, | |||
opts: getOptions($this), | |||
date: date, | |||
}); | |||
}); | |||
if (countdowns.length) { | |||
update(); | |||
} | |||
}); | |||
}(window.countdownTimer = window.countdownTimer || {}, mediaWiki, jQuery)); | |||
// ************************************************** | |||
// - end - JavaScript countdown timer | |||
// ************************************************** | |||
/* Username inserts for the Player template; source: KHWiki.com */ | |||
function UserNameReplace() { | |||
if (typeof(disableUsernameReplace) != 'undefined' && disableUsernameReplace || mw.config.get('wgUserName') == null) return; | |||
$('span.insertusername').each(function () { | |||
$(this).text(mw.config.get('wgUserName')); | |||
}); | |||
} | |||
$(UserNameReplace); |