Aller au contenu

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

De AECFC
Aucun résumé des modifications
Balise : Révoqué
Aucun résumé des modifications
Balise : Révocation manuelle
Ligne 8 : Ligne 8 :
*/
*/


/* Ensemble : logo + liens Accueil et Devoirs */
(function () {
.aecfc-brand {
     'use strict';
     display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: max-content;
}


/* Logo graphique uniquement */
    function configureAecfcLogo() {
.aecfc-brand .aecfc-logo-link {
        const mainLink = document.querySelector('a.mw-logo');
    display: flex !important;
    align-items: center;
    flex: 0 0 auto !important;


    width: auto !important;
        if (!mainLink) {
    height: auto !important;
            return;
    margin: 0 !important;
        }


    position: static !important;
        // Évite une seconde initialisation.
    inset: auto !important;
        if (mainLink.dataset.aecfcRouting === '1') {
    z-index: auto !important;
            return;
        }


    pointer-events: auto !important;
        mainLink.dataset.aecfcRouting = '1';
}


/* Les deux liens à droite du logo */
        /*
.aecfc-text-links {
        * Supprime le titre et le sous-titre natifs,
    display: flex;
        * mais conserve l'image du logo.
    flex-direction: column;
        */
    align-items: flex-start;
        const nativeText = mainLink.querySelector('.mw-logo-container');
    justify-content: center;


    margin-left: 14px;
        if (nativeText) {
    white-space: nowrap;
            nativeText.remove();
        }


    position: relative;
        /*
    z-index: 10;
        * Création des deux textes affichés à droite du logo.
}
        * Ce sont volontairement des <span>, pas des liens imbriqués.
        */
        const textBlock = document.createElement('span');
        textBlock.className = 'aecfc-logo-texts';


/* Accueil : texte principal */
        const accueilText = document.createElement('span');
.aecfc-accueil-link,
        accueilText.className = 'aecfc-accueil-text';
.aecfc-accueil-link:visited {
        accueilText.textContent = 'Accueil';
    color: #287676;
        accueilText.title = 'Accueil du wiki';
    font-size: 25px;
    font-weight: 700;
    line-height: 1.15;
    text-decoration: none;
    pointer-events: auto;
}


/* Devoirs : texte secondaire */
        const devoirsText = document.createElement('span');
.aecfc-devoirs-link,
        devoirsText.className = 'aecfc-devoirs-text';
.aecfc-devoirs-link:visited {
        devoirsText.textContent = 'Devoirs';
    color: #3366cc;
        devoirsText.title = 'Consulter les devoirs';
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none;
    margin-top: 3px;
    pointer-events: auto;
}


.aecfc-accueil-link:hover,
        textBlock.appendChild(accueilText);
.aecfc-devoirs-link:hover {
        textBlock.appendChild(devoirsText);
     text-decoration: underline;
        mainLink.appendChild(textBlock);
}
 
        /*
        * Le lien par défaut du bloc reste l'accueil du wiki.
        */
        mainLink.href = 'https://wiki.aecfc.org/wiki/Accueil';
        mainLink.title = '';
 
        const logoIcon = mainLink.querySelector('.mw-logo-icon');
 
        if (logoIcon) {
            logoIcon.title = 'Site officiel de l’AECFC';
        }
 
        /*
        * Comme Vector utilise un seul lien parent,
        * on choisit la destination selon la zone cliquée.
        */
        mainLink.addEventListener(
            'click',
            function (event) {
                const target =
                    event.target instanceof Element
                        ? event.target
                        : event.target.parentElement;
 
                if (!target) {
                    return;
                }
 
                // Clic sur le logo graphique → site aecfc.org
                if (target.closest('.mw-logo-icon')) {
                    event.preventDefault();
                    event.stopImmediatePropagation();
                    window.location.assign('https://aecfc.org/');
                    return;
                }
 
                // Clic sur Devoirs → page Devoirs
                if (target.closest('.aecfc-devoirs-text')) {
                    event.preventDefault();
                    event.stopImmediatePropagation();
                    window.location.assign(
                        'https://wiki.aecfc.org/wiki/Devoirs'
                    );
                    return;
                }
 
                /*
                * Clic sur Accueil, ou sur le reste du bloc :
                * le comportement normal du lien parent est conservé.
                */
            },
            true
        );
    }
 
    if (document.readyState === 'loading') {
        document.addEventListener(
            'DOMContentLoaded',
            configureAecfcLogo,
            { once: true }
        );
     } else {
        configureAecfcLogo();
    }
})();

