MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */

/* Changes the width of margin on right/left on the frontpage when the window is smaller than 1500px */
$(function () {
    var windowWidth = window.innerWidth;
    if (windowWidth < 1500){
        var point = document.getElementsByClassName("FrontpageOuterDiv");
        var i;
        for (i = 0; i < point.length; i++){
           point[i].style.maxWidth="100%";
           }
    }
});

$(document).ready(function () {
	if ($("#noTitle").length > 0){
		$("#firstHeading").detach()
	}
});

/* Adding the Wiki Logo Text next to the actual Logo */
function wikiLogoText () {
	if ($("#mw-head").length > 0){
		var logoText = document.createElement("a");
		logoText.href = "/Halo_Esports_Wiki"
		logoText.title = "Visit the main page - Halo Esports Wiki"
		logoText.className = "mw-wiki-logo-text"
		document.getElementById("mw-head").appendChild(logoText);	
	}	
}

$(document).ready( wikiLogoText() );

/* Convert the scheduled next game time into local timezone */
$(function () {
    var point = document.getElementsByClassName("getLocalTimeZoneOfThis");
    var i;
    for (i = 0; i < point.length; i++){
       var date = new Date(point[i].innerHTML);
    var month = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
    var timeMonth = month[date.getMonth()];
    var weekday = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
    var timeWeekday = weekday[date.getDay()];
    var minutes = date.getMinutes();
    var timeMinutes = "00";
    if (minutes < 10) timeMinutes = "0" + minutes.toString();
    else timeMinutes = minutes.toString();
    var hours = date.getHours();
    var timeHours = "00";
    if (hours < 10) timeHours = "0" + hours.toString();
    else timeHours = hours.toString();
    point[i].textContent = timeWeekday+" "+timeMonth+" "+date.getDate()+" "+timeHours+":"+timeMinutes;
    }
});

$(function () {
    var point = document.getElementsByClassName("TimeInLocal");
    var i;
    for (i = 0; i < point.length; i++){
      var original = point[i].innerHTML;
      var splitStr = original.split(',');
      var date = new Date(Date.UTC(splitStr[0],splitStr[1]-1,splitStr[2],splitStr[3],splitStr[4],0,0));
    var minutes = date.getMinutes();
    var timeMinutes = "00";
    if (minutes < 10) timeMinutes = "0" + minutes.toString();
    else timeMinutes = minutes.toString();
    var hours = date.getHours();
    var timeHours = "00";
    if (hours < 10) timeHours = "0" + hours.toString();
    else timeHours = hours.toString();
    point[i].textContent =timeHours+":"+timeMinutes;
    }
});

$(function() {
    var point = document.getElementsByClassName("DateInLocal");
    var i;
    for (i = 0; i < point.length; i++) {
      var original = point[i].innerHTML;
      var splitStr = original.split(',');
      var date = new Date(Date.UTC(splitStr[0],splitStr[1]-1,splitStr[2],splitStr[3],splitStr[4],0,0));
      var year = date.getFullYear();
      var month = date.getMonth();
      month = month + 1;
      var timeMonth = "00";
      if (month < 10) timeMonth = "0" + month.toString();
      else timeMonth = month.toString();
      var weekday = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
      var timeWeekday = weekday[date.getDay()];
      var day = date.getDate();
      var timeDay = "00";
      if (day < 10) timeDay = "0" + day.toString();
      else timeDay = day.toString();
      point[i].textContent = timeWeekday + " " + year + "-" + timeMonth + "-" + timeDay;
    }
  }
);

$(function() {
    var point = document.getElementsByClassName("DateInLocalSB");
    var i;
    for (i = 0; i < point.length; i++) {
      var original = point[i].innerHTML;
      var splitStr = original.split(',');
      var date = new Date(Date.UTC(splitStr[0],splitStr[1]-1,splitStr[2],splitStr[3],splitStr[4],0,0));
      var year = date.getFullYear();
      var month = date.getMonth();
      month = month + 1;
      var timeMonth = "00";
      if (month < 10) timeMonth = "0" + month.toString();
      else timeMonth = month.toString();
      var day = date.getDate();
      var timeDay = "00";
      if (day < 10) timeDay = "0" + day.toString();
      else timeDay = day.toString();
      point[i].textContent = year + "-" + timeMonth + "-" + timeDay;
    }
  }
);

function tocafter() {
	if( document.getElementById("infoboxPlayer") ){
		if( document.getElementById("twitchStream") ){
			if($(window).width() < 1400) {
				$("#tocdiv").insertAfter("#sbsAndStream");
				var streamWidth = $("#bodyContent").width() - ($("#infoboxPlayer").width() + (16*2) + 10)
				var streamHeight = (streamWidth * 9)/16
				var stream = document.getElementById("twitchStream")
				stream.setAttribute("width", streamWidth)
				stream.setAttribute("height", streamHeight)
			}
			else {
				$("#tocdiv").insertBefore("#sbsAndStream");
				
				var streamWidth = $("#bodyContent").width() - ($("#infoboxPlayer").width() + (16*2) + $("#tocdiv").width() + 30 + (($(window).width() * 0.25) - 350))
				if (streamWidth > 1280){
					streamWidth = 1280
				}
				var streamHeight = (streamWidth * 9)/16
				var stream = document.getElementById("twitchStream")
				stream.setAttribute("width", streamWidth)
				stream.setAttribute("height", streamHeight)		
			}
		}
	}
}

