|
|
| Line 1: |
Line 1: |
| − | /* 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 = '0' + countdown_s;
| |
| − | else output_s = countdown_s;
| |
| − | if (countdown_m < 10) output_m = '0' + countdown_m;
| |
| − | else output_m = countdown_m;
| |
| − | if (countdown_h < 10) output_h = '0' + 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): Main Page
| |
| − | Author(s): FO-nTTaX
| |
| − | *******************************************************************************/
| |
| − | /* This day */
| |
| − | $(document).ready(function() {
| |
| − | var date = new Date();
| |
| − | var day = date.getDate();
| |
| − | var month = date.getMonth();
| |
| − | var monthp = (date.getMonth() + 1);
| |
| − | var months = [
| |
| − | 'January',
| |
| − | 'February',
| |
| − | 'March',
| |
| − | 'April',
| |
| − | 'May',
| |
| − | 'June',
| |
| − | 'July',
| |
| − | 'August',
| |
| − | 'September',
| |
| − | 'October',
| |
| − | 'November',
| |
| − | 'December',
| |
| − | ];
| |
| − | var datestring = '(' + months[month] + ' ' + get_ordinal(day) + ')';
| |
| − | if($('#this-day-date').text() != datestring) {
| |
| − | var trivialink = mw.util.getUrl('Liquipedia:This_day/' + monthp + '/' + day);
| |
| − | var triviastring = 'Add trivia about this day <a href="' + trivialink + '" title="Liquipedia:This day/' + monthp + '/' + day + '">here</a>.';
| |
| − | var apiurl = mw.util.wikiScript('api') + '?action=parse&format=json&page=Liquipedia:This_day/' + monthp + '/' + day;
| |
| − | $.getJSON(apiurl, function(data) {
| |
| − | if(typeof data.parse != 'undefined') {
| |
| − | $('#this-day-date').text(datestring);
| |
| − | $('#this-day-trivialink').html(triviastring);
| |
| − | $('#this-day-facts').html(data.parse.text['*'].replace('<p><br />\n</p>', ''));
| |
| − | }
| |
| − | });
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | function get_ordinal(i) {
| |
| − | if(i == 1 || i == 21 || i == 31) {
| |
| − | return i + 'st';
| |
| − | } else if(i == 2 || i == 22) {
| |
| − | return i + 'nd';
| |
| − | } else if(i == 3 || i == 23) {
| |
| − | return i + 'rd';
| |
| − | } else {
| |
| − | return i + 'th';
| |
| − | }
| |
| − | }
| |
| − | /* Share birthdays */
| |
| − | $(document).ready(function() {
| |
| − | $('.share-birthday').css('cursor', 'pointer');
| |
| − | $('body').on('click', '.share-birthday', function() {
| |
| − | var url = 'http://wiki.teamliquid.net' + mw.config.get('wgArticlePath').replace('$1', $(this).data('page'));
| |
| − | var twitterhandlearr = $(this).data('url').replace('#!/', '').replace(']', '').split('twitter.com/');
| |
| − | twitterhandle = twitterhandlearr[twitterhandlearr.length - 1];
| |
| − | var text = 'Happy birthday, @' + twitterhandle + '!';
| |
| − | Share.twitter(url, text);
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | /*******************************************************************************
| |
| − | 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();
| |
| − | });
| |
| − | });
| |