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

De wikiviefr
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 24 : Ligne 24 :
             conditionalContentBlocks.forEach(function (block) {
             conditionalContentBlocks.forEach(function (block) {
                 if (userName) {
                 if (userName) {
                    document.getElementById('userNameElementId').textContent = 'Bienvenue, ' + userName;
                     // Si l'utilisateur est connecté, on affiche les blocs
                     // Si l'utilisateur est connecté, on affiche les blocs
                     block.style.display = "block";
                     block.style.display = "block";
                 } else {
                 } else {
                     // Si l'utilisateur n'est pas connecté, on les cache
                     // Si l'utilisateur n'est pas connecté, on les cache
                    document.getElementById('userNameElementId').textContent = 'Vous n\'êtes pas connecté.';
                     block.style.display = "none";
                     block.style.display = "none";
                 }
                 }

Version du 8 octobre 2024 à 17:37

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

// Cible l'élément qui contient le paragraphe conditionnel
//   var conditionalContent = document.getElementById("conditionalContent");
//mw.loader.using('mediawiki.user').then(function() {
//    var currentUser = mw.user.getName();
//    if (currentUser) {
//        // Remplace 'userNameElementId' par l'ID HTML où tu veux afficher le nom
//        document.getElementById('userNameElementId').textContent = 'Bienvenue, ' + currentUser;
//        conditionalContent.style.display = "block";
//    } else {
//        document.getElementById('userNameElementId').textContent = 'Vous n\'êtes pas connecté.';
//        conditionalContent.style.display = "none";
//    }
//});


document.addEventListener("DOMContentLoaded", function () {
    // Sélectionne tous les éléments avec la classe 'connected-only'
    var conditionalContentBlocks = document.querySelectorAll(".connected-only");

    mw.loader.using('mediawiki.user', function () {
        mw.user.getName().then(function (userName) {
            conditionalContentBlocks.forEach(function (block) {
                if (userName) {
                    document.getElementById('userNameElementId').textContent = 'Bienvenue, ' + userName;
                    // Si l'utilisateur est connecté, on affiche les blocs
                    block.style.display = "block";
                } else {
                    // Si l'utilisateur n'est pas connecté, on les cache
                    document.getElementById('userNameElementId').textContent = 'Vous n\'êtes pas connecté.';
                    block.style.display = "none";
                }
            });
        });
    });
});