MediaWiki:Common.js: Difference between revisions

Revision as of 14:21, 6 March 2024

/**
 * Adds CSS classes to the body tag based on the categories this page belongs to
 *
 * @source https://www.mediawiki.org/wiki/Snippets/Style_pages_based_on_categories
 * @revision 2016-01-18
 */
(function($, mw) {
  var fn = function() {
    var cats = mw.config.get('wgCategories'), newClasses;
    if (cats) {
      newClasses = $.map(cats, function(el) {
        return 'cat-' + encodeURIComponent(el.replace(/[ .]/g, '_')).replace(/%/g, '_');
      }).join(' ');
      $(document.body).addClass(newClasses);
    }
  };
  if (document.body) {
    fn();
  } else {
    $(fn);
  }
})(jQuery, mw);

console.log("test");


  let fullscreenDiv = document.createElement('div');
  fullscreenDiv.id = 'fullscreenDiv';
  document.body.appendChild(fullscreenDiv);

  let timeout;

  function resetTimer() {
    clearTimeout(timeout);
    timeout = setTimeout(showFullscreenDiv, 3000); // 10 seconds
  }

  function showFullscreenDiv() {
    fullscreenDiv.style.display = 'block';
  }

  function hideFullscreenDiv() {
    fullscreenDiv.style.display = 'none';
  }

  document.addEventListener('mousemove', resetTimer);
  document.addEventListener('click', resetTimer);
  document.addEventListener('touchstart', resetTimer);

  document.addEventListener('mousemove', hideFullscreenDiv);
  document.addEventListener('click', hideFullscreenDiv);
  document.addEventListener('touchstart', hideFullscreenDiv);

  resetTimer(); // Start the timer when the page loads