MediaWiki:Minerva.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.

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

/* likeMarioWiki: Custom menu */
$.when(mw.loader.using('mediawiki.util'), $.ready).then(function() {

    var menu = 'p-personal'; // Default menu location for personal links
    if (mw.config.get('wgUserId')) {
        menu = document.getElementById('p-interaction') ? 'p-interaction' : 'p-navigation';
    }

    // --- Function to generate safe URL ---
    function getSafeUrl(pageName) {
        // ... (getSafeUrl function remains the same) ...
        var url = '#error-generating-url'; try { if (typeof mw !== 'undefined' && typeof mw.util !== 'undefined' && typeof mw.util.getUrl === 'function') { url = mw.util.getUrl(pageName); } else { console.warn('[Minerva.js] mw.util.getUrl not available, using basic fallback.'); var prefix = '/wiki/'; if (typeof mw !== 'undefined' && typeof mw.config !== 'undefined' && typeof mw.config.get === 'function') { prefix = mw.config.get('wgArticlePath', '/wiki/$1').replace('$1', ''); } else { console.warn('[Minerva.js] mw.config.get not available for wgArticlePath.'); } url = prefix + encodeURIComponent(pageName.replace(/ /g, '_')); } } catch (e) { console.error('[Minerva.js] Error within getSafeUrl for "' + pageName + '":', e); } return url;
    }

    // --- Helper function to correctly add icon and label structure ---
    function addIconAndLabelStructure(anchorElement, iconClass) {
        // ... (addIconAndLabelStructure function remains the same) ...
        if (!anchorElement) { console.warn('[Minerva.js] addIconAndLabelStructure: anchorElement is invalid.'); return; } var originalText = anchorElement.textContent; anchorElement.innerHTML = ''; var iconSpan = document.createElement('span'); iconSpan.classList.add('mw-ui-icon', 'mw-ui-icon-element', iconClass); anchorElement.appendChild(iconSpan); var labelSpan = document.createElement('span'); labelSpan.classList.add('toggle-list-item__label'); labelSpan.textContent = originalText; anchorElement.appendChild(labelSpan);
    }

    // --- Add Categories section header ---
    var categoriesHeader = document.createElement('li');
    categoriesHeader.classList.add('menu__item', 'menu__item--category', 'menu-header');
    categoriesHeader.innerHTML = '<span class="menu-header-text">— CATEGORIES —</span>';
    document.getElementById(menu).appendChild(categoriesHeader);

    // --- Add links for Categories with CORRECT icon structure AND parent classes ---
    var liLocation = mw.util.addPortletLink(menu, getSafeUrl('Animal_cruelty_cases_by_location'), 'By Location/地点'); // Get the LI element
    if (liLocation) {
        liLocation.classList.add('toggle-list-item'); // <<< NEW: Add class to LI
        var anchorLocation = liLocation.getElementsByTagName('a')[0];
        if (anchorLocation) {
            anchorLocation.classList.add('toggle-list-item__anchor'); // <<< NEW: Add class to A
            // Keep testing with 'settings' icon for now
            addIconAndLabelStructure(anchorLocation, 'mw-ui-icon-minerva-settings'); // Apply structure
        }
    }

    var liSpecies = mw.util.addPortletLink(menu, getSafeUrl('Animal_cruelty_cases_by_species'), 'By Species/物种');
    if (liSpecies) {
        liSpecies.classList.add('toggle-list-item'); // <<< NEW: Add class to LI
        var anchorSpecies = liSpecies.getElementsByTagName('a')[0];
        if (anchorSpecies) {
            anchorSpecies.classList.add('toggle-list-item__anchor'); // <<< NEW: Add class to A
            // Use the desired icon once the method is confirmed working
            addIconAndLabelStructure(anchorSpecies, 'mw-ui-icon-minerva-mapPin');
         }
    }

    var liYear = mw.util.addPortletLink(menu, getSafeUrl('Animal_cruelty_cases_by_year'), 'By Year/年份');
    if (liYear) {
        liYear.classList.add('toggle-list-item'); // <<< NEW: Add class to LI
        var anchorYear = liYear.getElementsByTagName('a')[0];
        if (anchorYear) {
            anchorYear.classList.add('toggle-list-item__anchor'); // <<< NEW: Add class to A
            addIconAndLabelStructure(anchorYear, 'mw-ui-icon-minerva-mapPin');
        }
    }

    // --- Add Resources section header ---
    var resourcesHeader = document.createElement('li');
    resourcesHeader.classList.add('menu__item', 'menu__item--category', 'menu-header');
    resourcesHeader.innerHTML = '<span class="menu-header-text">— RESOURCES —</span>';
    document.getElementById(menu).appendChild(resourcesHeader);

    // --- Add links for Resources with CORRECT icon structure AND parent classes ---
    var liUseful = mw.util.addPortletLink(menu, getSafeUrl('Useful_links'), 'Useful links/实用链接');
     if (liUseful) {
        liUseful.classList.add('toggle-list-item'); // <<< NEW: Add class to LI
        var anchorUseful = liUseful.getElementsByTagName('a')[0];
        if (anchorUseful) {
            anchorUseful.classList.add('toggle-list-item__anchor'); // <<< NEW: Add class to A
            addIconAndLabelStructure(anchorUseful, 'mw-ui-icon-minerva-link');
        }
    }

    var liDocs = mw.util.addPortletLink(menu, getSafeUrl('Documentaries'), 'Documentaries/纪录片');
    if (liDocs) {
        liDocs.classList.add('toggle-list-item'); // <<< NEW: Add class to LI
        var anchorDocs = liDocs.getElementsByTagName('a')[0];
        if (anchorDocs) {
            anchorDocs.classList.add('toggle-list-item__anchor'); // <<< NEW: Add class to A
            addIconAndLabelStructure(anchorDocs, 'mw-ui-icon-minerva-userContributions');
        }
    }

    var liStudies = mw.util.addPortletLink(menu, getSafeUrl('Studies'), 'Studies/研究');
    if (liStudies) {
        liStudies.classList.add('toggle-list-item'); // <<< NEW: Add class to LI
        var anchorStudies = liStudies.getElementsByTagName('a')[0];
        if (anchorStudies) {
            anchorStudies.classList.add('toggle-list-item__anchor'); // <<< NEW: Add class to A
            addIconAndLabelStructure(anchorStudies, 'mw-ui-icon-minerva-speechBubbles');
        }
    }

}); // End of $.when()