MediaWiki:Vector.js: Difference between revisions

Revision as of 01:03, 3 February 2026 view source Admin (talk | contribs) ← Older edit		Revision as of 01:04, 3 February 2026 view source Admin (talk | contribs) Newer edit →
Line 1:		Line 1:
	/* All JavaScript here will be loaded for users of the Vector skin */		/* All JavaScript here will be loaded for users of the Vector skin */
	/* --- THE ULTIMATE IMAGE POPUP KILLER --- */		/* --- THE INDESTRUCTIBLE POPUP BLOCKER FOR IMAGES --- */
	(function() {		(function() {
	function killImagePopups() {		// We listen on the window in the 'capture' phase (true)
	// Target all image links and any links with images inside them		// This catches the hover BEFORE the Page Previews extension can see it
	var links = document.querySelectorAll('.mw-parser-output a.image, .mw-parser-output a.mw-file-description, .mw-parser-output a:has(img)');		window.addEventListener('mouseover', function(e) {
			var link = e.target.closest('a.image, a.mw-file-description, .no-popup');
	links.forEach(function(link) {		if (link && link.hasAttribute('title')) {
	// 1. Add the official ignore classes		// 1. Temporarily move the title to a data attribute
	link.classList.add('no-popup');		var title = link.getAttribute('title');
	link.classList.add('nopopups');		link.setAttribute('data-stored-title', title);
			link.removeAttribute('title');
	// 2. THE NUCLEAR OPTION: Remove the 'title' attribute.
	// The extension CANNOT trigger without a title attribute.
	if (link.hasAttribute('title')) {
	var originalTitle = link.getAttribute('title');
	link.setAttribute('data-original-title', originalTitle);
	link.removeAttribute('title');
	}
	});
	}
	// Run immediately and every time the content changes (for Cargo/Slideshows)		// 2. Stop the event from reaching the Popups extension
	killImagePopups();		e.stopImmediatePropagation();
	var observer = new MutationObserver(killImagePopups);		}
	observer.observe(document.body, { childList: true, subtree: true });		}, true);
	// Optional: Restore a browser tooltip that doesn't trigger the popup		// Restore the title on mouseout so browser tooltips still work
	$(document).on('mouseenter', 'a[data-original-title]', function() {		window.addEventListener('mouseout', function(e) {
	$(this).attr('title', $(this).attr('data-original-title'));		var link = e.target.closest('a.image, a.mw-file-description, .no-popup');
	}).on('mouseleave', 'a[data-original-title]', function() {		if (link && link.hasAttribute('data-stored-title')) {
	$(this).removeAttr('title');		link.setAttribute('title', link.getAttribute('data-stored-title'));
	});		link.removeAttribute('data-stored-title');
			}
			}, true);
	})();		})();

Revision as of 01:04, 3 February 2026

/* All JavaScript here will be loaded for users of the Vector skin */

/* --- THE INDESTRUCTIBLE POPUP BLOCKER FOR IMAGES --- */
(function() {
    // We listen on the window in the 'capture' phase (true)
    // This catches the hover BEFORE the Page Previews extension can see it
    window.addEventListener('mouseover', function(e) {
        var link = e.target.closest('a.image, a.mw-file-description, .no-popup');
        if (link && link.hasAttribute('title')) {
            // 1. Temporarily move the title to a data attribute
            var title = link.getAttribute('title');
            link.setAttribute('data-stored-title', title);
            link.removeAttribute('title');

            // 2. Stop the event from reaching the Popups extension
            e.stopImmediatePropagation();
        }
    }, true);

    // Restore the title on mouseout so browser tooltips still work
    window.addEventListener('mouseout', function(e) {
        var link = e.target.closest('a.image, a.mw-file-description, .no-popup');
        if (link && link.hasAttribute('data-stored-title')) {
            link.setAttribute('title', link.getAttribute('data-stored-title'));
            link.removeAttribute('data-stored-title');
        }
    }, true);
})();

/* Move subcategories to the top on Category:Forklifts and Category:Video_Games */
if ( mw.config.get( 'wgPageName' ) === 'Category:Forklifts' || mw.config.get( 'wgPageName' ) === 'Category:Video_Games' ) {
    $( function() {
        var subcats = $( '#mw-subcategories' );
        var content = $( '.mw-parser-output' );
        if ( subcats.length && content.length ) {
            subcats.insertBefore( content );
            $( 'body' ).addClass( 'move-subcategories-up-active' );
            $( '#bodyContent' ).css( { 'display': 'flex', 'flex-direction': 'column' } );
            content.css( 'order', '2' );
            subcats.css( 'order', '1' );
        }
    } );
}

/* SHOW ALL BUTTON */
mw.loader.using(['mediawiki.util', 'jquery'], function() {
    $(function() {
        $('.cargo-show-all-btn').on('click', function() {
            var $this = $(this);
            var $grid = $this.siblings('.cargo-hidden-grid');

            // Toggle visibility
            $grid.toggleClass('grid-visible');
            
            // Dynamic text switching
            var isVisible = $grid.hasClass('grid-visible');
            var originalText = $this.text();
            
            if (isVisible) {
                $this.data('original-text', originalText);
                $this.text(originalText.replace('Show All', 'Hide')).addClass('btn-active');
            } else {
                $this.text($this.data('original-text')).removeClass('btn-active');
            }
        });
    });
});


/* NEWS SLIDESHOW */
mw.loader.using('mediawiki.util').then(function () {
    mw.hook('wikipage.content').add(function () {
        document.querySelectorAll('.news-slideshow-container').forEach(function (container) {
            var slides = container.querySelectorAll('.news-slideshow-slide');
            if (slides.length <= 1) return;

            var current = 0;
            var intervalId = null;
            var delay = 8000; // 8 seconds

            function showSlide(index) {
                slides.forEach(function (slide, i) {
                    slide.classList.toggle('active', i === index);
                });
            }

            function startSlideshow() {
                if (intervalId !== null) return;
                intervalId = setInterval(function () {
                    current = (current + 1) % slides.length;
                    showSlide(current);
                }, delay);
            }

            function stopSlideshow() {
                if (intervalId !== null) {
                    clearInterval(intervalId);
                    intervalId = null;
                }
            }

            // Initial state
            showSlide(current);
            startSlideshow();

            // Pause on hover
            container.addEventListener('mouseenter', stopSlideshow);
            container.addEventListener('mouseleave', startSlideshow);
        });
    });
});


/* FORM TABLE */
document.addEventListener('click', function (e) {
	const header = e.target.closest('.pf-collapsible');
	if (!header) return;

	const targetId = header.dataset.target;
	const section = document.getElementById(targetId);
	if (!section) return;

	const isOpen = section.style.display === 'block';
	section.style.display = isOpen ? 'none' : 'block';
});

/* CLICKABLE HOME BUTTON AT THE TOP IN MOBILE VIEW */
$(document).ready(function() {
    $('#left-navigation').on('click', function(e) {
        if (e.target === this || $(e.target).is('::before')) {
            window.location.href = mw.config.get('wgArticlePath').replace('$1', '');
        }
    });
});