MediaWiki:Common.js: Difference between revisions

// Current Event Tab
$(document).ready(function() {
  const options = {method: 'GET', headers: {'Cr-Api-Key': 'CR-Wiki-Public-jagAA4388DSfjk3'}};

fetch('https://api.chromerivals.net/info/server/events', options)
  .then(function(response) { return response.json()})
  .then(function(response) { 
    var event = '';
    if (response.result.length == 0) {
        event += '<li class="mw-list-item mw-list-item-js" id="current-events-no">Current Events <br> There are no events running</li>';    
    } else {
        //event += '<li class="mw-list-item mw-list-item-js current-events" id="current-events-no">Current Events <br></li>';    
        for(var i = 0; i < response.result.length; i++) {
            var eventName = response.result[i].mapsName.replaceAll(/\\./g, '');
            event += '<li class="mw-list-item mw-list-item-js current-events" id="=current-events-' + i + '">'
            + '<img src="https://download.chromerivals.net/resources/maps/big/' + response.result[i].maps[0] + '.png" width="30px">'
            + 'Current Events <br>' + eventName
            + '</li>';    

        }
    }
    $(event).insertAfter("#server-time-href");
})
  .catch(function(err) { console.error(err)});
});


//CC Footer
const box = document.createElement("div");
box.id = "footerCC";
document.body.appendChild(box);
 
document.getElementById('footerCC').innerHTML = '<p xmlns:cc="http://creativecommons.org/ns#" >This work is licensed under <a href="http://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://wiki.chromerivals.net/images/c/c6/Attribution_icon_white_x2.png"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://wiki.chromerivals.net/images/1/15/Cc_icon_white_x2.png"></a></p>';

 
/* Notes
PortletID:
p-namespaces - Left tab
p-views - Right tab
pt-userpage - Top tab
*/


// Timer
(function() {
  var clockTime = function() {
    var date = new Date();

    var label = document.getElementById('server-time-label');
    var href = document.getElementById('server-time-href');

    if(label)
      label.innerHTML = date.toLocaleTimeString('en-gb', {timeZone: "etc/GMT-2", hour12: false});

    if(href)
      href.innerHTML = 'Server Time <br>' + date.toLocaleString('en-gb', {timeZone: "etc/GMT-2", timeZoneName: 'short', hour12: false});
  };

  clockTime();

  setInterval(clockTime, 1000);
})();


// Add New tab - Timer
$.when( mw.loader.using( 'mediawiki.util' ), $.ready ).then( function () {
    mw.util.addPortletLink( 
    	'p-views', 
    	'',
    	'',
    	'server-time-href', 
    	'',
    	'accesskey',
    	'#ca-view'
    	);
} );

// Countdown Timer - CDTimer
// Set the date we're counting down to
var countDownDate = new Date("Aug 24, 2023 00:00:01").getTime();

// Update the count down every 1 second
var x = setInterval(function() {

  // Get today's date and time
  var now = new Date().getTime();
    
  // Find the distance between now and the count down date
  var distance = countDownDate - now;
    
  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    
  // Output the result in an element with id="CDTimer"
  document.getElementById("CDTimer").innerHTML = days + "d " + hours + "h "
  + minutes + "m " + seconds + "s ";
    
  // If the count down is over, write some text 
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("CDTimer").innerHTML = "Happy 5th year CR server anniversary!";
  }
}, 1000);


// Row click link TableShops, CrystalShop(s)
$(document).ready(function() {
    var rows = $('.TableShops, .CrystalShop1, .CrystalShop2, .CrystalShop3').find('tr');
    rows.on('click', function() {
        var row = $(this);
        console.log(row);
        if (row.find('a') !== null) {
            window.location = row.find('a').attr('href');;
        }
    });       
});


// Cell click link CRPShopTable
$(document).ready(function() {
    var rows = $('.CRPShopTable').find('td');
    rows.on('click', function() {
        var row = $(this);
        console.log(row);
        if (row.find('a') !== null) {
            window.location = row.find('a').attr('href');;
        }
    });       
});


// Tooltip on whole row hover FixesTable
var rows = $('.FixesTable').find('tr');
rows.each(function() {
    var row = $(this);
    row.attr('title', row.find('td').attr('title'));
});