« MediaWiki:Common.js » : différence entre les versions

De eMushpedia
Aller à la navigation Aller à la recherche
← Modification précédente

Admin (discussion | contributions)

3 groupes d'utilisateurs
326 modifications
Aucun résumé des modifications
Aucun résumé des modifications
 
(14 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* Tout JavaScript présent ici sera exécuté par tous les utilisateurs à chaque chargement de page. */
/* Handle the theme switcher */
( function () {
    'use strict';


//override selectable languages for translation
var THEMES = [
wgULSLanguages = [];
    { id: 'wiki',    label: 'Wiki' },
wgULSLanguages.fr = 'french';
    { id: 'space',    label: 'Espace' },
wgULSLanguages.en = 'english';
    { id: 'terminal', label: 'Terminal' }
wgULSLanguages.es = 'spanish';
];
wgULSAcceptLanguageList = ["fr", "en", "es"];
var DEFAULT = 'space';
var KEY = 'emush-theme';


// Override the page the user is redirected to when clicking on the Logo
    // Read the stored theme, falling back to the first one
// according to the lang retrieve in difference locations.
    function current() {
(function () {
        try {
function getLang() {
            var s = localStorage.getItem( KEY );
const params = new URLSearchParams(window.location.search);
            for ( var i = 0; i < THEMES.length; i++ ) {
const urlLang = params.get('uselang') || params.get('lang');
                if ( THEMES[ i ].id === s ) { return s; }
if (urlLang && ['fr', 'en', 'es'].includes(urlLang)) {
            }
document.cookie = 'emushpedia_lang=' + urlLang + '; path=/; max-age=' + (365 * 24 * 60 * 60);
        } catch ( e ) {}
return urlLang;
        return THEMES[ 0 ].id;
}
    }


const cookieMatch = document.cookie.match(/(?:^|;\s*)emushpedia_lang=([^;]+)/);
    // Swap the view-* class on <html> and persist the choice
if (cookieMatch && ['fr', 'en', 'es'].includes(cookieMatch[1])) {
    function apply( theme ) {
return cookieMatch[1];
        var root = document.documentElement;
}
        THEMES.forEach( function ( t ) { root.classList.remove( 'view-' + t.id ); } );
        root.classList.add( 'view-' + theme );
        try { localStorage.setItem( KEY, theme ); } catch ( e ) {}


const mwLang = mw.config.get('wgUserLanguage');
        // Notify other scripts that the layout may have changed
if (['fr', 'en', 'es'].includes(mwLang)) {
        mw.hook( 'emush.theme' ).fire( theme );
return mwLang;
    }
}


const browserLang = (navigator.language || 'en').slice(0, 2).toLowerCase();
    $( function () {
if (['fr', 'en', 'es'].includes(browserLang)) {
        var li = document.getElementById( 'pt-themetoggle' );
return browserLang;
        if ( !li ) { return; }
}
        var trigger = li.querySelector( 'a' );
        if ( !trigger ) { return; }


return 'en';
        // Build the panel — hidden and absolutely positioned, so no layout shift
}
        var menu = document.createElement( 'ul' );
        menu.id = 'emush-theme-menu';


function getHomeTitle(lang) {
        THEMES.forEach( function ( t ) {
if (lang === 'fr') return 'Accueil';
            var item = document.createElement( 'li' );
if (lang === 'es') return 'Inicio';
            var link = document.createElement( 'a' );
return 'Home';
            link.href = '#';
}
            link.textContent = t.label;
            link.dataset.theme = t.id;
            item.appendChild( link );
            menu.appendChild( item );
        } );
        li.appendChild( menu );


function rewriteMainLinks() {
        // Flag the entry matching the active theme
const lang = getLang();
        function mark() {
const target = getHomeTitle(lang);
            var now = current();
const url = mw.util.getUrl(target, { uselang: lang });
            menu.querySelectorAll( 'a' ).forEach( function ( a ) {
                a.classList.toggle( 'emush-active', a.dataset.theme === now );
            } );
        }
        mark();


// Logo
        function close() {
document.querySelectorAll('a.mw-wiki-logo, a.mw-logo').forEach(function (a) {
            li.classList.remove( 'emush-open' );
a.href = url;
            trigger.setAttribute( 'aria-expanded', 'false' );
a.title = target;
        }
});


// Sidebar "Main page" style links
        trigger.setAttribute( 'aria-haspopup', 'true' );
document.querySelectorAll('#n-mainpage-description a, a[accesskey="z"]').forEach(function (a) {
        trigger.setAttribute( 'aria-expanded', 'false' );
a.href = url;
});
}


mw.loader.using(['mediawiki.util']).then(rewriteMainLinks);
        trigger.addEventListener( 'click', function ( e ) {
}());
            e.preventDefault();
            var open = li.classList.toggle( 'emush-open' );
            trigger.setAttribute( 'aria-expanded', open ? 'true' : 'false' );
        } );
 
        menu.addEventListener( 'click', function ( e ) {
            var a = e.target.closest( 'a[data-theme]' );
            if ( !a ) { return; }
            e.preventDefault();
            apply( a.dataset.theme );
            mark();
            close();
        } );
 
        // Close on outside click or Escape
        document.addEventListener( 'click', function ( e ) {
            if ( !li.contains( e.target ) ) { close(); }
        } );
        document.addEventListener( 'keydown', function ( e ) {
            if ( e.key === 'Escape' ) { close(); }
        } );
    } );
}() );
 
 
/* Ensure the left panel is always the same height as #content */
$( function () {
    var panel = document.getElementById( 'mw-panel' );
    var content = document.getElementById( 'content' );
    if ( !panel || !content ) { return; }
 
    // Set an exact height; min-height would only act as a floor
    function sync() {
        panel.style.minHeight = '0';
 
        // Convert 1em to pixels using the panel's own font size
        var em = parseFloat( getComputedStyle( panel ).fontSize );
        panel.style.height = ( content.getBoundingClientRect().height - em ) + 'px';
    }
    sync();
 
    // Recompute when the content box changes size
    if ( window.ResizeObserver ) {
        new ResizeObserver( sync ).observe( content );
    } else {
        window.addEventListener( 'resize', sync );
    }
} );
 
 
/* Make the logo at the top center redirect to the home page */
$( function () {
    var sidebarLink = document.querySelector( '#p-logo a' );
    if ( !sidebarLink || document.getElementById( 'emush-logo-hotspot' ) ) { return; }
 
    var hotspot = document.createElement( 'a' );
    hotspot.id = 'emush-logo-hotspot';
    hotspot.href = sidebarLink.getAttribute( 'href' );
    hotspot.title = sidebarLink.getAttribute( 'title' ) || '';
    hotspot.setAttribute( 'aria-label', 'Accueil' );
    document.body.appendChild( hotspot );
} );

Dernière version du 5 août 2026 à 17:04

/* Handle the theme switcher */
( function () {
    'use strict';

	var THEMES = [
	    { id: 'wiki',     label: 'Wiki' },
	    { id: 'space',    label: 'Espace' },
	    { id: 'terminal', label: 'Terminal' }
	];
	var DEFAULT = 'space';
	var KEY = 'emush-theme';

    // Read the stored theme, falling back to the first one
    function current() {
        try {
            var s = localStorage.getItem( KEY );
            for ( var i = 0; i < THEMES.length; i++ ) {
                if ( THEMES[ i ].id === s ) { return s; }
            }
        } catch ( e ) {}
        return THEMES[ 0 ].id;
    }

    // Swap the view-* class on <html> and persist the choice
    function apply( theme ) {
        var root = document.documentElement;
        THEMES.forEach( function ( t ) { root.classList.remove( 'view-' + t.id ); } );
        root.classList.add( 'view-' + theme );
        try { localStorage.setItem( KEY, theme ); } catch ( e ) {}

        // Notify other scripts that the layout may have changed
        mw.hook( 'emush.theme' ).fire( theme );
    }

    $( function () {
        var li = document.getElementById( 'pt-themetoggle' );
        if ( !li ) { return; }
        var trigger = li.querySelector( 'a' );
        if ( !trigger ) { return; }

        // Build the panel — hidden and absolutely positioned, so no layout shift
        var menu = document.createElement( 'ul' );
        menu.id = 'emush-theme-menu';

        THEMES.forEach( function ( t ) {
            var item = document.createElement( 'li' );
            var link = document.createElement( 'a' );
            link.href = '#';
            link.textContent = t.label;
            link.dataset.theme = t.id;
            item.appendChild( link );
            menu.appendChild( item );
        } );
        li.appendChild( menu );

        // Flag the entry matching the active theme
        function mark() {
            var now = current();
            menu.querySelectorAll( 'a' ).forEach( function ( a ) {
                a.classList.toggle( 'emush-active', a.dataset.theme === now );
            } );
        }
        mark();

        function close() {
            li.classList.remove( 'emush-open' );
            trigger.setAttribute( 'aria-expanded', 'false' );
        }

        trigger.setAttribute( 'aria-haspopup', 'true' );
        trigger.setAttribute( 'aria-expanded', 'false' );

        trigger.addEventListener( 'click', function ( e ) {
            e.preventDefault();
            var open = li.classList.toggle( 'emush-open' );
            trigger.setAttribute( 'aria-expanded', open ? 'true' : 'false' );
        } );

        menu.addEventListener( 'click', function ( e ) {
            var a = e.target.closest( 'a[data-theme]' );
            if ( !a ) { return; }
            e.preventDefault();
            apply( a.dataset.theme );
            mark();
            close();
        } );

        // Close on outside click or Escape
        document.addEventListener( 'click', function ( e ) {
            if ( !li.contains( e.target ) ) { close(); }
        } );
        document.addEventListener( 'keydown', function ( e ) {
            if ( e.key === 'Escape' ) { close(); }
        } );
    } );
}() );


/* Ensure the left panel is always the same height as #content */
$( function () {
    var panel = document.getElementById( 'mw-panel' );
    var content = document.getElementById( 'content' );
    if ( !panel || !content ) { return; }

    // Set an exact height; min-height would only act as a floor
    function sync() {
        panel.style.minHeight = '0';

        // Convert 1em to pixels using the panel's own font size
        var em = parseFloat( getComputedStyle( panel ).fontSize );
        panel.style.height = ( content.getBoundingClientRect().height - em ) + 'px';
    }
    sync();

    // Recompute when the content box changes size
    if ( window.ResizeObserver ) {
        new ResizeObserver( sync ).observe( content );
    } else {
        window.addEventListener( 'resize', sync );
    }
} );


/* Make the logo at the top center redirect to the home page */
$( function () {
    var sidebarLink = document.querySelector( '#p-logo a' );
    if ( !sidebarLink || document.getElementById( 'emush-logo-hotspot' ) ) { return; }

    var hotspot = document.createElement( 'a' );
    hotspot.id = 'emush-logo-hotspot';
    hotspot.href = sidebarLink.getAttribute( 'href' );
    hotspot.title = sidebarLink.getAttribute( 'title' ) || '';
    hotspot.setAttribute( 'aria-label', 'Accueil' );
    document.body.appendChild( hotspot );
} );
Récupérée de "https://staging.fr.emushpedia.com/index.php?title=MediaWiki:Common.js&oldid=7342"