MediaWiki:Common.js: Difference between revisions
No edit summary |
No edit summary |
||
(14 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. | |||
// This is a modified version of the WoWWiki site version. | |||
// Code adds a checkbox at the top of the Special:RecentChanges list, next to the header. | |||
// Ticking it sets a cookie (should be individual to wikis) and starts updating the RC list. | |||
// This occurs silently every 30 seconds without a full page reload occuring. | |||
function setCookie(c_name, value, expiredays) { | |||
var exdate = new Date(); | |||
exdate.setDate(exdate.getDate() + expiredays); | |||
document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString()); | |||
} | |||
function getCookie(c_name) { | |||
if (document.cookie.length > 0) { | |||
c_start = document.cookie.indexOf(c_name + "="); | |||
if (c_start != -1) { | |||
c_start = c_start + c_name.length + 1; | |||
c_end = document.cookie.indexOf(";", c_start); | |||
if (c_end == -1) c_end = document.cookie.length; | |||
return unescape(document.cookie.substring(c_start, c_end)); | |||
} | |||
} | |||
return ""; | |||
} | |||
var ajaxPages = new Array("Special:RecentChanges"); | |||
var ajaxRCOverride = false; | |||
var rcRefresh = 30000; | |||
function ajaxRC() { | |||
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="/w/images/loader.gif" border="0" alt="AJAX operation in progress" /></span></span>'); | |||
$("#autoRefreshToggle").click(function () { | |||
setCookie("ajaxRC", $("#autoRefreshToggle").is(":checked") ? "on" : "off") | |||
loadRCData() | |||
}); | |||
$("#autoRefreshProgress").hide(); | |||
if (getCookie("ajaxRC") == "on" || ajaxRCOverride) { | |||
$("#autoRefreshToggle").attr("checked", "checked"); | |||
setTimeout("loadRCData();", rcRefresh); | |||
} | |||
} | |||
function loadRCData() { | |||
if (!$("#autoRefreshToggle").is(":checked")) return; | |||
$('#autoRefreshProgress').show() | |||
$(article).load(location.href + " " + article + " > *", function (data) { | |||
$(article + " .mw-collapsible").makeCollapsible(); | |||
$('#autoRefreshProgress').hide() | |||
if ($("#autoRefreshToggle").is(":checked")) setTimeout("loadRCData();", rcRefresh); | |||
}); | |||
} | |||
$(function () { | |||
article = "#bodyContent"; | |||
for (x in ajaxPages) { | |||
if (wgPageName == ajaxPages[x] && $("#autoRefreshToggle").length == 0) ajaxRC(); | |||
} | |||
}); | |||
/*================================================== | /*================================================== | ||
Line 524: | 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); |