Difference between revisions of "MediaWiki:Common.js"
Jump to navigation
Jump to search
m |
Tag: Undo |
||
(180 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
+ | // emptycells-gray | ||
+ | $('.emptycells-gray td').each(function() { | ||
+ | if (!/\S/.test($(this).html())) { | ||
+ | $(this).css('background-color', '#a2a9b1'); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
/* brackets code */var highlighted; | /* brackets code */var highlighted; | ||
$.fn.justtext = function() { | $.fn.justtext = function() { | ||
Line 7: | Line 16: | ||
var bracketGame; | var bracketGame; | ||
− | // | + | //Garlic testing |
+ | $('.resultsinfo').click(function() { | ||
+ | $(this).parent().next('.resultsdetails').toggle(); | ||
+ | }); | ||
+ | var abc123 = $('.garlicbracketinfocell').height() * 0.5; | ||
+ | $('.garlicbracketinforow').height(abc123); | ||
+ | |||
+ | //Main Page | ||
if (window.location.href == "http://comp.tf/wiki/Main_Page") { | if (window.location.href == "http://comp.tf/wiki/Main_Page") { | ||
$('#siteNotice').css("display","none"); | $('#siteNotice').css("display","none"); | ||
} | } | ||
− | + | $('.mainpage-noticeboard').click( function() { | |
− | + | window.location.replace("http://comp.tf/wiki/Editors'_Noticeboard"); | |
− | + | }); | |
− | + | $('.infobox_matches_content:first').css({"border-top":"hidden"}); | |
+ | $('.infobox_matches_content:last tbody tr:last').remove(); | ||
//padding on bottom advert | //padding on bottom advert | ||
$('#mw-data-after-content').css("padding-top","3em"); | $('#mw-data-after-content').css("padding-top","3em"); | ||
− | // | + | //Template:MapCard and Template:6sTeamCard |
− | $('. | + | $('.mapcard-img a').removeAttr('title'); |
+ | $('.comptf-cardbg').hover( | ||
+ | function() { | ||
+ | $(this).find('.comptf-cardfg').css({"display":""}); | ||
+ | }, function() { | ||
+ | $(this).find('.comptf-cardfg').css({"display":"none"}); | ||
+ | } | ||
+ | ); | ||
+ | |||
+ | //Template:ClickTabs | ||
+ | $('.clicktabs-tab').click(function() { | ||
+ | var tabnum = this.id.substring(14); | ||
+ | |||
+ | $(this).parents('.clicktabs').find('.clicktabs-tab').addClass('clicktabs-inactive').removeClass('clicktabs-active'); | ||
+ | $(this).parents('.clicktabs').find('.clicktabs-content').css({ | ||
+ | "display":"none" | ||
+ | }); | ||
+ | |||
+ | $(this).parents('.clicktabs').find('#clicktabs-tab-' + tabnum).toggleClass('clicktabs-inactive clicktabs-active'); | ||
+ | $(this).parents('.clicktabs').find('#clicktabs-content-' + tabnum).css({ | ||
+ | "display":"table-cell" | ||
+ | }); | ||
+ | }); | ||
//Portal:Players | //Portal:Players | ||
Line 40: | Line 79: | ||
//Weekmaps | //Weekmaps | ||
function weekmaps() { | function weekmaps() { | ||
− | var tdWidth = $('.weekmaps td').width() - | + | var tdWidth = $('.weekmaps td').width() - 25; |
$('.weekmaps td span').css({"display":"inline-block","overflow":"hidden"}); | $('.weekmaps td span').css({"display":"inline-block","overflow":"hidden"}); | ||
$('.weekmaps td span').each(function(index,element) { | $('.weekmaps td span').each(function(index,element) { | ||
− | var numOfImg = $(element). | + | var numOfImg = $(element).siblings().length; |
− | if (numOfImg == | + | if (numOfImg == 1) { |
$(element).css({"width":(tdWidth/2) + "px"}); | $(element).css({"width":(tdWidth/2) + "px"}); | ||
+ | $(element).find('img').css({"width":tdWidth + "px","height":(tdWidth/16*9) + "px","transform":"translateX(-25%)"}); | ||
} else { | } else { | ||
$(element).find('img').css({"width":tdWidth + "px","height":(tdWidth/16*9) + "px"}); | $(element).find('img').css({"width":tdWidth + "px","height":(tdWidth/16*9) + "px"}); | ||
} | } | ||
}); | }); | ||
− | |||
} | } | ||
− | weekmaps(); | + | $(document).ready(weekmaps()); |
+ | $(window).resize(function(){weekmaps()}); | ||
+ | //Template:6sTeamCard | ||
+ | $('.teamcard-image').hover(function(){$(this).parent().parent().parent().parent().find('.teamcard-table').css({"display":""})},function(){$(this).parent().parent().parent().parent().find('.teamcard-table').css({"display":"none"})}); | ||
+ | $('.teamcard-table').hover(function(){$(this).css({"display":""})},function(){$(this).css({"display":"none"})}); | ||
$(document).ready(function() { | $(document).ready(function() { |
Latest revision as of 14:09, 28 April 2023
/* Any JavaScript here will be loaded for all users on every page load. */ // emptycells-gray $('.emptycells-gray td').each(function() { if (!/\S/.test($(this).html())) { $(this).css('background-color', '#a2a9b1'); } }); /* brackets code */var highlighted; $.fn.justtext = function() { return $(this).clone().children().remove('div').end().text().trim(); }; var bracketGame; //Garlic testing $('.resultsinfo').click(function() { $(this).parent().next('.resultsdetails').toggle(); }); var abc123 = $('.garlicbracketinfocell').height() * 0.5; $('.garlicbracketinforow').height(abc123); //Main Page if (window.location.href == "http://comp.tf/wiki/Main_Page") { $('#siteNotice').css("display","none"); } $('.mainpage-noticeboard').click( function() { window.location.replace("http://comp.tf/wiki/Editors'_Noticeboard"); }); $('.infobox_matches_content:first').css({"border-top":"hidden"}); $('.infobox_matches_content:last tbody tr:last').remove(); //padding on bottom advert $('#mw-data-after-content').css("padding-top","3em"); //Template:MapCard and Template:6sTeamCard $('.mapcard-img a').removeAttr('title'); $('.comptf-cardbg').hover( function() { $(this).find('.comptf-cardfg').css({"display":""}); }, function() { $(this).find('.comptf-cardfg').css({"display":"none"}); } ); //Template:ClickTabs $('.clicktabs-tab').click(function() { var tabnum = this.id.substring(14); $(this).parents('.clicktabs').find('.clicktabs-tab').addClass('clicktabs-inactive').removeClass('clicktabs-active'); $(this).parents('.clicktabs').find('.clicktabs-content').css({ "display":"none" }); $(this).parents('.clicktabs').find('#clicktabs-tab-' + tabnum).toggleClass('clicktabs-inactive clicktabs-active'); $(this).parents('.clicktabs').find('#clicktabs-content-' + tabnum).css({ "display":"table-cell" }); }); //Portal:Players $('.player-portal-flag').click(function() { var nation = this.id.substring(14); var nationProper = nation.substring(0,1).toUpperCase() + nation.substring(1); if (nation == "united_states") { nationProper = "United_States"; } $('.player-portal-cell').parent().css("background-color","#f9f9f9"); $('.player-portal-cell').removeAttr('id'); $('.player-portal-cell-' + nation).parent().css("background-color","#dceeff"); $('.player-portal-cell-' + nation).parent().parent().parent().attr('id',nationProper); }); //Weekmaps function weekmaps() { var tdWidth = $('.weekmaps td').width() - 25; $('.weekmaps td span').css({"display":"inline-block","overflow":"hidden"}); $('.weekmaps td span').each(function(index,element) { var numOfImg = $(element).siblings().length; if (numOfImg == 1) { $(element).css({"width":(tdWidth/2) + "px"}); $(element).find('img').css({"width":tdWidth + "px","height":(tdWidth/16*9) + "px","transform":"translateX(-25%)"}); } else { $(element).find('img').css({"width":tdWidth + "px","height":(tdWidth/16*9) + "px"}); } }); } $(document).ready(weekmaps()); $(window).resize(function(){weekmaps()}); //Template:6sTeamCard $('.teamcard-image').hover(function(){$(this).parent().parent().parent().parent().find('.teamcard-table').css({"display":""})},function(){$(this).parent().parent().parent().parent().find('.teamcard-table').css({"display":"none"})}); $('.teamcard-table').hover(function(){$(this).css({"display":""})},function(){$(this).css({"display":"none"})}); $(document).ready(function() { $('.bracket-game').each( function() { if ($(this).find('.bracket-game-details').length > 0) { var margin = $(this).find(':first-child').height() - 6; $(this).prepend('<div class="icon" style="margin-top:' + margin + 'px;"></div>'); } }); $('.match-row').each( function() { if ($(this).find('.bracket-game-details').length > 0) { $(this).find('td:eq(2)').prepend('<div style="position:relative"><div class="match-row-icon"></div></div>'); } }); $('.match-row').hover(function () { $(this).addClass('bracket-hover'); if ($(this).closest('.match-row').find('.bracket-game-details').length) { $(this).css('cursor', 'pointer'); } }, function () { $(this).removeClass('bracket-hover'); }); $('.bracket-team-top, .bracket-team-bottom, .bracket-team-middle, .bracket-player-top, .bracket-player-bottom, .bracket-player-middle, .bracket-game .icon').hover(function () { t = $(this); var text = t.justtext(); if (text) { highlighted = t.parents('.bracket').find('.bracket-team-top, .bracket-team-bottom, .bracket-team-middle, .bracket-player-top, .bracket-player-bottom, .bracket-player-middle').filter(function () { return $(this).justtext() == text; }); highlighted.css('background', '#cecece'); } }, function() { highlighted.css('background', ''); }); $('html').click(function () { if (bracketGame != null) { bracketGame.find('.bracket-game-details').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'), detailsHeight, detailsWidth, spaceOnTheRight; if (bracketGame != null) { bracketGame.children('.bracket-game-details').toggle(); if (bracketGame[0] === $(this).closest('.bracket-game')[0]) { bracketGame = null; return; } } bracketGame = $(this).closest('.bracket-game'); detailsHeight= bracketGame.children('.bracket-game-details').height(); detailsWidth = bracketGame.children('.bracket-game-details').width(); bracketGame.children('.bracket-game-details').css('margin-top', -detailsHeight / 2); spaceOnTheRight = Math.max($(window).width(), bracket.offset().left + bracket.outerWidth()) - (bracketGame.offset().left + bracketGame.outerWidth()); if (spaceOnTheRight < detailsWidth && bracketGame.offset().left > detailsWidth) { bracketGame.children('.bracket-game-details').css('margin-left', -detailsWidth - 1); } else { bracketGame.children('.bracket-game-details').css('margin-left', bracketGame.width()); } bracketGame.children('.bracket-game-details').fadeToggle(0); event.stopPropagation(); }); $('.match-row').click(function (event) { if (bracketGame != null) { bracketGame.find('.bracket-game-details').toggle(); if (bracketGame[0] === $(this)[0]) { bracketGame = null; return; } } bracketGame = $(this); var height = bracketGame.find('.bracket-game-details').height(); bracketGame.find('.bracket-game-details').css('margin-top', 3); bracketGame.find('.bracket-game-details').toggle(); event.stopPropagation(); }); $('.bracket-game-details').click(function (event) { event.stopPropagation(); }); }); /* Cross table row/column highlights */ /* Liquipedia Attribution */ $('.crosstable td').hover(function() { var crcolumn = parseInt($(this).index()) + 1; var crcolumnp = crcolumn + 1; var crcolumnm = crcolumn - 1; var crrow = parseInt($(this).parent().index()) + 1; var crrowp = crrow + 1; var crrowm = crrow - 1; $(this).closest('table').find('tr:not(:nth-child(' + crrow + '))').find('td:nth-child(' + crcolumnp + ')').addClass('crosstable-highlighted-column-right'); $(this).closest('table').find('tr:not(:nth-child(' + crrow + '))').find('td:nth-child(' + crcolumnm + ')').addClass('crosstable-highlighted-column-left'); $(this).closest('table').find('tr:nth-child(' + crrowp + ')').find('td:not(:nth-child(' + crcolumn + '))').addClass('crosstable-highlighted-row-lower'); $(this).closest('table').find('tr:nth-child(' + crrowm + ')').find('td:not(:nth-child(' + crcolumn + '))').addClass('crosstable-highlighted-row-upper'); $(this).closest('table').find('tr:not(:nth-child(' + crrow + '))').find('td:not(:nth-child(' + crcolumn + '))').addClass('crosstable-muted'); }, function() { var crcolumn = parseInt($(this).index()) + 1; var crcolumnp = crcolumn + 1; var crcolumnm = crcolumn - 1; var crrow = parseInt($(this).parent().index()) + 1; var crrowp = crrow + 1; var crrowm = crrow - 1; $(this).closest('table').find('td:nth-child(' + crcolumnp + ')').removeClass('crosstable-highlighted-column-right'); $(this).closest('table').find('td:nth-child(' + crcolumnm + ')').removeClass('crosstable-highlighted-column-left'); $(this).closest('table').find('tr:nth-child(' + crrowp + ')').find('td').removeClass('crosstable-highlighted-row-lower'); $(this).closest('table').find('tr:nth-child(' + crrowm + ')').find('td').removeClass('crosstable-highlighted-row-upper'); $(this).closest('table').find('tr:not(:nth-child(' + crrow + '))').find('td:not(:nth-child(' + crcolumn + '))').removeClass('crosstable-muted'); }); ;$('.crosstable').find('tr:not(:last-child)').children('th').hover(function() { var crrow = parseInt($(this).parent().index()) + 1; var crrowp = crrow + 1; var crrowm = crrow - 1; $(this).closest('table').find('tr:nth-child(' + crrowp + ')').find('td').addClass('crosstable-highlighted-row-lower'); $(this).closest('table').find('tr:nth-child(' + crrowm + ')').find('td').addClass('crosstable-highlighted-row-upper'); $(this).closest('table').find('tr:not(:nth-child(' + crrow + '))').find('td').addClass('crosstable-muted'); }, function() { var crrow = parseInt($(this).parent().index()) + 1; var crrowp = crrow + 1; var crrowm = crrow - 1; $(this).closest('table').find('tr:nth-child(' + crrowp + ')').find('td').removeClass('crosstable-highlighted-row-lower'); $(this).closest('table').find('tr:nth-child(' + crrowm + ')').find('td').removeClass('crosstable-highlighted-row-upper'); $(this).closest('table').find('tr:not(:nth-child(' + crrow + '))').find('td').removeClass('crosstable-muted'); }); /*For implementation of multiple collapsible maps*/ /* Liquipedia Attribution */ 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 */ /* Wikipedia Attribution */ 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 ); } } } addOnloadHook( createCollapseButtons ); /** 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); } } } addOnloadHook( createNavigationBarToggleButton ); /* Prize Pools from Liquipedia */ /* collapse new prize pool tables */ $(document).ready(function () { if ($('table.prizepooltable').length) { $('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; } var cutfrom = cutafter; var cutto = $(this).find('tr').length - 1; if ($(this).hasClass('prizepooltable2')) { cutfrom = Math.ceil(cutfrom / 2); cutto = Math.ceil(cutto / 2); } $(this).data('definedcutafter', cutafter + 2); if ($(this).find('tr').length > cutafter) { $(this).find('tr:nth-child('+cutafter+')').after('<tr><td colspan="'+$(this).find('tr:nth-child(2) td').length+'"><small class="prizepooltableshow">click "show" to display place '+cutfrom+' to '+ cutto +'</small><span class="prizepooltablecollapsebutton">[<span class="prizepooltableshow">show</span>]</span></td></tr>'); $(this).closest('table.prizepooltable').find('tr:nth-child(n+'+ $(this).closest('table.prizepooltable').data('definedcutafter') +')').css('display', 'none'); } }); $('.prizepooltablecollapsebutton').click(function() { $(this).closest('table.prizepooltable').toggleClass('collapsed'); $(this).closest('table.prizepooltable').find('tr:nth-child(n+'+ $(this).closest('table.prizepooltable').data('definedcutafter') +')').toggle(); }); } }); /* Countdown Time code by Kenjin`- */ ;(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 tage = 'd'; 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 times[i] = stringToDate(tempDate, tempTimezone); } 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; } 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); } } // 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) { return function() { var cssClass = [].slice.call(doc.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, time, timeIfEventIsOver, countdown_h; 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) { calculatedDifference = (streams[i] && streams[i] != 0) ? '<a class="hasStream" href=http://www.twitch.tv/'+streams[i].data+' target="_blank">LIVE!</a>' : "LIVE!"; countdowns[i].innerHTML = calculatedDifference; countdowns[i].className += " EventIsLive"; ClassIsAlreadySet[i] = 1; } } } } }; } function calculateDifference(diffTime) { 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; } setInterval(updateCountdowns(times), 1000); /* Calendar code by PhiLtheFisH */ $('.calendar').ready(function () { var nowDate = new Date(); var referenceDate = new Date( nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0); // Constants var PX_PER_MINUTE = 0.5; var MINUTES_PER_DAY = 1440; var WIDTH_OF_COLUMN = 103; var HEIGHT_OF_CALENDAR = 719; var NUMBER_OF_DAYS = 7; // Label header row var DAYS = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; for (var i = 0; i < NUMBER_OF_DAYS; i++) { $('.calendar-header').append('<div class="calendar-column">' + DAYS[(nowDate.getDay() + i) % 7] + '</div>'); } $('.calendar-header').append('<div style="clear:both;"></div>'); // Add a red line that marks the current time difference = ((nowDate - referenceDate) / 60000); topOffset = difference * PX_PER_MINUTE; $('.calendar-events').append('<div style="position: absolute; z-index: 2; width: ' + WIDTH_OF_COLUMN + 'px; border-bottom: 2px solid red; top: ' + topOffset + 'px;"></div>'); // Add events $('.calendar-events').find('.calendar-event-item').each(function () { var startDate, endDate; $(this).find('.start-datetime').each(function () { var firstChildAbbr = $(this).find('abbr').first(); tempTimezone = firstChildAbbr.length > 0 ? firstChildAbbr.attr('title') : false; startDate = stringToDate($(this), tempTimezone); }); $(this).find('.end-datetime').each(function () { var firstChildAbbr = $(this).find('abbr').first(); tempTimezone = firstChildAbbr.length > 0 ? firstChildAbbr.attr('title') : false; endDate = stringToDate($(this), tempTimezone); }); // Check if dates are properly entered if (Object.prototype.toString.call(startDate) === "[object Date]" && Object.prototype.toString.call(endDate) === "[object Date]") { if (!isNaN(startDate.getTime()) && !isNaN(endDate.getTime())) { // calculate position of the event in the calendar eventLength = ((endDate - startDate) / 60000) * PX_PER_MINUTE - 9; difference = ((startDate - referenceDate) / 60000); topOffset = ((difference % MINUTES_PER_DAY + MINUTES_PER_DAY) % MINUTES_PER_DAY) * PX_PER_MINUTE + 1; leftOffset = WIDTH_OF_COLUMN * Math.floor(difference / MINUTES_PER_DAY) + 1; // event was yesterday or more than a week in the future if (leftOffset < -1 || topOffset < -2 || leftOffset > WIDTH_OF_COLUMN * (NUMBER_OF_DAYS - 1) + 1 || topOffset > HEIGHT_OF_CALENDAR) { if (eventLength + topOffset > 0 && leftOffset == -(WIDTH_OF_COLUMN-1)) { var $clone = $(this).clone(); $(this).after($clone); $clone.css('top', (topOffset - HEIGHT_OF_CALENDAR) + 'px'); $clone.css('left', (leftOffset + WIDTH_OF_COLUMN) + 'px'); $clone.css('height', eventLength + 'px'); } $(this).css('display', 'none'); } else { // add event to calendar $(this).css('top', topOffset + 'px'); $(this).css('left', leftOffset + 'px'); $(this).css('height', eventLength + 'px'); // if it overlaps (from one day to another), add the another event that is positioned on the next day if ((topOffset + eventLength) > HEIGHT_OF_CALENDAR) { $(this).before($(this).clone()); $(this).css('top', (topOffset - HEIGHT_OF_CALENDAR) + 'px'); $(this).css('left', (leftOffset + WIDTH_OF_COLUMN) + 'px'); $(this).css('height', eventLength + 'px'); } } } else { $(this).css('display', 'none'); } } else { $(this).css('display', 'none'); } }); }); })(window,document);