MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */
// MediaWiki:Common.js
mw.loader.using(['mediawiki.util', 'jquery'], function() {
    $(function() {
        // Create the HTML string for the toggle container
        var toggleHtml = 
            '<div class="toggle-container">' +
            '<div class="toggle-label">Select version:</div>' +
            '<button class="toggle-button anime-toggle">Anime</button>' +
            '<button class="toggle-button manga-toggle active">Manga</button>' +
            '</div>';
        
        // Insert the toggle container after the first heading
        $('#firstHeading').after(toggleHtml);
        
        // Set initial state
        $('body').addClass('show-manga');
        
        // Anime toggle click handler
        $('.anime-toggle').on('click', function() {
            $('.toggle-button').removeClass('active');
            $(this).addClass('active');
            $('body')
                .removeClass('show-manga')
                .addClass('show-anime');
            // Save preference in localStorage if available
            if (window.localStorage) {
                window.localStorage.setItem('contentPreference', 'anime');
            }
        });
        
        // Manga toggle click handler
        $('.manga-toggle').on('click', function() {
            $('.toggle-button').removeClass('active');
            $(this).addClass('active');
            $('body')
                .removeClass('show-anime')
                .addClass('show-manga');
            // Save preference in localStorage if available
            if (window.localStorage) {
                window.localStorage.setItem('contentPreference', 'manga');
            }
        });
        
        // Load saved preference if localStorage is available
        if (window.localStorage) {
            var savedPreference = window.localStorage.getItem('contentPreference');
            if (savedPreference === 'anime') {
                $('.anime-toggle').trigger('click');
            }
        }
    });
});