$(document).ready( tocafter() );
window.addEventListener("resize", tocafter, false);


// __NOWYSIWYG__
/**
 * Countdown
 *
 * @version 2.1
 *
 * @author Pecoes <https://c.wikia.com/wiki/User:Pecoes>
 * @author Asaba <https://dev.wikia.com/wiki/User:Asaba>
 *
 * Version 1 authors:
 * - Splarka <https://c.wikia.com/wiki/User:Splarka>
 * - Eladkse <https://c.wikia.com/wiki/User:Eladkse>
 *
 * documentation and examples at:
 * <https://dev.wikia.com/wiki/Countdown>
 */
 
/*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 = 1,
	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 toggleInit() {
		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(toggleInit);
 
}(window.countdownTimer = window.countdownTimer || {}, mediaWiki, jQuery));

var toggleMapListSetup = function() {
	var btn = $('a[id^="collapseButton"]');

	btn.each(function() {
		var table = $(this).closest('table');
		var m = $('.maprow', table);

		if (m.length) {
			m.hide(); // Collapse maps by default

			var span = $('<span>', {
				class: 'mapsCollapseButton',
				css: {
					'font-weight': 'normal',
					'float': 'right',
					'margin-right': '7px',
					'cursor': 'pointer'
				}
			});

			table.data('maps-collapsed', true);

			var toggleMaps = function() {
				table.find('.maprow').toggle();
				table.data('maps-collapsed', !table.data('maps-collapsed'));

				$(this).text(function(i, txt) {
					return txt.replace(/\+|−/, function(a) {
						return a === '+' ? '−' : '+';
					});
				});
			}

			var a = $('<a>+maps</a>').click(toggleMaps);

			span.append('[', a, ']');
			$(this).parent().after(span);

			if (table.hasClass('uncollapsed-maps')) {
				a.trigger('click');
			}
		}
	});
};

function includePage( name )
{
 document.write('<script type="text/javascript" src="' + wgScript + '?title='
  + name 
  + '&action=raw&ctype=text/javascript"><\/script>' 
 );
}
/* End of includePage */

 
/* Dynamic Tabs - Adapted from Liquipedia - http://wiki.teamliquid.net/dota2/MediaWiki:Common.js */
/* Tabs by FO-nTTaX */
$(document).ready (function() {
	$('div.tabs-dynamic ul.tabs li').click(
		function () {
			var i = $(this).index() + 1;
			$(this).parent().children('li').removeClass('active');
			$(this).addClass('active');
			$(this).parent().parent().children('div.tabs-content').children('div').removeClass('active');
			$(this).parent().parent().children('div.tabs-content').children('div.content' + i).addClass('active');
		}
	);
	$('div.tabs-dynamic').each(function(index) {
		var h = $(this).children('ul.tabs').children('li.active').index() + 1;
		$(this).children('div.tabs-content').children('div.content' + h).addClass('active');
	});
	var hash = location.hash.slice(1);
	if (hash.substring(0, 4) == 'tab-') {
		var hasharr = hash.split('-scrollto-');
		var tabno = hasharr[0].replace('tab-', '');
    		$('div.tabs-dynamic ul.tabs li').removeClass('active');
		$('div.tabs-dynamic ul.tabs li.tab' + tabno).addClass('active');
		$('div.tabs-dynamic div.tabs-content div').removeClass('active');
		$('div.tabs-dynamic div.tabs-content div.content' + tabno).addClass('active');
		if (hasharr.length == 2) {
			var scrollto = '#' + hasharr[1];
			setTimeout(function(){$(window).scrollTop($(scrollto).offset().top)}, 500);
		}
	}
});
/* Dynamic Tabs - END */
/* Bracket Highlighting - Adapted from Liquipedia - http://wiki.teamliquid.net/dota2/MediaWiki:Common.js */
var highlighted;
$.fn.justtext = function() {
	return $(this).clone().children().remove('div').end().text().trim();
};
var bracketGame;
$(document).ready(function() {
	$('.bracket-game').each( function() {
		if ($(this).find('.bracket-game-details').length > 0) {
			var margin = $(this).find(':first-child').height() - 6;
			$(this).prepend('<div class="icon" style="margin-top:' + margin + 'px;"></div>');
		}
	});
	$('.match-row').each( function() {
		if ($(this).find('.bracket-game-details').length > 0 && $(this).find('.legend-table').length == 0) {
			$(this).find('td:eq(2)').prepend('<div style="position:relative"><div class="match-row-icon"></div></div>');
		}
	});
	$('.match-row').hover(function () {
		$(this).addClass('bracket-hover');
		if ($(this).closest('.match-row').find('.bracket-game-details').length) {
			$(this).css('cursor', 'pointer');
		}
	},
	function () {
		$(this).removeClass('bracket-hover');
	});
	$('.bracket-team-top, .bracket-team-top-oldschool, .bracket-team-bottom, .bracket-team-bottom-oldschool, .bracket-game .icon').hover(function () {
		var t = $(this),
		    text = t.justtext();
		if ((text) && (text.toUpperCase() != 'BYE')) {
			highlighted = $('.bracket').find('.bracket-team-top, .bracket-team-bottom, .bracket-team-top-oldschool, .bracket-team-bottom-oldschool').filter(function () {
				return $(this).justtext() == text;
			});
			highlighted.css('background', '#cecece');
		}
		if (t.closest('.bracket-game').children('.bracket-game-details').length) {
			t.css('cursor', 'pointer');
		}
	},
	function() {
		if (highlighted != null)
			highlighted.css('background', '');
	});

	$('html').click(function () {
		if (bracketGame != null) {
			bracketGame.find('.bracket-game-details').toggle();
			bracketGame = null;
		}
	});

	$('.bracket-team-top, .bracket-team-bottom, .bracket-team-top-oldschool, .bracket-team-bottom-oldschool, .bracket-game .icon').click(
	function (event) {
		var bracket = $(this).closest('.bracket'),
			detailsHeight, detailsWidth, spaceOnTheRight;
		if (bracketGame != null) {
			bracketGame.children('.bracket-game-details').toggle();
			if (bracketGame[0] === $(this).closest('.bracket-game')[0]) {
				bracketGame = null;
				return;
			}
		}
		bracketGame = $(this).closest('.bracket-game');
		detailsHeight= bracketGame.children('.bracket-game-details').height();
 		detailsWidth = bracketGame.children('.bracket-game-details').width();
		
		bracketGame.children('.bracket-game-details').css('margin-top', -detailsHeight / 2);
		spaceOnTheRight = Math.max($(window).width(), bracket.offset().left + bracket.outerWidth()) - (bracketGame.offset().left + bracketGame.outerWidth());
		if (spaceOnTheRight < detailsWidth && bracketGame.offset().left > detailsWidth) {
			bracketGame.children('.bracket-game-details').css('margin-left', -detailsWidth - 1);
		} else {
			bracketGame.children('.bracket-game-details').css('margin-left', bracketGame.width());
		}
		bracketGame.children('.bracket-game-details').toggle();
		event.stopPropagation();
	});
	$('.match-row').click(function (event) {
		if (bracketGame != null) {
			bracketGame.find('.bracket-game-details').toggle();
			if (bracketGame[0] === $(this)[0]) {
				bracketGame = null;
				return;
			}
		}
		bracketGame = $(this);
		var height = bracketGame.find('.bracket-game-details').height();
		bracketGame.find('.bracket-game-details').css('margin-top', 3);
		bracketGame.find('.bracket-game-details').toggle();
		event.stopPropagation();
	});

	$('.bracket-game-details').click(function (event) {
		event.stopPropagation();
	});
});
/* End Bracket Highlighting */


