MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */
/*
     const countDownDate = 'January 21 2021 07:00:00 GMT+0000';

    function getTimeRemaining(endtime) {
        const total = Date.parse(endtime) - Date.parse(new Date());
        const seconds = Math.floor((total / 1000) % 60);
        const minutes = Math.floor((total / 1000 / 60) % 60);
        const hours = Math.floor((total / (1000 * 60 * 60)) % 24);
        const days = Math.floor(total / (1000 * 60 * 60 * 24));
        return {
          total: total, 
          days: days, 
          hours: hours,  
          minutes: minutes, 
          seconds: seconds
        };
    }
    function tick(id, endtime) {
      const clock = document.getElementById(id);
      if(clock != null)
      {
    	const t = getTimeRemaining(endtime);
    	clock.innerHTML = t.days + "d " + t.hours + "h " + t.minutes + "m " + t.seconds + "s ";
        if (t.total <= 0) { clearInterval(timeinterval); }
      }
    }

    function initializeClock(id, endtime) {
        const timeinterval = setInterval(function() { tick(id, endtime) }, 1000);
        tick(id, endtime);
    }

    initializeClock('launch_timer', countDownDate);
*/

$(document).ready(function() { 
  Array.from(document.getElementsByClassName('mw-parser-output')[0].getElementsByClassName('upgrade_panel')).forEach(infobox => {
    Array.from(infobox.getElementsByClassName('upgrade_page_button')).forEach(button => {
      button.parentElement.onclick = function(e) {
        e.preventDefault();
        var level = button.dataset.level;
        Array.from(infobox.getElementsByClassName('upgrade_page')).forEach(
            page => page.classList.toggle('hidden', page.dataset.page != level));
        Array.from(infobox.getElementsByClassName('upgrade_page_button')).forEach(
            btn => btn.classList.toggle('active', btn === button));
        infobox.getElementsByClassName('upgrade_put_level')[0].textContent =
            button.getElementsByClassName('upgrade_get_level')[0].textContent;
      };
    });
  });
});