Welcome to Square Enix Wiki! Be sure to check out our To-Do List to see what work we need done!
MediaWiki:Common.js
From Square Enix Wiki, the Fan-wiki for all things Square Enix
Revision as of 18:05, 4 May 2020 by KeybladeSpyMaster (talk | contribs)
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */
/***************************************
/* Automatically add Aboutfile template to file upload description. Source: Porplemontage at khwiki.com (http://www.khwiki.com/MediaWiki:Common.js) */
if (mw.config.get('wgCanonicalSpecialPageName') === 'Upload' && !document.getElementById('wpForReUpload') && !document.getElementsByClassName('warning')[0] && !document.getElementsByClassName('error')[0]) {
function loadAutoAboutfileTemplate() {
uploadDescription = document.getElementById('wpUploadDescription');
var doubleBracket = '{' + '{';
uploadDescription.value = doubleBracket + 'AboutFile\n|description=\n|use=\n|source=\n}}';
}
addOnloadHook(loadAutoAboutfileTemplate);
}
/***************************************
* Name: hasClass
* Description: Checks if a element has a specified class name. Uses regular expressions and caching for better performance.
* Maintainers (Wikipedia): [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
* Source: Wikipedia Common.js, imported 2/1/10
* Additional Notes: This is a utility method used in other methods.
*/
var hasClass = (function () {
var reCache = {};
return function (element, className) {
return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
};
})();
/***********************************************************
* Name: collapseSpoiler
* Description: Toggles a spoiler for display on a page.
* Maintainers: [[User:FlyingRagnar]]
* Additional Notes: Similar to collapseTable, this function toggles spoilers
* for display. The jQuery blind effect is used when they are toggled.
*/
mw.loader.load( 'jquery.effects.blind' );
mw.loader.load( 'jquery.ui.button' );
var collapseSpoilerCaption = "Hide spoilers";
var expandSpoilerCaption = "Show spoilers";
function collapseSpoiler( spoilerIndex )
{
var Button = document.getElementById( "collapseSpoilerButton" + spoilerIndex );
var Div = document.getElementById( "collapsibleSpoiler" + spoilerIndex );
if ( !Div || !Button ) {
return false;
}
var options = {};
var targt = "#collapsibleSpoiler" + spoilerIndex;
$( targt ).toggle("blind", options, 500);
if ( Button.firstChild.innerHTML == collapseSpoilerCaption ) {
Button.firstChild.innerHTML = expandSpoilerCaption;
} else {
Button.firstChild.innerHTML = collapseSpoilerCaption;
}
}
/***********************************************************
* Name: createSpoilerCollapseButtons
* Description: Runs on page load, adds functionality to toggle spoilers
* Maintainers: [[User:FlyingRagnar]]
* Additional Notes: Works very similar to createTableCollapseButtons.
* Uses a jQuery button to trigger the toggle of spoilers. All spoilers
* are hidden by default when a page loads.
*/
function createSpoilerCollapseButtons()
{
var spoilerIndex = 0;
var Spoilers = document.getElementsByTagName( "div" );
// These methods don't work in IE
//var SpoilerHeaders = document.getElementsByClassName( "spoilerstart" );
//var Spoilers = document.getElementsByClassName( "spoiler" );
for ( var i = 0; i < Spoilers.length; i++ ) {
if ( hasClass( Spoilers[i], "spoiler" ) ) {
Spoilers[i].setAttribute( "id", "collapsibleSpoiler" + spoilerIndex );
spoilerIndex++;
} else if ( hasClass ( Spoilers[i], "spoilerstart" ) ) {
var Button = document.createElement( "button" );
var ButtonText = document.createTextNode( collapseSpoilerCaption );
Button.setAttribute( "id", "collapseSpoilerButton" + spoilerIndex );
Button.setAttribute( "onclick", "collapseSpoiler(" + spoilerIndex + ");" );
Button.appendChild( ButtonText );
// fix width of table to be the same when shown or hidden (IE only)
// Tables[i].style.width = Tables[i].offsetWidth;
Spoilers[i].insertBefore( Button, Spoilers[i].childNodes[0] );
$( "button", ".spoilerstart" ).button();
// Apparently button() is not supported on IE7 or earlier. Oh well.
}
}
for ( var i = 0; i < spoilerIndex; i++ ) {
collapseSpoiler( i );
}
}
addOnloadHook( createSpoilerCollapseButtons );
/***********************************************************
* Name: createJQueryTabs
* Description: Runs at page load, inserts jQuery tabs into a page wherever a <div> with class "tabs" is found.
* Maintainers: [[User:FlyingRagnar]]
* Additional Notes: This function effectively replaces the Tabber extension which was
* previously used to insert tabs into a page. The template [[Template:VersionTabs]] is
* the primary method to use when inserting jQuery tabs into a page. It is tightly
* coupled to this function.
*/
mw.loader.load( 'jquery.ui.tabs' );
function createJQueryTabs()
{
var tabGroup = 0;
var Tabs = document.getElementsByTagName( "div" );
for ( var i = 0; i < Tabs.length; i++ ) {
if ( hasClass( Tabs[i], "tabs" ) ) {
Tabs[i].setAttribute("id", "tabs" + tabGroup);
var children = Tabs[i].childNodes;
var h = 0;
for( var j = 0; j < children.length; j++ ) {
if ( children[j].nodeName == "UL" ) {
var Tlinks = children[j].getElementsByTagName( "a" );
for( var k = h; k < Tlinks.length; k++ ) {
Tlinks[k].setAttribute("href", "#tabs" + tabGroup + "-" + (k+1));
}
} else if ( children[j].nodeName == "DIV" ) {
children[j].setAttribute("id", "tabs" + tabGroup + "-" + (h+1));
h++;
}
}
// apply the jQuery code to take effect
jQuery( "#tabs" + tabGroup ).tabs({ /*event: "mouseover"*/ });
tabGroup++;
}
}
}
jQuery( createJQueryTabs );
mw.loader.load( 'jquery.ui.accordion' );
function accordionVideos()
{
jQuery( "#accordion" ).accordion({ collapsible: true, active: false });
}
jQuery( accordionVideos );
mw.loader.load( 'jquery.clickmenu' );
function activateClickMenu()
{
$( "#list" ).clickMenu();
}
jQuery( activateClickMenu );
mw.loader.load('ext.datatables');
function activateDataTables()
{
$( "#datatable" ).dataTable();
}
jQuery( activateDataTables );
// --------------------------------------------------------
// addPurge
// adds a "purge" tab (after "watch")
// --------------------------------------------------------
addOnloadHook(function () {
if (wgAction != 'edit' && wgCanonicalNamespace != 'Special' && wgAction != 'history' && wgAction != 'delete' && wgAction != 'watch' && wgAction
!= 'unwatch' && wgAction != 'protect' && wgAction != 'markpatrolled' && wgAction != 'rollback' && document.URL.indexOf('diff=') <= 0
&& document.URL.indexOf('oldid=') <=0)
{ var hist; var url;
if (!(hist = document.getElementById('ca-history') )) return;
if (!(url = hist.getElementsByTagName('a')[0] )) return;
if (!(url = url.href )) return;
addPortletLink('p-cactions', url.replace(/([?&]action=)history([&#]|$)/, '$1purge$2'),
'purge', 'ca-purge', 'Purge server cache for this page', '0');
}
});
//
// --------------------------------------------------------
// Rights
// Sets a variable "rights" which will return "false" if the
// currently logged in user is a bureaucrat, administrator, or autoconfirmed user. It will return true otherwise.
// it also defines variables which may be used elsewhere in scripts.
// --------------------------------------------------------
var rights_isAdmin = (wgUserGroups.toString().indexOf('sysop') != -1);
var rights_isAuto = (wgUserGroups.toString().indexOf('autoconfirmed') != -1);
var rights_isCrat = (wgUserGroups.toString().indexOf('bureaucrat') != -1);
var rights = true;
if (rights_isCrat || rights_isAdmin || rights_isAuto)
{rights=false}
//
// --------------------------------------------------------
// addLogs
// adds a 'page logs' link to the toolbox bar (if the page is a special page, then no link is displayed)
// --------------------------------------------------------
addOnloadHook(function () {
if ( wgCanonicalNamespace == "Special" )
return; // don't display link for special pages
url = wgServer + "/wiki/index.php?title=Special:Log&page=" + encodeURIComponent(wgPageName);
addPortletLink("p-tb", url, "Page logs", "pt-logs");
});
//
// --------------------------------------------------------
// adminrights.js (adapted from http://en.wikipedia.org/wiki/User:Ais523/adminrights.js)
// This script changes the color of links to admins' userpages in the bodyContent of Special, History pages, diff pages,
// and old page revisions.
// ("bodyContent" being everything but the tabs,personal links at the top of the screen and sidebar).
// --------------------------------------------------------
var adminrights=new Array();
importScript('MediaWiki:Adminlist.js');
//Highlighting script. Based on [[User:ais523/highlightmyname.js]].
function highlightadmins(n,p) //node, parent node
{
while(n!=null)
{
if(n.nodeType==1&&n.tagName.toLowerCase()=="a") //anchor
{
if(n.href.indexOf("/wiki/index.php?title=User:")!=-1)
{
var u=n.href.split("/wiki/index.php?title=User:")[1];
if(adminrights[u.split("_").join("%20")]==1)
{
n.style.color="#00CC00";
if(n.className==null||n.className=="") n.className="ais523_adminrights_admin";
else n.className+="ais523_adminrights_admin";
}
n=n.nextSibling;
}
else if(n.href.indexOf("/wiki/index.php?title=User:")!=-1)
{
var u=n.href.split("/wiki/index.php?title=User:")[1];
if(adminrights[u.split("_").join("%20")]==1)
{
n.style.color="#00CC00";
if(n.className==null||n.className=="") n.className="ais523_adminrights_admin";
else n.className+=" ais523_adminrights_admin";
}
n=n.nextSibling;
}
else
{
if(n.firstChild!=null) highlightadmins(n.firstChild,n);
n=n.nextSibling;
}
}
else
{
if(n.firstChild!=null) highlightadmins(n.firstChild,n);
n=n.nextSibling;
}
}
}
if (wgCanonicalNamespace == 'Special' || wgAction == 'history' || document.URL.indexOf('diff=') > 0 || document.URL.indexOf('oldid=') > 0)
{
addOnloadHook(function() {
highlightadmins(document.getElementById('bodyContent').firstChild,
document.getElementById('bodyContent'));
});
}
//
// --------------------------------------------------------
// Patrol tab
// adds a "marked as patrolled" tab to pages that have that link already on it.
// Once patrolled, the button turns into a button to go to the recent changes
// with patrolled edits hidden. Further speeding up patrolling.
// The second function of the button has the same access key.
// --------------------------------------------------------
function patroltab() {
if (document.URL.indexOf('&rcid=') > 0 && wgAction != 'markpatrolled')
{
addPortletLink ('p-cactions', "/wiki/index.php?title=" + encodeURIComponent(wgPageName) + "&action=markpatrolled&rcid=" + document.location.toString().split('&rcid=')[1].split('&'), 'patrol', 'ca-patrol', 'Mark as patrolled', '1');
}
else if (document.URL.indexOf('&rcid=') > 0 && wgAction == 'markpatrolled')
{
addPortletLink ('p-cactions', "/wiki/index.php?title=Special:RecentChanges&hidepatrolled=1", 'return', 'ca-return', 'Return to unpatrolled recent changes', '1');
}
}
addOnloadHook(patroltab);
//
/*gotten from http://en.wiktionary.org/w/index.php?title=MediaWiki:Common.js on 10/16/2010*/
/*
=== DOM creation ===
<pre>*/
/**
* Create a new DOM node for the current document.
* Basic usage: var mySpan = newNode('span', "Hello World!")
* Supports attributes and event handlers*: var mySpan = newNode('span', {style:"color: red", focus: function(){alert(this)}, id:"hello"}, "World, Hello!")
* Also allows nesting to create trees: var myPar = newNode('p', newNode('b',{style:"color: blue"},"Hello"), mySpan)
*
* *event handlers, there are some issues with IE6 not registering event handlers on some nodes that are not yet attached to the DOM,
* it may be safer to add event handlers later manually.
**/
function newNode(tagname){
var node = document.createElement(tagname);
for( var i=1;i<arguments.length;i++ ){
if(typeof arguments[i] == 'string'){ //Text
node.appendChild( document.createTextNode(arguments[i]) );
}else if(typeof arguments[i] == 'object'){
if(arguments[i].nodeName){ //If it is a DOM Node
node.appendChild(arguments[i]);
}else{ //Attributes (hopefully)
for(var j in arguments[i]){
if(j == 'class'){ //Classname different because...
node.className = arguments[i][j];
}else if(j == 'style'){ //Style is special
node.style.cssText = arguments[i][j];
}else if(typeof arguments[i][j] == 'function'){ //Basic event handlers
try{ node.addEventListener(j,arguments[i][j],false); //W3C
}catch(e){try{ node.attachEvent('on'+j,arguments[i][j],"Language"); //MSIE
}catch(e){ node['on'+j]=arguments[i][j]; }}; //Legacy
}else{
node.setAttribute(j,arguments[i][j]); //Normal attributes
}
}
}
}
}
return node;
}