/* Sideways text for blockbox needs the height of the parent div altered */
$(document).ready(function() { 
   $('.vert-text').each(function(){
      var parentHeight = $(this).parent().height();
      $(this).height(parentHeight);    
   });
});

 /* User page warning */
( function() {
	mw.loader.using( 'mediawiki.util' ).then( function() {
		if (mw.config.get("wgCanonicalNamespace") == "User") {
			$("#firstHeading").after('<div style="color:red;">This is a user page. It is not maintained actively by wiki staff and may contain inaccuracies.</div>');
		}
	});
}() 

);

/* Remove edit & ve button if there's edit with form */
var formEdit = document.getElementById("ca-formedit");
var usergroups = mw.config.get('wgUserGroups');
if (formEdit && !(usergroups.includes("editor"))) {
	var ve = document.getElementById("ca-ve-edit");
	var edit = document.getElementById("ca-edit");
	if (ve) {
		ve.style.display = "none";
	}
	if (edit) {
		edit.style.display = "none";
	}
}

/* functions for gadgets */
window.displayColor = function(colorclass) {
    $("#p-cactions").addClass(colorclass);
    return;
}

window.clearDisplayColor = function() {
	$("#p-cactions").removeClass("gadget-action-fail gadget-action-incomplete gadget-action-success");
}
/* end functions for gadgets */


/* expiration of matches starting in schedule navboxes (and anything else) */

$.when(mw.loader.using('mediawiki.util'), $.ready).then( function () {
	var $expirationList = $('.upcoming-matches');
	if (!$expirationList.length) {
		return;
	}
	$expirationList.each( function() {
		var nowTime = Date.now();
		var expTime = parseInt($(this).attr('data-expiration')) * 1000;
		if (nowTime >= expTime) {
			$(this).css('display', 'none');
		}
	})
} );

/* end expiration of matches starting in schedule navboxes (and anything else) */