MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */	$(document).ready(function {		//OOUI-based tabber		mw.hook( "wikipage.content" ).add( function ($content) { var $tabberElements = $content.find( ".no-history-tabber" ); if ($tabberElements.length > 0) { //Only load the modules and run the Javascript if there is a fehwiki-tabber in the page. mw.loader.using("oojs-ui-widgets").then(function {					var TABBER_HEADER_CLASS = "no-history-tab-header";					var TABBER_HEADER_CLASS_SELECTOR = "."+TABBER_HEADER_CLASS;					var CSS_END_REGEX = /;\s*$/;					var uniqueNumber = 0;					var INDEX_LAYOUT_OPTIONS = {						classes: ['no-history-tabber-index'],						expanded: false,						autoFocus: false					};					$tabberElements.each( function(_, ele) { var tabPanelLayouts = []; var $rootTabberElement; var indexLayout = new OO.ui.IndexLayout(INDEX_LAYOUT_OPTIONS); $( ele ).children( TABBER_HEADER_CLASS_SELECTOR ).each( function (_, tabHeaderEle) {							var contents = [];							$( tabHeaderEle ).nextUntil( TABBER_HEADER_CLASS_SELECTOR ).each( function(_, node) { contents.push(node); } );							tabPanelLayouts.push(new OO.ui.TabPanelLayout(tabHeaderEle.textContent + uniqueNumber++, {								classes: ['no-history-tabber-tab'],								expanded: false,								label: new OO.ui.HtmlSnippet(tabHeaderEle.innerHTML),								content: contents							}));						} ); indexLayout.addTabPanels(tabPanelLayouts); if ($(ele).attr("data-tab-default") !== undefined) { const activeTabIdx = parseInt($(ele).attr("data-tab-default")) - 1; if (!isNaN(activeTabIdx) && activeTabIdx >= 0 && activeTabIdx < tabPanelLayouts.length) { indexLayout.setTabPanel(tabPanelLayouts[activeTabIdx].name); }						}						$rootTabberElement = (new OO.ui.PanelLayout( { classes: ['no-history-tabber-panel'], expanded: false, content: [ indexLayout ] })).$element; //If it has one, adds the inline style the fehwiki-tabber div element has to the new tabber element $rootTabberElement.attr( "style", function(_, attr) {							var s = $( ele ).attr( "style" );							return attr ? s + (CSS_END_REGEX.test(attr) ? "" : ";") + attr : s;						} ); $( ele ).replaceWith( $rootTabberElement ); });				});			}		} );		//End tabber	}); /**	 * Countdown *	 * @version 2.1 *	 * @author Pecoes  * @author Asaba  *	 * Version 1 authors: * - Splarka  * - Eladkse  *	 * documentation and examples at: *  */	/*jshint jquery:true, browser:true, devel:true, camelcase:true, curly:false, undef:true, bitwise:true, eqeqeq:true, forin:true, immed:true, latedef:true, newcap:true, noarg:true, unused:true, regexp:true, strict:true, trailing:false */ /*global mediaWiki:true*/ ;(function (module, mw, $, undefined) {		'use strict';		var translations = $.extend(true, { // English (English) 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,		SHORT_FORMAT = 2,		NO_ZEROS = 4;		function output (i, diff) {			/*jshint bitwise:false*/			var delta, result, parts = [];			delta = diff % 60;			result = ' ' + i18n[delta === 1 ? 'second' : 'seconds'];			if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1);			parts.unshift(delta + result);			diff = Math.floor(diff / 60);			delta = diff % 60;			result = ' ' + i18n[delta === 1 ? 'minute' : 'minutes'];			if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1);			parts.unshift(delta + result);			diff = Math.floor(diff / 60);			delta = diff % 24;			result = ' ' + i18n[delta === 1 ? 'hour'  : 'hours'  ];			if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1);			parts.unshift(delta + result);			diff = Math.floor(diff / 24); result = ' ' + i18n[diff === 1 ? 'day'   : 'days'   ]; if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1); parts.unshift(diff + result); result = parts.pop; if (countdowns[i].opts & NO_LEADING_ZEROS) { while (parts.length && parts[0][0] === '0') { parts.shift; }			}			if (countdowns[i].opts & NO_ZEROS) { parts = parts.filter(function(part) {					return part[0] !== '0';				}); }			if (parts.length) { if (countdowns[i].opts & SHORT_FORMAT) { result = parts.join(' ') + ' ' + result; } else { 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; return true; case 'stop': output(i, 0); return true; case 'toggle': var toggle = c.attr('data-toggle'); if (toggle && toggle == 'next') { c.next.css('display', 'inline'); c.css('display', 'none'); return true; }				if (toggle && $(toggle).length) { $(toggle).css('display', 'inline'); c.css('display', 'none'); return true; }				break; case 'callback': var callback = c.attr('data-callback'); if (callback && $.isFunction(module[callback])) { output(i, 0); module[callback].call(c); return true; }				break; }			countdowns[i].countup = true; output(i, 0); return false; }		function update { var now = Date.now; var countdownsToRemove = []; $.each(countdowns.slice(0), function (i, countdown) {				var diff = Math.floor((countdown.date - now) / 1000);				if (diff <= 0 && !countdown.countup) {					if (end(i)) countdownsToRemove.push(i);				} else {					output(i, Math.abs(diff));				}			}); var x;			while((x = countdownsToRemove.pop) !== undefined) { countdowns.splice(x, 1); }			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; }				if (/short-format/.test(text)) { opts |= SHORT_FORMAT; }				if (/no-zeros/.test(text)) { opts |= NO_ZEROS; }			}			return opts; }		function init { var countdown = $('.countdown:not(.handled)'); 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, });			});			countdown.addClass('handled'); if (countdowns.length) { update; }		}		mw.hook('wikipage.content').add(init); }(window.countdownTimer = window.countdownTimer || {}, mediaWiki, jQuery));	// End Countdown })(mediaWiki, jQuery);
 * (function(mw, $) {

var spans1 = document.getElementsByTagName("span"); for (var i = 0; i < spans1.length; i++) { if (spans1[i].innerHTML == "Manage this wiki's core settings") { spans1[i].innerHTML = "Core"; break; } } var spans2 = document.getElementsByTagName("span"); for (var i = 0; i < spans2.length; i++) { if (spans2[i].innerHTML == "Manage this wiki's extensions") { spans2[i].innerHTML = "Extension"; break; } } var spans3 = document.getElementsByTagName("span"); for (var i = 0; i < spans3.length; i++) { if (spans3[i].innerHTML == "Manage this wiki's namespaces") { spans3[i].innerHTML = "Namespaces"; break; } } var spans4 = document.getElementsByTagName("span"); for (var i = 0; i < spans4.length; i++) { if (spans4[i].innerHTML == "Manage this wiki's permissions") { spans4[i].innerHTML = "Permissions"; break; } } var spans5 = document.getElementsByTagName("span"); for (var i = 0; i < spans5.length; i++) { if (spans5[i].innerHTML == "Manage this wiki's additional settings") { spans5[i].innerHTML = "Additional"; break; } } var spans6 = document.getElementsByTagName("span"); for (var i = 0; i < spans6.length; i++) { if (spans6[i].innerHTML == "Manage/Download this wiki's dump") { spans6[i].innerHTML = "Dump"; break; } }

//Experimental Js for countdown clock. change the //date as appropriate. //the if statement is mandatory so the script only runs //on a page that has this specific element.

function getHour(hourCD){ if(hourCD > 9) {return(hourCD);} else {return(" 0" + hourCD);} } function getMinute(minuteCD){ if(minuteCD > 9) {return(minuteCD);} else {return(" 0" + minuteCD);} } function getSecond(secondCD){ if(secondCD > 9) {return(secondCD);} else {return(" 0" + secondCD);} }

if(document.querySelector("#countdown-clock .arrival-time")){ const clock = document.querySelector("#countdown-clock"); const arrival = document.querySelector("#countdown-clock .arrival-time"); const month = document.querySelector("#countdown-clock .month"); const date = document.querySelector("#countdown-clock .date"); const hour = document.querySelector("#countdown-clock .hour"); const minute = document.querySelector("#countdown-clock .minute"); const second = document.querySelector("#countdown-clock .second"); const timeAndBg = clock.classList;

clock.style.backgroundImage = "url(" + timeAndBg[4] + ")";

var timeArrival = new Date; timeArrival.setUTCFullYear(parseInt(timeAndBg[0])); //change all this timeArrival.setUTCMonth(parseInt(timeAndBg[1])); //to the time in UTC till timeArrival.setUTCDate(parseInt(timeAndBg[2])); //next update is online. timeArrival.setUTCHours(parseInt(timeAndBg[3]), 0, 0, 0); //format : HH, MM, SS, msms arrival.innerHTML = "Update Time : " + timeArrival; var now = new Date; var timeDiff = 1;

const intervalId = setInterval(function { now = new Date;

timeDiff = (timeArrival.getFullYear - now.getFullYear)*12*30*24*60*60 + (timeArrival.getMonth - now.getMonth)*30*24*60*60 + (timeArrival.getDate - now.getDate)*24*60*60 + (timeArrival.getHours - now.getHours)*60*60 + (timeArrival.getMinutes - now.getMinutes)*60 + (timeArrival.getSeconds - now.getSeconds); if(timeDiff >= 0) { yearCD = Math.floor(timeDiff/12/30/24/60/60); monthCD = Math.floor(timeDiff/30/24/60/60); dayCD = Math.floor(timeDiff/24/60/60 - monthCD*30); hourCD = Math.floor(timeDiff/60/60 - monthCD*30*24 - dayCD*24); minuteCD = Math.floor(timeDiff/60 - monthCD*30*24*60 - dayCD*24*60 - hourCD*60); secondCD = Math.floor(timeDiff - monthCD*30*24*60*60 - dayCD*24*60*60 - hourCD*60*60 - minuteCD*60); month.innerHTML = monthCD; date.innerHTML = dayCD; hour.innerHTML = getHour(hourCD); minute.innerHTML = getMinute(minuteCD); second.innerHTML = getSecond(secondCD); } }, 1000);

if(timeDiff < 0) { clearInterval(intervalId); }}

//Hide Right Sidebar to Non-Staff. rightSidebar = document.querySelector("#mw-related-navigation"); translate_menu_1 = document.querySelector(".mw-pt-languages.noprint"); translate_menu_2 = document.querySelector(".mw-pt-translate-header.noprint.nomobile"); userName = document.querySelector("#personal span").innerHTML; whitelist = ["Nine", "Spectrazzz", "WhisperingRain", "AFKoide", "RyanOld", "Pignu", "DCPX", "Thecowatstake", "Omoshi", "PunishingGLBWallet", "Alex57267"]; whitelisted = false; whitelist.forEach(function (e) {	if(userName === e) {		whitelisted = true;	} }); if(whitelisted) { rightSidebar.setAttribute("style", "display : inherit"); translate_menu_1.setAttribute("style", "display : inherit"); translate_menu_2.setAttribute("style", "display : inherit"); }

//Spectrazzz is testing stuff const cards = document.querySelectorAll(".card");

function isElementInViewport(el) { const rect = el.getBoundingClientRect; return (   rect.top >= 0 &&    rect.left >= 0 &&    rect.bottom <=      (window.innerHeight || document.documentElement.clientHeight) &&    rect.right <= (window.innerWidth || document.documentElement.clientWidth)  ); }

function isCardVisible { for (card of cards) { isElementInViewport(card) ? card.classList.add("isVisible") : card.classList.remove("isVisible"); } }

document.addEventListener("DOMContentLoaded", isCardVisible); window.addEventListener("scroll", isCardVisible); window.addEventListener("resize", isCardVisible);