Difference between revisions of "MediaWiki:Common.js"
From QWiki
D0PESK1LLZ (talk | contribs) (Created page with "→Any JavaScript here will be loaded for users using the LiquiFlow skin: /************************************* LOAD SCRIPTS FOR VARIOUS TEMPLATES **********************...") |
m (Testing tracking script) |
||
(31 intermediate revisions by 2 users 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 */ |
− | if($('. | + | $(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 = []; |
− | if( | + | 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) { |
− | if( | + | |
− | + | 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) { |
− | if( | + | |
− | + | 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')); | ||
} | } | ||
− | /* | + | /******************************************************************************* |
− | if($('. | + | 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>'); | ||
+ | } | ||
+ | } | ||
+ | });*/ | ||
} | } | ||
− | /* | + | /******************************************************************************* |
− | if($('. | + | 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', ''); | ||
+ | } | ||
+ | } | ||
} | } | ||
− | /* | + | /******************************************************************************* |
− | if($(' | + | 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:;'); | ||
− | /* | + | /******************************************************************************* |
− | if($('. | + | 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(); | ||
+ | }); | ||
+ | }); |
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(); }); });