MediaWiki:Common.js: Difference between revisions

Revision as of 12:42, 5 December 2024

/* Any JavaScript here will be loaded for all users on every page load. */

/*style based on category*/
(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(' ');

      // Add the new categories as classes to the body
      $(document.body).addClass(newClasses);

      // Check if "SG" category exists and dynamically load the SG-specific CSS
      if (cats.includes("SG")) {
        // Create a link element to load the SG-specific CSS
        var sgStyleLink = document.createElement("link");
        sgStyleLink.rel = "stylesheet";
        sgStyleLink.href = "https://example.com/sg-category-styles.css"; // Replace with the actual path of your SG styles
        sgStyleLink.type = "text/css";

        // Add the link to the head to load it first
        document.head.appendChild(sgStyleLink);
      }
    }
  };

  if (document.body) {
    fn();
  } else {
    $(fn);
  }
})(jQuery, mw);

/*Kyle image down there*/
$(document).ready(function() {
    // Get categories for the current page
    var cats = mw.config.get('wgCategories');

    // Check if the page belongs to the "SG" category
    if (cats && !cats.includes("SG")) {
        // Create a div element for the image
        var imageDiv = document.createElement('div');
        imageDiv.className = 'bottom-left-image';

        // Add the image markup to the div with CSS for size adjustment
        imageDiv.innerHTML = '<a href="Kyle" title="Image"><img src="https://skullgirlz.wiki/images/1/1f/Kyle_Bloodworth-Thomason2.png" style="width: 115px; height: auto;" /></a>';

        // Append the div to the body
        document.body.appendChild(imageDiv);
    }
});