Difference between revisions of "MediaWiki:Common.js"
From QWiki
m |
m (Testing tracking script) |
||
(6 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for users using the LiquiFlow skin */ | /* Any JavaScript here will be loaded for users using the LiquiFlow skin */ | ||
+ | |||
+ | |||
/* Main Page latest uploads */ | /* Main Page latest uploads */ | ||
Line 316: | Line 318: | ||
countdown_s = diffTime % 60; | countdown_s = diffTime % 60; | ||
− | if (countdown_s < 10) output_s = | + | if (countdown_s < 10) output_s = countdown_s; |
else output_s = countdown_s; | else output_s = countdown_s; | ||
− | if (countdown_m < 10) output_m = | + | if (countdown_m < 10) output_m = countdown_m; |
else output_m = countdown_m; | else output_m = countdown_m; | ||
− | if (countdown_h < 10) output_h = | + | if (countdown_h < 10) output_h = countdown_h; |
else output_h = countdown_h; | else output_h = countdown_h; | ||
Line 1,200: | Line 1,202: | ||
$(window).resize(function() { | $(window).resize(function() { | ||
positionInfobox(); | positionInfobox(); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
}); | }); | ||
Latest revision as of 21:54, 24 September 2024
/* Any JavaScript here will be loaded for users using the LiquiFlow skin */ /* Main Page latest uploads */ $(document).ready(function() { if($('#latest-uploads').length) { $.getJSON(mw.util.wikiScript( 'api' ) + '?action=query&list=logevents&leaction=upload/upload&lelimit=10&continue=&format=json', function(data) { data = data.query.logevents; var imagenames = []; var imageurls = []; $.each(data, function() { imagenames.push(this.title); }); $.getJSON(mw.util.wikiScript( 'api' ) + '?action=query&prop=imageinfo&titles=' + imagenames.join('|') + '&iiprop=url&iiurlheight=150px&format=json', function(fileurls) { fileurls = fileurls.query.pages; var output = ''; $.each(fileurls, function(j, fileurl) { if(typeof fileurl.imageinfo !== 'undefined') { imageurls[fileurl.title] = fileurl.imageinfo[0].thumburl; } }); $.each(fileurls, function(i, fileurl) { if(typeof fileurl.imageinfo !== 'undefined') { output += '<div><a href="http://wiki.teamliquid.net/commons/' + fileurl.title + '"><img src="' + fileurl.imageinfo[0].thumburl + '"><br><p>' + fileurl.title + '</p></a></div>'; } }); $('#latest-uploads').html(output); }); }); } }); /* Redirect Special:Upload to Special:Login for logged out people */ window.addEventListener("load", function() { if((mw.config.get('wgPageName') == 'Special:Upload') && (mw.config.get('wgNamespaceNumber') == -1) && (typeof mw.user.isAnon == 'function') && (mw.user.isAnon())) { window.location.replace(mw.config.get('wgServer') + $('#mw-content-text a').attr('href')); } }); /* Tools */ var wikis = { //'clashroyale': 'Clash Royale', 'commons': 'Liquipedia Commons', 'counterstrike': 'Counter-Strike', 'dota2': 'Dota 2', 'fighters': 'Fighting Games', 'hearthstone': 'Hearthstone', 'heroes': 'Heroes', 'overwatch': 'Overwatch', 'rocketleague': 'RocketLeague', 'smash': 'Smash', 'starcraft': 'StarCraft Brood War', 'starcraft2': 'StarCraft II', 'warcraft': 'Warcraft', }; if($('#checkforpageexistence').length) { $('#checkforpageexistence').append('<form id="checkforpageexistenceform"><input id="checkforpageexistenceinput" class="form-control"><button id="checkforpageexistencebutton" class="btn btn-primary" type="submit">Search</button></form><div id="checkforpageexistenceresult"></div>'); document.getElementById('checkforpageexistenceform').addEventListener("submit", checkforpageexistence); } function checkforpageexistence(e) { e.preventDefault(); $('#checkforpageexistenceresult').html('<ul id="checkforpageexistenceresultlist"></ul>'); $.each(wikis, function(index, name) { $.getJSON('http://wiki.teamliquid.net/' + index + '/api.php?action=query&prop=revisions&rvprop=content&format=json&titles=' + $('#checkforpageexistenceinput').val(), function(data) { if(typeof data.query != 'undefined') { if(typeof data.query.pages['-1'] == 'undefined') { $('#checkforpageexistenceresultlist').append('<li><a href="http://wiki.teamliquid.net/' + index + '/' + $('#checkforpageexistenceinput').val() + '" style="color:#006400;">'+ name + ': Yes</a></li>'); } else { $('#checkforpageexistenceresultlist').append('<li><a href="http://wiki.teamliquid.net/' + index + '/' + $('#checkforpageexistenceinput').val() + '" style="color:#ff0000;">'+ name + ': No</a></li>'); } } else { $('#checkforpageexistenceresultlist').html('<li style="color:#0000ff;">You need to put in a valid page title</li>'); } }); }); return false; } /******************************************************************************* Template(s): Countdown Time code Author(s): Kenjin`- *******************************************************************************/ function DateError(message) { this.message = message; this.name = "DateError"; } ;(function(w, doc, isAlreadyDeleted) { var datetimes = [].slice.call(doc.querySelectorAll('.datetime')); var countdowns = [].slice.call(doc.querySelectorAll('.countdown')); var streamLink = [].slice.call(doc.querySelectorAll('.streamLink')); var times = [], tempDate, tempTimezone, tempStream, tempStreams, streams = []; var timeNow = new Date(); var endTime; isAlreadyDeleted = []; ClassIsAlreadySet = []; for (var i = 0, length = datetimes.length; i < length; i++) { tempDate = datetimes[i]; //console.log(datetimes[i].childNodes.length); elemsChildNodes = datetimes[i].childNodes; for (j = 0; j < elemsChildNodes.length; j++) { if (elemsChildNodes[j].nodeName === 'ABBR') { tempTimezone = elemsChildNodes[j].getAttribute("title").trim(); break; } else tempTimezone = false; } // Check if the class is set isAlreadyDeleted[i] = 0; ClassIsAlreadySet[i] = 0; // UTC Time from the Event is in times now try { times[i] = stringToDate(tempDate, tempTimezone); } catch(error) { countdowns[i].innerHTML = 'ERROR'; } } for (var j = 0, lengthStream = streamLink.length; j < lengthStream; j++) { tempStream = streamLink[j]; //console.log(datetimes[j].childNodes.length); elemsChildNodesStream = streamLink[j].childNodes; if(elemsChildNodesStream.length > 0){ for (var k = 0; k < elemsChildNodesStream.length; k++) { tempStreams = elemsChildNodesStream[k]; } } else { tempStreams = 0; } streams[j] = tempStreams; } setInterval(updateCountdowns(times, countdowns, timeNow, streams, isAlreadyDeleted), 1000); })(window,document); function stringToDate(tempDate, tempTimezone) { var tempDateinnerhTML, posTimezone, tempPosTimezone, UTCTime = 0; if (tempDate.childNodes !== undefined && typeof tempDate.childNodes[1] !== 'undefined' && typeof tempDate.childNodes[1].childNodes[0] !== 'undefined' && tempDate.childNodes[1].childNodes[0].nodeValue !== null) { tempDateinnerhTML = tempDate.childNodes[0].nodeValue + tempDate.childNodes[1].childNodes[0].nodeValue; } else { tempDateinnerhTML = tempDate.childNodes[0].nodeValue; } if (tempTimezone !== false) { posTimezone = tempTimezone.indexOf("(UTC") + 1; if (posTimezone > 0) { tempPosTimezone = tempTimezone.slice(posTimezone, -1); UTCTime = tempPosTimezone.substring(3); } } else { posTimezone = tempDate.innerHTML.trim().indexOf("(UTC") + 1; if (posTimezone > 0) { tempPosTimezone = tempDate.innerHTML.trim().slice(posTimezone, -1); UTCTime = tempPosTimezone.substring(3, 5); } } if (tempDateinnerhTML == null) { throw new DateError("Date is null"); } // Creating DateObject from tempDate var str = tempDateinnerhTML.trim().split(" "); for (var j = 0; j < str.length; j++) str[j] = str[j].trim(); str = str.filter(function(e) { return e; }); if (tempDateinnerhTML.indexOf(':') === -1) { return 0; } else { if (('TBA' in oc(str)) || ('TBD' in oc(str))) { return 0; } else { var index2 = str.indexOf('-'); var placeholder_temp2 = 0; if (index2 !== -1) { str.splice(index2, 1); placeholder_temp2 = 1; } if (str.length === 6) str.splice(str.length - 2, 1, 'GMT'); if (str.length === 5) str.splice(str.length - 1, 1, 'GMT'); if (str.length === 4) str.splice(str.length, 1, 'GMT'); var date_temp_2 = str.join(" "); //get the UTC time, and setHours according to it endTime = new Date(date_temp_2); endTime.setHours(endTime.getHours() - UTCTime); } return endTime; } } function oc(a) { var o = {}; for (var i = 0; i < a.length; i++) { o[a[i]] = ''; } return o; } function hasClass(element, cls) { return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1; } function updateCountdowns(times, countdowns, timeNow, streams, isAlreadyDeleted) { return function() { var cssClass = [].slice.call(document.querySelectorAll('.cssTestClass')); //console.log(cssClass); if (cssClass) { for (var x = 0; x < cssClass.length; x++) { cssClass[x].nextElementSibling.parentNode.removeChild(cssClass[x].nextElementSibling); cssClass[x].parentNode.removeChild(cssClass[x]); } } var calculatedDifference, calculatedDifferenceB, time, timeIfEventIsOver, countdown_h, streamLinkBaseUrl; for (var i = 0, length = countdowns.length; i < length; i++) { calculatedDifference = 0; time = times[i]; timeIfEventIsOver = time - timeNow; timeIfEventIsOver = Math.floor(timeIfEventIsOver / 1000); countdown_h = Math.floor(timeIfEventIsOver / 3600); if (countdown_h < -12) { calculatedDifference = 'Done'; } else if (isNaN(countdown_h)) calculatedDifference = 'ERROR'; else { calculatedDifference = calculateDifference(time); } // calculate the difference // and update the countdown div/span if (calculatedDifference === 'Done') { if (isAlreadyDeleted[i] === 0) { countdowns[i].parentNode.removeChild(countdowns[i]); isAlreadyDeleted[i] = '1'; } } else { if (calculatedDifference !== 'LIVE!') { countdowns[i].innerHTML = calculatedDifference; } else { if (ClassIsAlreadySet[i] === 0) { calculatedDifferenceB = (streams[i] && streams[i] != 0); if (calculatedDifferenceB) { switch (mw.config.get( 'wgScriptPath' )) { case "/dota2": streamLinkBaseUrl = "http://www.liquiddota.com/stream/"; break; case "/hearthstone": streamLinkBaseUrl = "http://www.liquidhearth.com/stream/"; break; default: streamLinkBaseUrl = "http://www.teamliquid.net/video/streams/"; break; } calculatedDifference = '<a class="hasStream" href="'+streamLinkBaseUrl+streams[i].data+'" target="_blank">LIVE!</a>' } else { calculatedDifference = "LIVE!"; } countdowns[i].innerHTML = calculatedDifference; countdowns[i].className += " EventIsLive"; ClassIsAlreadySet[i] = 1; } } } } }; } function calculateDifference(diffTime) { var tage = 'd'; var string; var countdown_d, countdown_h, countdown_m, countdown_s, countdown_w; var output_s, output_m, output_h, error = '1'; timeNow = new Date(); diffTime -= timeNow; // calculate difference and save it as String in "string" diffTime = Math.floor(diffTime / 1000); if (diffTime >= 0) { countdown_w = Math.floor(diffTime / 604800); diffTime = diffTime % 604800; countdown_d = Math.floor(diffTime / 86400); diffTime = diffTime % 86400; countdown_h = Math.floor(diffTime / 3600); diffTime = diffTime % 3600; countdown_m = Math.floor(diffTime / 60); countdown_s = diffTime % 60; if (countdown_s < 10) output_s = countdown_s; else output_s = countdown_s; if (countdown_m < 10) output_m = countdown_m; else output_m = countdown_m; if (countdown_h < 10) output_h = countdown_h; else output_h = countdown_h; if (countdown_d >= 1 && countdown_w >= 1) string = countdown_w + 'w ' + countdown_d + tage; else if (countdown_d === 0 && countdown_w >= 1) string = countdown_w + 'w ' + countdown_d + tage; else if (countdown_d > 0 && countdown_w === 0) string = countdown_d + tage + ' ' + output_h + 'h ' + output_m + 'm'; else string = output_h + 'h ' + output_m + 'm ' + output_s + 's'; } else { //after 12h the div/span says "done" instead of live string = 'LIVE!'; } return string; } function isInt(n) { return typeof n === 'number' && n % 1 === 0; } /******************************************************************************* Template(s): Liquid Layout for Boxes code Author(s): Kenjin and stijn *******************************************************************************/ $(window).on('resize', function() { $('.justify-wrap').each(function() { var boxes = $(this).find('> div'); var boxCount = boxes.size(); var windowSize = $(this).parent().width(); var boxWidth = boxes.eq(1).width(); //save box padding upon first resize if(!$(this).data('boxPadding')) $(this).data('boxPadding', parseInt(boxes.eq(1).css('padding-right')) + parseInt(boxes.eq(1).css('padding-left'))); var boxPadding = $(this).data('boxPadding'); //take box model into account when calculating width //padding is calculated earlier and reset to be used as margin var realWidth = boxWidth + boxPadding + parseInt(boxes.eq(1).css('border-left-width')) + parseInt(boxes.eq(1).css('border-right-width')); //halt reformatting if box is wider than window (no visible effect anyway) if(realWidth > windowSize) { return false; } //find the least amount of boxes that fit on a row, while //still using the least amount of rows var maxBoxes = Math.ceil(boxCount / Math.ceil(boxCount / Math.floor(windowSize / realWidth))); var perRow = (boxCount < maxBoxes) ? boxCount : maxBoxes; console.log(windowSize); //calculate margin between boxes, clamped by box size (max) and padding (min) /* var margin = Math.floor((windowSize - ((perRow) * realWidth)) / (perRow + 0.5)); if(margin > realWidth) margin = realWidth; if(margin < boxPadding) margin = boxPadding; */ var margin = boxPadding; boxes.each(function(i) { $(this).css('padding-left', 0).css('padding-right', 0).css('margin-right', 0); $(this).css('display', 'block').css('float', 'left'); if(i % maxBoxes == 0) { $(this).css('clear', 'left').css('margin-left', 0); } else { $(this).css('clear', 'none').css('margin-left', margin + 'px'); } }); }); }); $(document).ready(function() { $(window).trigger('resize'); }); /******************************************************************************* Template(s): Hides stuff for logged out people Author(s): Chapatiyaq *******************************************************************************/ $(document).ready(function () { mw.loader.using('mediawiki.user', function() { $('.hidden-when-logged-in').toggle( mw.user.isAnon() ); $('.shown-when-logged-in').toggle( !mw.user.isAnon() ); }); }); /******************************************************************************* Template(s): Timeline Author(s): ??? *******************************************************************************/ $(document).ready(function () { if($('.scrollTimeline').length > 0) { $('.scrollTimeline')[0].scrollLeft = $('.timeline').width(); } }); /******************************************************************************* Template(s): Participants Tables Author(s): FO-nTTaX *******************************************************************************/ $(document).ready(function() { $('.participants-table-button-left').addClass('inactive'); $('.participants-table-button-left').click(function() { if($(window).width() < 600) { var scroller = $(this).closest('.participants-table-wrapper').children('.participants-table-scroller'); scroller.scrollLeft(scroller.scrollLeft() - 0.83 * $(window).width()); } }); $('.participants-table-button-right').click(function() { if($(window).width() < 600) { var scroller = $(this).closest('.participants-table-wrapper').find('.participants-table-scroller'); scroller.scrollLeft(scroller.scrollLeft() + 0.83 * $(window).width()); } }); $('.participants-table-scroller').scroll(function() { $(this).closest('.participants-table-wrapper').find('.participants-table-button-left').removeClass('inactive'); $(this).closest('.participants-table-wrapper').find('.participants-table-button-right').removeClass('inactive'); if($(this).scrollLeft() == 0) { $(this).closest('.participants-table-wrapper').find('.participants-table-button-left').addClass('inactive'); } if($(this).scrollLeft() == $(this).find('.participants-table').width() - $(this).closest('.participants-table-wrapper').width()) { $(this).closest('.participants-table-wrapper').find('.participants-table-button-right').addClass('inactive'); } }); }); /******************************************************************************* Template(s): Heroes portal on the Heroes of the Storm wiki Author(s): FO-nTTaX *******************************************************************************/ $(document).ready(function () { $('.hexagon-button').click(function(){ $(this).parent().parent().parent().toggleClass('show-' + $(this).data('show')); }); }); /******************************************************************************* Template(s): Well... you know what this is :P Author(s): FO-nTTaX *******************************************************************************/ var date = new Date(); if(date.getMonth() + "-" + date.getDate() == "3-1") { $('#brand-logo').attr('src', $('#brand-logo').attr('src').replace('liquipedia', 'lickypiddy')); } /******************************************************************************* Template(s): insert current ti prizepool on main page Author(s): FO-nTTaX *******************************************************************************/ /* insert current ti prizepool on main page */ /*$(document).ready(function() { if (('#currenttiprizepool').length) { $.getJSON('//wiki.teamliquid.net/dota2/api.php?action=query&prop=revisions&rvprop=content&format=json&maxage=60&smaxage=60&titles=The International/2015/prizepool', function (result) { var content = result['query']['pages']['25304']['revisions'][0]['*']; $('#currenttiprizepool').text(' - Current prize pool: $' + content); }); } });*/ /* testing something */ if(mw.config.get('wgUserName') == 'FO-nTTaX') { /*$('table').each(function() { $this = $(this); if(!$this.hasClass('navbox') && !$this.hasClass('logo') && !$this.hasClass('list') && !$this.parents('.navbox').length ) { if(!$this.parent().hasClass('table-responsive')) { $this.wrap('<div class="table-responsive"></div>'); } } });*/ } /******************************************************************************* Template(s): Dismissable SiteNotice Author(s): FO-nTTaX *******************************************************************************/ $(document).ready(function() { $('#siteNotice').prepend('<div id="closeSiteNotice" style="float:right;cursor:pointer;font-size:14px;border:1px solid #333333;margin:10px;line-height:10px;padding:5px;" title="Close Notice">×</div>'); $('#closeSiteNotice').click(function() { $('#siteNotice').fadeOut(500); var d = new Date(+new Date + 12096e5); document.cookie='showSiteNotice=false; domain=wiki.teamliquid.net; expires=' + d.toUTCString() + '; path=/' + window.location.href.split('/')[3] + '/'; }); if(document.cookie.indexOf('showSiteNotice=false') != -1) { $('#siteNotice').hide(); } }); /******************************************************************************* Template(s): Popups for all Brackets Author(s): Anomek, FO-nTTaX *******************************************************************************/ var bracketGame; $.fn.justtext = function() { return $(this).clone().children().remove('div.bracket-score').end().text().trim(); }; $(document).ready(function() { $('.bracket-game').each( function() { if ($(this).find('.bracket-popup-wrapper').length > 0) { var margin = $(this).find(':first-child').height() - 6; $(this).prepend('<div class="icon" style="margin-top:' + margin + 'px;"></div>'); $(this).find('.bracket-team-top, .bracket-team-bottom, .bracket-player-top, .bracket-player-bottom').each(function() { $(this).css('cursor', 'pointer'); $(this).attr('title', 'Click for further information'); }); } }); $('tr.match-row').each( function() { if ($(this).find('.bracket-popup-wrapper').length > 0) { $(this).children('td:eq(2)').prepend('<div style="position:relative"><div class="match-row-icon"></div></div>'); $(this).children('td.matchlistslot').find('a').attr('href', 'javascript:;'); } $(this).attr('title', 'Click for further information'); }); $('html').click(function () { if (bracketGame != null) { bracketGame.find('.bracket-popup-wrapper').toggle(); bracketGame = null; } }); $('.bracket-team-top, .bracket-team-bottom, .bracket-player-top, .bracket-player-bottom, .bracket-game .icon').click( function (event) { var bracket = $(this).closest('.bracket, .crosstable td'), bracketWrapper = $(this).closest('.bracket-wrapper, .crosstable'), detailsWidth, spaceOnTheRight, popupOnTheRight = true; if (bracketGame != null) { bracketGame.find('.bracket-popup-wrapper').toggle(); if (bracketGame[0] === $(this).closest('.bracket-game')[0]) { bracketGame = null; return; } } bracketGame = $(this).closest('.bracket-game'); positionBracketPopup(); bracketGame.children('.bracket-popup-wrapper').css('margin-left', ''); bracketGame.children('.bracket-popup-wrapper').toggle(); if(popupOnTheRight && bracketGame.offset().left + bracketGame.outerWidth() + detailsWidth > bracketWrapper.outerWidth() + bracketWrapper.offset().left) { bracketWrapper.scrollLeft(bracketWrapper.scrollLeft() + detailsWidth); } positionBracketPopup(); event.stopPropagation(); }); $('tr.match-row').click(function (event) { if (bracketGame != null) { bracketGame.find('.bracket-popup-wrapper').toggle(); if (bracketGame[0] === $(this)[0]) { bracketGame = null; return; } } bracketGame = $(this); positionGroupTablePopup(); bracketGame.find('.bracket-popup-wrapper').css('margin-left', ''); bracketGame.find('.bracket-popup-wrapper').toggle(); positionGroupTablePopup(); event.stopPropagation(); }); $('.bracket-popup-wrapper').click(function (event) { event.stopPropagation(); }); }); $(window).scroll(function() { positionBracketPopup(); positionGroupTablePopup(); }); $('.bracket-wrapper').scroll(function() { positionBracketPopup(); }); $(window).resize(function() { positionBracketPopup(); positionGroupTablePopup(); }); function positionBracketPopup() { if((bracketGame != null) && (bracketGame.find('.icon').length)) { if($(document).width() > 600) { var bracket = bracketGame.closest('.bracket, .crosstable td'), bracketWrapper = bracketGame.closest('.bracket-wrapper, .crosstable'), detailsHeight, detailsWidth, spaceOnTheRight, popupOnTheRight = true; detailsHeight = bracketGame.children('.bracket-popup-wrapper').height(); detailsWidth = bracketGame.children('.bracket-popup-wrapper').width(); bracketGame.children('.bracket-popup-wrapper').css('top', bracketGame.find('.icon').offset().top + (bracketGame.find('.icon').height() / 2) - (detailsHeight / 2) - $(window).scrollTop()); spaceOnTheRight = Math.max($(window).width(), bracket.offset().left + bracketWrapper.outerWidth()) - (bracketGame.offset().left + bracketGame.outerWidth()); if((spaceOnTheRight < detailsWidth && bracketGame.offset().left > detailsWidth) || (bracketGame.offset().left + bracketGame.width() > $('#main-content').offset().left + $('#main-content').width())) { bracketGame.children('.bracket-popup-wrapper').css('left', bracketGame.offset().left - detailsWidth - 1); } else { bracketGame.children('.bracket-popup-wrapper').css('left', bracketGame.offset().left + bracketGame.width()); } bracketGame.children('.bracket-popup-wrapper').removeClass('bracket-popup-mobile'); } else { if(!bracketGame.children('.bracket-popup-wrapper').hasClass('bracket-popup-mobile')) { bracketGame.children('.bracket-popup-wrapper').addClass('bracket-popup-mobile'); } bracketGame.children('.bracket-popup-wrapper').css('top', '').css('left', ''); } } } function positionGroupTablePopup() { if((bracketGame != null) && (bracketGame.find('.match-row-icon').length)) { if($(document).width() > 600) { var row = bracketGame, detailsWidth; detailsWidth = bracketGame.find('.bracket-popup-wrapper').width(); bracketGame.find('.bracket-popup-wrapper').css('top', row.offset().top + row.height() - $(window).scrollTop()); bracketGame.find('.bracket-popup-wrapper').css('left', row.offset().left + (row.width() / 2) - (detailsWidth / 2)); bracketGame.find('.bracket-popup-wrapper').removeClass('bracket-popup-mobile'); } else { if(!bracketGame.find('.bracket-popup-wrapper').hasClass('bracket-popup-mobile')) { bracketGame.find('.bracket-popup-wrapper').addClass('bracket-popup-mobile'); } bracketGame.find('.bracket-popup-wrapper').css('top', '').css('left', ''); } } } /******************************************************************************* Template(s): Highlighting for all Brackets Author(s): FO-nTTaX *******************************************************************************/ var highlightingsearch = []; var highlightingstandardicon = [ 'Csgologo_std.png', //CS:GO 'Csslogo_std.png', //CS:Source 'Cstrikelogo_std.png', //CS:1.6 'Dotalogo_std.png', //Dota 2 'Fistlogo_std.png', //Fighting Games 'Hotslogo_std.png', //Heroes of the Storm 'Logo_filler_std.png', //Blank file, SC, SC2 'Overwatchlogo_std.png', //Overwatch 'Rllogo_std.png', //Rocketleague 'Warcraft_std.png' //Warcraft ]; $(document).ready(function() { $('tr.match-row').hover(function () { $(this).addClass('bracket-hover'); if ($(this).closest('tr.match-row').find('.bracket-popup-wrapper').length) { $(this).css('cursor', 'pointer'); } }, function () { $(this).removeClass('bracket-hover'); }); if($('.bind-highlighting').length > 0) { var highlightingbinds = []; $('.bind-highlighting').each(function () { var to = $(this).children('.bind-highlighting-to'); var from = $(this).children('.bind-highlighting-from'); var icto = $(to).find('.team-template-image img'); if (icto.length == 1) { var icsrcto = icto.attr('src').split('/'); icsrcto = icsrcto[icsrcto.length - 1]; icsrcto = icsrcto.replace("-icon", "_std"); if (icsrcto.indexOf('-') != -1) { icsrcto = icsrcto.split('-'); icsrcto = icsrcto[icsrcto.length - 1]; } if (highlightingstandardicon.indexOf(icsrcto) != -1) { icsrcto = $(to).justtext(); } } else { var icsrcto = $(to).justtext(); } var icfrom = $(from).find('.team-template-image img'); if (icfrom.length == 1) { var icsrcfrom = icfrom.attr('src').split('/'); icsrcfrom = icsrcfrom[icsrcfrom.length - 1]; icsrcfrom = icsrcfrom.replace("-icon", "_std"); if (icsrcfrom.indexOf('-') != -1) { icsrcfrom = icsrcfrom.split('-'); icsrcfrom = icsrcfrom[icsrcfrom.length - 1]; } if (highlightingstandardicon.indexOf(icsrcfrom) != -1) { icsrcfrom = $(from).justtext(); } } else { var icsrcfrom = $(from).justtext(); } highlightingbinds[icsrcfrom] = icsrcto; }); } $('.bracket-team-top, .bracket-team-bottom, .bracket-team-middle, .bracket-player-top, .bracket-player-bottom, .bracket-player-middle, .matchlistslot, .matchslot, .grouptableslot').each(function() { var ic = $(this).find('.team-template-image img'); if (ic.length == 1) { var icsrc = ic.attr('src').split('/'); icsrc = icsrc[icsrc.length - 1]; icsrc = icsrc.replace("-icon", "_std"); if (icsrc.indexOf('-') != -1) { icsrc = icsrc.split('-'); icsrc = icsrc[icsrc.length - 1]; } if (highlightingstandardicon.indexOf(icsrc) != -1) { icsrc = $(this).justtext(); } if ((typeof highlightingbinds !== 'undefined') && (icsrc in highlightingbinds)) { icsrc = highlightingbinds[icsrc]; } if (!Array.isArray(highlightingsearch[icsrc])) { highlightingsearch[icsrc] = []; } highlightingsearch[icsrc].push(this); $(this).data('highlightingkey', icsrc); } else { var icsrc = $(this).justtext(); if ((typeof highlightingbinds !== 'undefined') && (icsrc in highlightingbinds)) { icsrc = highlightingbinds[icsrc]; } if (!Array.isArray(highlightingsearch[icsrc])) { highlightingsearch[icsrc] = []; } highlightingsearch[icsrc].push(this); $(this).data('highlightingkey', icsrc); /* Starcraft/Warcraft specific start */ if ((!$(this).hasClass('grouptableslot')) && (!$(this).hasClass('matchlistslot'))) { $(this).data('background-color', $(this).css('background-color')); switch ($(this).data('background-color')) { case 'rgb(242, 184, 184)': $(this).data('background-color-hover', 'rgb(250,217,217)'); //Zerg/Orc break; case 'rgb(184, 242, 184)': $(this).data('background-color-hover', 'rgb(217,250,217)'); //Protoss/Nightelf break; case 'rgb(184, 184, 242)': $(this).data('background-color-hover', 'rgb(217,217,250)'); //Terran/Human break; case 'rgb(242, 184, 242)': $(this).data('background-color-hover', 'rgb(250,217,250)'); //Undead break; case 'rgb(242, 242, 184)': $(this).data('background-color-hover', 'rgb(250,250,217)'); //Random break; default: $(this).data('background-color-hover', 'rgb(250,250,250)'); //normal break; } } /* Starcraft/Warcraft specific end */ } }); $('.bracket-team-top, .bracket-team-bottom, .bracket-team-middle, .bracket-player-top, .bracket-player-bottom, .bracket-player-middle, .matchlistslot, .matchslot, .grouptableslot').hover(function() { var icsrc = $(this).data('highlightingkey'); if (typeof icsrc !== 'undefined') { var filter = ['BYE', 'TBD', 'TBA', '', 'LOGO_FILLER_STD.PNG']; if (filter.indexOf(icsrc.toUpperCase()) == -1) { $.each(highlightingsearch[icsrc], function() { $(this).addClass('bracket-hover'); /* Starcraft specific start */ if (typeof $(this).data('background-color-hover') !== 'undefined') { $(this).css('background-color', $(this).data('background-color-hover')); } /* Starcraft specific end */ }); } } }, function() { var icsrc = $(this).data('highlightingkey'); if (typeof icsrc !== 'undefined') { $.each(highlightingsearch[icsrc], function() { $(this).removeClass('bracket-hover'); /* Starcraft specific start */ if (typeof $(this).data('background-color-hover') !== 'undefined') { $(this).css('background-color', $(this).data('background-color')); } /* Starcraft specific end */ }); } }); }); /******************************************************************************* Template(s): Toggle groups (see Template:Toggle group start) Author(s): Chapatiyaq *******************************************************************************/ var toggleShowCaption = 'show all', toggleHideCaption = 'hide all'; $('.toggle-group').each( function(index) { var toggleDefaultState = $(this).is('.toggle-state-hide') ? 'Hide' : 'Show', $button = $('<span>') .html('[') .append($('<a>').addClass('toggle-button').text(window['toggle' + toggleDefaultState + 'Caption']).data('toggle-group-index', index).attr('href', 'javascript:')) .append(']'); $(this).prepend($button); $(this).attr('id', 'toggle-group-' + index); }); $('.toggle-button').click( function() { var toggleAction = $(this).text(); $('#toggle-group-' + $(this).data('toggle-group-index')).find('.collapseButton a').each( function() { if (($(this).text() == collapseCaption && toggleAction == toggleHideCaption) || ($(this).text() == expandCaption && toggleAction == toggleShowCaption)) { $(this)[0].click(); } }); $(this).text($(this).text() == toggleShowCaption ? toggleHideCaption : toggleShowCaption); }); /******************************************************************************* Template(s): All Crosstables Author(s): FO-nTTaX *******************************************************************************/ var selector = '.crosstable'; $(selector).find('th, td').hover(function() { var crosstable = $(this).closest(selector); var rawrow = $(this).closest('tr').index(); var rawcol = $(this).index(); crosstable.addClass('row-' + (rawrow + 1)).addClass('col-' + (rawcol + 1)); crosstable.find('tr:nth-child(' + rawrow + ') td:nth-child(' + rawcol + ')').addClass('crosstable-top-left'); crosstable.find('tr:nth-child(' + rawrow + ') td:nth-child(' + (rawcol + 2) + ')').addClass('crosstable-top-right'); crosstable.find('tr:nth-child(' + (rawrow + 2) + ') td:nth-child(' + rawcol + ')').addClass('crosstable-bottom-left'); crosstable.find('tr:nth-child(' + (rawrow + 2) + ') td:nth-child(' + (rawcol + 2) + ')').addClass('crosstable-bottom-right'); }, function() { var crosstable = $(this).closest(selector); var rawrow = $(this).closest('tr').index(); var rawcol = $(this).index(); crosstable.removeClass('row-' + (rawrow + 1)).removeClass('col-' + (rawcol + 1)); crosstable.find('tr:nth-child(' + rawrow + ') td:nth-child(' + rawcol + ')').removeClass('crosstable-top-left'); crosstable.find('tr:nth-child(' + rawrow + ') td:nth-child(' + (rawcol + 2) + ')').removeClass('crosstable-top-right'); crosstable.find('tr:nth-child(' + (rawrow + 2) + ') td:nth-child(' + rawcol + ')').removeClass('crosstable-bottom-left'); crosstable.find('tr:nth-child(' + (rawrow + 2) + ') td:nth-child(' + (rawcol + 2) + ')').removeClass('crosstable-bottom-right'); }); /******************************************************************************* Template(s): Liquipedia links Author(s): ??? *******************************************************************************/ jQuery(document).ready(function() { var sCurrentWiki = window.location.href.split('/')[3]; var iNumberOfLinks = jQuery('.liquipedia-links > li > a').length; jQuery('.liquipedia-links > li > a').each(function() { var $this = jQuery(this); var sWiki = jQuery(this).attr('href').split('/')[3]; if(sWiki != sCurrentWiki) { var sPageName = jQuery(this).text(); jQuery.getJSON('http://wiki.teamliquid.net/' + sWiki + '/api.php?action=query&titles=' + sPageName + '&prop=pageprops&format=json', function(data) { jQuery.each(data.query.pages, function(iKey, oVal) { var sPageNameFixed; if((typeof oVal.pageprops !== 'undefined') && (typeof oVal.pageprops.displaytitle !== 'undefined')) { sPageNameFixed = oVal.pageprops.displaytitle; } else { sPageNameFixed = oVal.title; } $this.html('» ' + sPageNameFixed); jQuery('#scroll-wrapper-menu > ul > li > ul > li > a[href^="http://wiki.teamliquid.net/'+sWiki+'/"]').parent().after($this.parent()); }); }); } }); jQuery('#brand-desktop').append('<span class="badge wiki-backgroundcolor-navbar-badge liquipedia-links-badge">' + iNumberOfLinks + '</span>'); }); /******************************************************************************* Template(s): Prize pool tables Author(s): FO-nTTaX *******************************************************************************/ $(document).ready(function () { $('table.prizepooltable').each(function (index) { $(this).addClass('collapsed'); var cutafter; if (($(this).attr('data-cutafter')) && ($(this).data('cutafter') == '')) { cutafter = 5; } else { cutafter = parseInt($(this).data('cutafter')) + 1; } $(this).data('definedcutafter', cutafter + 2); if ($(this).find('tr').length > cutafter) { $(this).find('tr:nth-child('+cutafter+')').after('<tr><td colspan="'+$(this).find('tr:first-child th').length+'" class="prizepooltabletoggle"><small class="prizepooltableshow">place '+cutafter+' to '+ ($(this).find('tr').length - 1) +' <i class="fa fa-chevron-down"></i></small><small class="prizepooltablehide">place '+cutafter+' to '+ ($(this).find('tr').length - 1) +' <i class="fa fa-chevron-up"></i></small></td></tr>'); $(this).closest('table.prizepooltable').find('tr:nth-child(n+'+ $(this).closest('table.prizepooltable').data('definedcutafter') +')').css('display', 'none'); } }); $('.prizepooltabletoggle').click(function() { $(this).closest('table.prizepooltable').toggleClass('collapsed'); $(this).closest('table.prizepooltable').find('tr:nth-child(n+'+ $(this).closest('table.prizepooltable').data('definedcutafter') +')').toggle(); }); }); /******************************************************************************* Template(s): Tab Templates Author(s): FO-nTTaX *******************************************************************************/ $(document).ready (function() { $('div.tabs-dynamic ul.nav-tabs > li').each( function () { $(this).parent().parent().children('div.tabs-content').children('div:eq(' + $(this).index() + ')').prepend('<h6 style="display:none;">' + $(this).html() + '</h6>'); $(this).html('<a href="javascript:;">' + $(this).html() + '</a>'); } ); $('div.tabs-dynamic ul.nav-tabs > li:not(.show-all)').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'); $(this).parent().parent().find('div.tabs-content > div > h6:first-child').hide(); } ); $('div.tabs-dynamic ul.nav-tabs > li.show-all').click( function () { $(this).parent().children('li').removeClass('active'); $(this).addClass('active'); $(this).parent().parent().children('div.tabs-content').children('div').addClass('active'); $(this).parent().parent().find('div.tabs-content > div > h6:first-child').show(); } ); $('div.tabs-dynamic').each(function(index) { var h = $(this).children('ul.nav-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.nav-tabs li').removeClass('active'); $('div.tabs-dynamic ul.nav-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); } } }); $('.tabs-dynamic .nav-tabs > li a, .matchlistslot a').attr('href', 'javascript:;'); /******************************************************************************* Template(s): Toggles for templates Author(s): Various, Wikipedia *******************************************************************************/ 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'); } } }); }; /** Collapsible tables ********************************************************* * * From English Wikipedia, 2008-09-15 * * Description: Allows tables to be collapsed, showing only the header. See * [[Wikipedia:NavFrame]]. * Maintainers: [[User:R. Koot]] */ var autoCollapse = 2; var collapseCaption = "hide"; var expandCaption = "show"; function collapseTable( tableIndex ) { var Button = document.getElementById( "collapseButton" + tableIndex ); var Table = document.getElementById( "collapsibleTable" + tableIndex ); if ( !Table || !Button ) { return false; } var Rows = Table.rows; if ( Button.firstChild.data == collapseCaption ) { for ( var i = 1; i < Rows.length; i++ ) { Rows[i].style.display = "none"; } Button.firstChild.data = expandCaption; $('.mapsCollapseButton', Table).hide(); } else { for ( var i = 1; i < Rows.length; i++ ) { if ( hasClass( Rows[i], "maprow" ) ) { // Skip showing for this row if the maps are in collapsed state if ($(Table).data('maps-collapsed')) { continue; } } Rows[i].style.display = Rows[0].style.display; } Button.firstChild.data = collapseCaption; $('.mapsCollapseButton', Table).show(); } } function createCollapseButtons() { var tableIndex = 0; var NavigationBoxes = new Object(); var Tables = document.getElementsByTagName( "table" ); for ( var i = 0; i < Tables.length; i++ ) { if ( hasClass( Tables[i], "collapsible" ) ) { /* only add button and increment count if there is a header row to work with */ var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0]; if (!HeaderRow) continue; var Header = HeaderRow.getElementsByTagName( "th" )[0]; if (!Header) continue; NavigationBoxes[ tableIndex ] = Tables[i]; Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex ); var Button = document.createElement( "span" ); var ButtonLink = document.createElement( "a" ); var ButtonText = document.createTextNode( collapseCaption ); Button.className = "collapseButton"; //Styles are declared in Common.css ButtonLink.style.color = Header.style.color; ButtonLink.setAttribute( "id", "collapseButton" + tableIndex ); ButtonLink.setAttribute( "href", "javascript:collapseTable(" + tableIndex + ");" ); ButtonLink.appendChild( ButtonText ); Button.appendChild( document.createTextNode( "[" ) ); Button.appendChild( ButtonLink ); Button.appendChild( document.createTextNode( "]" ) ); Header.insertBefore( Button, Header.childNodes[0] ); tableIndex++; } } // Create [+maps] buttons after setting up the table collapse buttons, // but before initial collapseTable calls toggleMapListSetup(); for ( var i = 0; i < tableIndex; i++ ) { if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) { collapseTable( i ); } } } /** Test if an element has a certain class ************************************** * * Description: Uses regular expressions and caching for better performance. * Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]] */ var hasClass = (function () { var reCache = {}; return function (element, className) { return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className); }; })(); /** Dynamic Navigation Bars (experimental) ************************************* * * Description: See [[Wikipedia:NavFrame]]. * Maintainers: UNMAINTAINED */ // set up the words in your language var NavigationBarHide = '[' + collapseCaption + ']'; var NavigationBarShow = '[' + expandCaption + ']'; // shows and hides content and picture (if available) of navigation bars // Parameters: // indexNavigationBar: the index of navigation bar to be toggled function toggleNavigationBar(indexNavigationBar) { var NavToggle = document.getElementById("NavToggle" + indexNavigationBar); var NavFrame = document.getElementById("NavFrame" + indexNavigationBar); if (!NavFrame || !NavToggle) { return false; } // if shown now if (NavToggle.firstChild.data == NavigationBarHide) { for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) { if ( hasClass( NavChild, 'NavPic' ) ) { NavChild.style.display = 'none'; } if ( hasClass( NavChild, 'NavContent') ) { NavChild.style.display = 'none'; } } NavToggle.firstChild.data = NavigationBarShow; // if hidden now } else if (NavToggle.firstChild.data == NavigationBarShow) { for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) { if (hasClass(NavChild, 'NavPic')) { NavChild.style.display = 'block'; } if (hasClass(NavChild, 'NavContent')) { NavChild.style.display = 'block'; } } NavToggle.firstChild.data = NavigationBarHide; } } // adds show/hide-button to navigation bars function createNavigationBarToggleButton() { var indexNavigationBar = 0; // iterate over all < div >-elements var divs = document.getElementsByTagName("div"); for (var i = 0; NavFrame = divs[i]; i++) { // if found a navigation bar if (hasClass(NavFrame, "NavFrame")) { indexNavigationBar++; var NavToggle = document.createElement("a"); NavToggle.className = 'NavToggle'; NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar); NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');'); var isCollapsed = hasClass( NavFrame, "collapsed" ); /* * Check if any children are already hidden. This loop is here for backwards compatibility: * the old way of making NavFrames start out collapsed was to manually add style="display:none" * to all the NavPic/NavContent elements. Since this was bad for accessibility (no way to make * the content visible without JavaScript support), the new recommended way is to add the class * "collapsed" to the NavFrame itself, just like with collapsible tables. */ for (var NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling) { if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) { if ( NavChild.style.display == 'none' ) { isCollapsed = true; } } } if (isCollapsed) { for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) { if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) { NavChild.style.display = 'none'; } } } var NavToggleText = document.createTextNode(isCollapsed ? NavigationBarShow : NavigationBarHide); NavToggle.appendChild(NavToggleText); // Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) for(var j=0; j < NavFrame.childNodes.length; j++) { if (hasClass(NavFrame.childNodes[j], "NavHead")) { NavFrame.childNodes[j].appendChild(NavToggle); } } NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar); } } } $(document).ready(function () { if($('.scrollTimeline').length > 0) { $('.scrollTimeline')[0].scrollLeft = $('.timeline').width(); } }); $(document).ready (function() { createCollapseButtons(); createNavigationBarToggleButton(); /* Force scroll to anchor, if there is one, after divs and tables are collapsed */ if (location.hash) { var selector = location.hash.replace( /(:|\.|\[|\])/g, "\\$1" ); if ($(selector).length > 0) $(document).scrollTop($(selector).offset().top); } }); /******************************************************************************* Template(s): All Infoboxes Author(s): FO-nTTaX *******************************************************************************/ function positionInfobox() { var infobox = $('.fo-nttax-infobox-wrapper').eq(0); $('#main-content').css('min-height', infobox.outerHeight() + 10); var infoboxLeft = $('.main-content').offset().left + $('.main-content').outerWidth(); if(infoboxLeft + infobox.outerWidth(true) < $(window).width()) { infobox.addClass('popout'); } else { infobox.removeClass('popout'); } } $(document).ready(function() { positionInfobox(); }); $(window).resize(function() { positionInfobox(); }); /******************************************************************************* Template(s): Select all for pre elements Author(s): Chapatiyaq *******************************************************************************/ $(document).ready( function() { $( 'pre.selectall' ).each( function() { var $wrapper, $relative; $wrapper = $( '<div class="selectall-wrapper"></div>' ).insertBefore( $(this) ); $(this).detach().appendTo( $wrapper ); $(this).before( $( '<a class="selectall-button" href="javascript:;">Select all</a>' ) ); $relative = $( '<div class="selectall-relative"></div>' ).insertBefore( $(this) ); $(this).detach().appendTo( $relative ); }); $( 'div.selectall-wrapper' ).on( 'blur', 'textarea.selectall-duplicate', function() { $(this).remove(); }); $( 'a.selectall-button' ).on( 'click', function() { var $wrapper = $(this).closest( 'div.selectall-wrapper' ), $pre = $wrapper.find( 'pre.selectall' ); $( '<textarea>' ) .attr( 'readonly', true ) .addClass( 'selectall-duplicate' ) .text( $pre.text() ) .appendTo( $wrapper.find( 'div.selectall-relative' ) ) .css( { 'padding': $pre.css( 'padding' ), 'line-height': $pre.css( 'line-height' ), 'font-family': $pre.css( 'font-family' ), 'font-size': $pre.css( 'font-size' ) }) .focus().select(); }); });