MediaWiki:Common.js: Difference between revisions

Revision as of 16:29, 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);


(function($, mw) {
  console.log('aaaaa');

  let fullscreenDiv = $('<div>').attr('id', 'fullscreenDiv');
  $('body').append(fullscreenDiv);

  let timeout;

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

  function showFullscreenDiv() {
    fullscreenDiv.css('display', 'block');
  }

  function hideFullscreenDiv() {
    fullscreenDiv.css('display', 'none');
  }

  $(document).on('mousemove click touchstart', resetTimer);
  $(document).on('mousemove click touchstart', hideFullscreenDiv);

  resetTimer(); // Start the timer when the page loads
})(jQuery, mw);