MediaWiki:Vector.js: Difference between revisions

Revision as of 18:56, 31 January 2026 view source Admin (talk | contribs) ← Older edit		Revision as of 19:05, 31 January 2026 view source Admin (talk | contribs) Newer edit →
Line 15:		Line 15:
	} );		} );
	}		}
	$(function() {
	var $container = $('.alphabet-filter-enabled');
	if (!$container.length) return;
	// Set cursor and title for headers
	$container.find('.cargo-header').css('cursor', 'pointer').attr('title', 'Show items');
	$container.on('click', '.cargo-header', function() {
	var $this = $(this);
	var $targetContent = $this.next(); // The div/ul containing the cards
	var $allContent = $container.find('.cargo-header').next();
	var $allHeaders = $container.find('.cargo-header');
	if ($this.hasClass('filter-active')) {
	// If already open, close it
	$targetContent.slideUp(200);
	$this.removeClass('filter-active');
	} else {
	// Close any currently open section
	$allContent.slideUp(200);
	$allHeaders.removeClass('filter-active');
	// Open the clicked section
	$this.addClass('filter-active');
	$targetContent.slideDown(300);
	}
	});
	});
	/* NEWS SLIDESHOW */		/* NEWS SLIDESHOW */

Revision as of 19:05, 31 January 2026

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

/* 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' );
        }
    } );
}

/* 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';
});