MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

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

// Vector 2022: pin main menu for logged-out users on desktop
if (!mw.config.get('wgUserName') && window.matchMedia('(min-width: 1120px)').matches) {
  const observer = new MutationObserver((_, obs) => {
    if (document.documentElement.classList.contains('vector-animations-ready')) {
      const pin = document.querySelector('[data-event-name="pinnable-header.vector-main-menu.pin"]');
      if (pin) pin.click();
      obs.disconnect();
    }
  });
  observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
}
// Remove "Main menu" headings/labels injected by Vector/Vector 2022 (works across variants)
(function () {
  function killMainMenuText(root = document) {
    // Look for common heading/label elements
    const candidates = root.querySelectorAll(
      '#vector-main-menu, #vector-main-menu-pinned-container, #mw-panel, nav.vector-main-menu, #vector-main-menu-dropdown'
    );

    candidates.forEach(container => {
      // Remove elements whose visible text is exactly "Main menu"
      container.querySelectorAll('*').forEach(el => {
        const txt = (el.textContent || '').trim();
        if (txt === 'Main menu') {
          el.style.display = 'none';
        }
        // Also catch the longer hint text variants
        if (txt.toLowerCase().includes('main menu has moved here')) {
          el.style.display = 'none';
        }
      });
    });
  }

  // Run now, on load, and after Vector finishes UI init
  killMainMenuText();
  window.addEventListener('load', () => killMainMenuText());

  const obs = new MutationObserver(() => killMainMenuText());
  obs.observe(document.documentElement, { childList: true, subtree: true });
})();
// DOOM ARCHIVES header: inject above your Doom Titles links (guaranteed)
(function () {
  const HEADER_CLASS = 'doom-archives-header';

  function styleHeader(header) {
    header.style.display = 'block';
    header.style.width = '100%';
    header.style.boxSizing = 'border-box';
    header.style.margin = '10px 0 10px';
    header.style.padding = '12px 14px';
    header.style.background = 'rgba(0,0,0,0.75)';
    header.style.border = '1px solid #3a0000';
    header.style.borderRadius = '12px';
    header.style.boxShadow = 'inset 0 0 20px rgba(180,0,0,0.30), 0 0 8px rgba(0,0,0,0.8)';
    header.style.color = '#f5c542';
    header.style.fontWeight = '900';
    header.style.letterSpacing = '0.22em';
    header.style.textTransform = 'uppercase';
    header.style.textAlign = 'center';
    header.style.fontFamily = "'Bebas Neue', Arial, sans-serif";
    header.style.textShadow = '0 0 3px rgba(245,197,66,0.35)';
    header.style.fontSize = '22px';
  }

  function findAnchor() {
    // Use a link you KNOW exists in your sidebar
    return (
      document.querySelector('a[href*="Category:Doom_(1993)"]') ||
      document.querySelector('a[href*="Category:Doom_II"]') ||
      document.querySelector('a[href*="Category:Doom_3"]') ||
      document.querySelector('a[href*="Category:Doom_Eternal"]')
    );
  }

  function ensureHeader() {
    const a = findAnchor();
    if (!a) return;

    // Find the menu content container that holds the link list
    const menuContent =
      a.closest('.vector-menu-content') ||
      a.closest('ul') ||
      a.parentElement;

    if (!menuContent) return;

    // Avoid duplicates
    if (menuContent.querySelector('.' + HEADER_CLASS)) return;

    const header = document.createElement('div');
    header.className = HEADER_CLASS;
    header.textContent = 'DOOM RELICS';
    styleHeader(header);

    // Insert header before the first list item / first link area
    menuContent.insertBefore(header, menuContent.firstChild);
  }

  function run() {
    ensureHeader();
    setTimeout(ensureHeader, 150);
    setTimeout(ensureHeader, 600);
    setTimeout(ensureHeader, 1200);
  }

  // Run now + keep alive if Vector re-renders
  run();
  window.addEventListener('load', run);

  const obs = new MutationObserver(() => ensureHeader());
  obs.observe(document.documentElement, { childList: true, subtree: true });
})();
mw.hook('wikipage.content').add(function ($content) {
  const sp = mw.config.get('wgCanonicalSpecialPageName');
  if (sp !== 'FormEdit' && sp !== 'FormStart') return;

  let activeTargetName = null;
  let snapshot = {};
  let guardTimer = null;

  function takeSnapshot($scope) {
    snapshot = {};
    $scope.find('input[name^="img"]').each(function () {
      snapshot[this.name] = $(this).val() || '';
    });
  }

  function startGuard(targetName, $scope) {
    activeTargetName = targetName;
    takeSnapshot($scope);

    if (guardTimer) clearTimeout(guardTimer);
    // Guard window: long enough to cover the upload popup returning
    guardTimer = setTimeout(function () {
      activeTargetName = null;
      guardTimer = null;
    }, 15000);
  }

  // 1) When "Upload file" is clicked, figure out which img field it belongs to and start guarding.
  $content.on('mousedown click', 'a, button', function () {
    const $el = $(this);
    const text = ($el.text() || '').trim().toLowerCase();
    const href = ($el.attr('href') || '');
    const cls = ($el.attr('class') || '').toLowerCase();

    const looksLikeUpload =
      text === 'upload file' ||
      href.includes('Special:Upload') ||
      href.includes('Special:UploadWindow') ||
      cls.includes('upload');

    if (!looksLikeUpload) return;

    // Find the nearest row and the img input in that row (img1/img2/img3…)
    const $row = $el.closest('tr');
    let $target = $row.find('input[name^="img"]').first();

    // Fallback: closest previous img input
    if (!$target.length) {
      $target = $el.closest('td, .pfFormInput, div').find('input[name^="img"]').first();
    }

    if ($target.length) {
      startGuard($target.attr('name'), $content);
      $target.trigger('focus').trigger('click');
    }
  });

  // 2) Guard: if PF tries to change multiple img fields, revert all except the active target.
  $content.on('input change', 'input[name^="img"]', function () {
    if (!activeTargetName) return;

    const name = this.name;
    const $this = $(this);

    // Allow the target field to change; update snapshot for the target.
    if (name === activeTargetName) {
      snapshot[name] = $this.val() || '';
      return;
    }

    // Revert non-target fields if they change
    const previous = snapshot[name] ?? '';
    if (($this.val() || '') !== previous) {
      $this.val(previous);
    }
  });
});