Version du 2 juillet 2026 à 16:48

/* Tout JavaScript présent ici sera exécuté par tous les utilisateurs à chaque chargement de page.

$(function () {
    $('a.mw-wiki-logo, a.mw-logo')
        .attr('href', 'Accueil')
        .attr('title', 'Retour a l'accueil');
});
*/

(function () {
    'use strict';

    function configureAecfcLogo() {
        const mainLink = document.querySelector('a.mw-logo');

        if (!mainLink) {
            return;
        }

        // Évite une seconde initialisation.
        if (mainLink.dataset.aecfcRouting === '1') {
            return;
        }

        mainLink.dataset.aecfcRouting = '1';

        /*
         * Supprime le titre et le sous-titre natifs,
         * mais conserve l'image du logo.
         */
        const nativeText = mainLink.querySelector('.mw-logo-container');

        if (nativeText) {
            nativeText.remove();
        }

        /*
         * Création des deux textes affichés à droite du logo.
         * Ce sont volontairement des <span>, pas des liens imbriqués.
         */
        const textBlock = document.createElement('span');
        textBlock.className = 'aecfc-logo-texts';

        const accueilText = document.createElement('span');
        accueilText.className = 'aecfc-accueil-text';
        accueilText.textContent = 'Accueil';
        accueilText.title = 'Accueil du wiki';

        const devoirsText = document.createElement('span');
        devoirsText.className = 'aecfc-devoirs-text';
        devoirsText.textContent = 'Devoirs';
        devoirsText.title = 'Consulter les devoirs';

        textBlock.appendChild(accueilText);
        textBlock.appendChild(devoirsText);
        mainLink.appendChild(textBlock);

        /*
         * Le lien par défaut du bloc reste l'accueil du wiki.
         */
        mainLink.href = 'https://wiki.aecfc.org/wiki/Accueil';
        mainLink.title = '';

        const logoIcon = mainLink.querySelector('.mw-logo-icon');

        if (logoIcon) {
            logoIcon.title = 'Site officiel de l’AECFC';
        }

        /*
         * Comme Vector utilise un seul lien parent,
         * on choisit la destination selon la zone cliquée.
         */
        mainLink.addEventListener(
            'click',
            function (event) {
                const target =
                    event.target instanceof Element
                        ? event.target
                        : event.target.parentElement;

                if (!target) {
                    return;
                }

                // Clic sur le logo graphique → site aecfc.org
                if (target.closest('.mw-logo-icon')) {
                    event.preventDefault();
                    event.stopImmediatePropagation();
                    window.location.assign('https://aecfc.org/');
                    return;
                }

                // Clic sur Devoirs → page Devoirs
                if (target.closest('.aecfc-devoirs-text')) {
                    event.preventDefault();
                    event.stopImmediatePropagation();
                    window.location.assign(
                        'https://wiki.aecfc.org/wiki/Devoirs'
                    );
                    return;
                }

                /*
                 * Clic sur Accueil, ou sur le reste du bloc :
                 * le comportement normal du lien parent est conservé.
                 */
            },
            true
        );
    }

    if (document.readyState === 'loading') {
        document.addEventListener(
            'DOMContentLoaded',
            configureAecfcLogo,
            { once: true }
        );
    } else {
        configureAecfcLogo();
    }
})();