MediaWiki:Common.js: Difference between revisions
From PHIGHTING! Wiki
Content deleted Content added
Sillyvizion (talk | contribs) mNo edit summary |
Sillyvizion (talk | contribs) m Importing countdown |
||
(28 intermediate revisions by the same user 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. */ |
||
importScript('Mediawiki:Countdown.js'); |
|||
const dynamicColorLibrary = { |
const dynamicColorLibrary = { |
||
Line 16: | Line 18: | ||
Subspace:"#FF006F", |
Subspace:"#FF006F", |
||
Vine_Staff:"#FF5877", |
Vine_Staff:"#FF5877", |
||
⚫ | |||
⚫ | |||
Flipside:"Flipside", |
|||
Valk:"#FDEA8D", |
|||
Dom:"#C79EFF", |
|||
}; |
|||
const pronounExclusions = { |
|||
"Lord_Pwnatious_%22Moneybags%22_the_III": "Pwnatious" |
|||
}; |
}; |
||
Line 45: | Line 54: | ||
if ($("h3:contains(Pronoun(s))").length > 0) { |
if ($("h3:contains(Pronoun(s))").length > 0) { |
||
$("h3:contains(Pronoun(s))").next()[0]. |
pronouns = $("h3:contains(Pronoun(s))").next()[0].innerHTML.toLowerCase(); |
||
if (location.pathname.split('/')[1] in pronounExclusions) { |
|||
phighterName = pronounExclusions[location.pathname.split('/')[1]]; |
|||
$("h3:contains(Pronoun(s))").next()[0].title = 'While most demons are agender and use any pronouns, ' + phighterName + ' prefers ' + pronouns + ' pronouns!'; |
|||
} |
|||
else { |
|||
$("h3:contains(Pronoun(s))").next()[0].title = 'Demons are agender and use any pronouns - these are just the ones most commonly used for this particular demon!'; |
|||
} |
|||
$("h3:contains(Pronoun(s))").next().eq(0).addClass("pr-tooltip"); |
$("h3:contains(Pronoun(s))").next().eq(0).addClass("pr-tooltip"); |
||
} |
} |
||
⚫ | |||
⚫ | |||
/* This JS handles the colour changing effect for the navbars on pages */ |
|||
{ |
|||
/* It is kind of bad practice because MW is IE11 compatible. Grr */ |
|||
⚫ | |||
const nodeList = document.querySelectorAll("#ph-nav-dynamic-color"); |
const nodeList = document.querySelectorAll("#ph-nav-dynamic-color"); |
||
const dynamicColor = dynamicColorLibrary[location. |
const dynamicColor = dynamicColorLibrary[location.pathname.split('/')[1]]; |
||
nodeList.forEach(function (currentValue, currentIndex) { |
|||
for(x in nodeList) |
|||
⚫ | |||
⚫ | |||
if (dynamicColor === "Flipside") { |
|||
⚫ | |||
flipsideColors = [dynamicColorLibrary["Valk"], dynamicColorLibrary["Dom"]]; |
|||
boxShadowColor = Math.floor(Math.random()*flipsideColors.length); |
|||
nodeList[currentIndex].style.color = flipsideColors[boxShadowColor]; |
|||
nodeList[currentIndex].style.boxShadow = "5px 5px 0px 0px " + flipsideColors[boxShadowColor]; |
|||
nodeList[currentIndex].style.transition = "all 300ms ease"; |
|||
} |
|||
else { |
|||
nodeList[currentIndex].style.color = dynamicColor; |
|||
nodeList[currentIndex].style.boxShadow = "5px 5px 0px 0px " + dynamicColor; |
|||
nodeList[currentIndex].style.transition = "all 300ms ease"; |
|||
} |
|||
}); |
|||
nodeList[currentIndex].addEventListener("mouseout", function (e) |
|||
{ |
{ |
||
nodeList[currentIndex].style.color = "inherit"; |
|||
nodeList[currentIndex].style.boxShadow = "5px 5px 0px 0px #FFFFFF"; |
|||
nodeList[currentIndex].style.transition = "all 750ms ease-in"; |
|||
}); |
}); |
||
}; |
}); |
||
} |
} |
Latest revision as of 14:24, 13 July 2024
/* Any JavaScript here will be loaded for all users on every page load. */
importScript('Mediawiki:Countdown.js');
const dynamicColorLibrary = {
Sword:"#D84C4C",
Skateboard:"#FF0000",
Biograft:"#FE6A00",
Katana:"#F95757",
Ban_Hammer:"#3A3A82",
Rocket:"#527CAE",
Slingshot:"#499FB8",
Hyperlaser:"#2A8DB0",
Shuriken:"#7CC740",
Scythe:"#23806F",
Medkit:"#2CBEA1",
Boombox:"#93BA49",
Subspace:"#FF006F",
Vine_Staff:"#FF5877",
Flipside:"Flipside",
Valk:"#FDEA8D",
Dom:"#C79EFF",
};
const pronounExclusions = {
"Lord_Pwnatious_%22Moneybags%22_the_III": "Pwnatious"
};
$( '.fp-discord' ).html( '<iframe src="https://discord.com/widget?id=933210573297057812&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>' );
/* Template:PhighterRainbow */
$(".pr-phighter").find("img").bind("webkitAnimationEnd mozAnimationEnd animationEnd", function(){
$(this).removeClass("pr-animated");
});
$(".pr-phighter").find("img").hover(function(){
$(this).addClass("pr-animated");
});
$(".pr-phighter").find("a").attr("href","javascript:void(0);");
/* NINJISY's silly little broker */
$(".ninjisy-broker").find("img").bind("webkitAnimationEnd mozAnimationEnd animationEnd", function(){
$(this).removeClass("pr-animated");
});
$(".ninjisy-broker").find("img").hover(function(){
$(this).addClass("pr-animated");
});
/* Pronoun tooltip */
if ($("h3:contains(Pronoun(s))").length > 0) {
pronouns = $("h3:contains(Pronoun(s))").next()[0].innerHTML.toLowerCase();
if (location.pathname.split('/')[1] in pronounExclusions) {
phighterName = pronounExclusions[location.pathname.split('/')[1]];
$("h3:contains(Pronoun(s))").next()[0].title = 'While most demons are agender and use any pronouns, ' + phighterName + ' prefers ' + pronouns + ' pronouns!';
}
else {
$("h3:contains(Pronoun(s))").next()[0].title = 'Demons are agender and use any pronouns - these are just the ones most commonly used for this particular demon!';
}
$("h3:contains(Pronoun(s))").next().eq(0).addClass("pr-tooltip");
}
/* Template:PhighterNav */
/* This JS handles the colour changing effect for the navbars on pages */
/* It is kind of bad practice because MW is IE11 compatible. Grr */
if (document.querySelectorAll("#ph-nav-dynamic-color").length > 0) {
const nodeList = document.querySelectorAll("#ph-nav-dynamic-color");
const dynamicColor = dynamicColorLibrary[location.pathname.split('/')[1]];
nodeList.forEach(function (currentValue, currentIndex) {
nodeList[currentIndex].addEventListener("mouseover", function (e) {
if (dynamicColor === "Flipside") {
flipsideColors = [dynamicColorLibrary["Valk"], dynamicColorLibrary["Dom"]];
boxShadowColor = Math.floor(Math.random()*flipsideColors.length);
nodeList[currentIndex].style.color = flipsideColors[boxShadowColor];
nodeList[currentIndex].style.boxShadow = "5px 5px 0px 0px " + flipsideColors[boxShadowColor];
nodeList[currentIndex].style.transition = "all 300ms ease";
}
else {
nodeList[currentIndex].style.color = dynamicColor;
nodeList[currentIndex].style.boxShadow = "5px 5px 0px 0px " + dynamicColor;
nodeList[currentIndex].style.transition = "all 300ms ease";
}
});
nodeList[currentIndex].addEventListener("mouseout", function (e)
{
nodeList[currentIndex].style.color = "inherit";
nodeList[currentIndex].style.boxShadow = "5px 5px 0px 0px #FFFFFF";
nodeList[currentIndex].style.transition = "all 750ms ease-in";
});
});
}