Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

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

Page de l’interface de MediaWiki
Page créée avec « * * Bouton "Ma page" dans le header Citizen * Ajoute un bouton à côté du bouton Apparence pour accéder à sa page utilisateur : ( function () { 'use strict'; // Seulement pour les utilisateurs connectés if ( mw.config.get( 'wgUserName' ) === null ) { return; } mw.hook( 'wikipage.content' ).add( function () { // Vérifie que le bouton n'existe pas déjà if ( document.getElementById( 'citi... »
 
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
/**
/**
  * Bouton "Ma page" dans le header Citizen
* Bouton "Ma page" dans le header Citizen
  * Ajoute un bouton à côté du bouton Apparence pour accéder à sa page utilisateur      
* Ajoute un bouton après le menu burger pour accéder à sa page utilisateur
  */
*/
( function () {
$( function () {
    'use strict';
    // Seulement pour les utilisateurs connectés
    var username = mw.config.get( 'wgUserName' );
    if ( !username ) {
        return;
    }


    // Seulement pour les utilisateurs connectés
    // Vérifie que le bouton n'existe pas déjà
    if ( mw.config.get( 'wgUserName' ) === null ) {
    if ( $( '#citizen-mypage-button' ).length ) {
        return;
        return;
    }
    }


    mw.hook( 'wikipage.content' ).add( function () {
    var userPageUrl = mw.util.getUrl( 'Utilisateur:' + username );
        // Vérifie que le bouton n'existe pas déjà
        if ( document.getElementById( 'citizen-mypage-button' ) ) {
            return;
        }


        var username = mw.config.get( 'wgUserName' );
    // Créer le bouton avec le même style que les autres boutons du header
        var userPageUrl = mw.util.getUrl( 'Utilisateur:' + username );
    var $button = $( '<a>' )
        .attr( {
            id: 'citizen-mypage-button',
            href: userPageUrl,
            title: 'Ma page',
            'class': 'citizen-header__item citizen-cdx-button--size-large cdx-button   
cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet     
cdx-button--icon-only'
        } )
        .html( '<span class="citizen-ui-icon mw-ui-icon-wikimedia-userAvatar"></span>'
);


        // Créer le bouton avec le même style que le bouton Apparence
    // Insérer après le menu burger (.citizen-drawer)
        var button = document.createElement( 'a' );
    var $drawer = $( '.citizen-drawer' );
        button.id = 'citizen-mypage-button';
    if ( $drawer.length ) {
        button.href = userPageUrl;
        $drawer.after( $button );
        button.className = 'citizen-header__item citizen-cdx-button--size-large
    }
cdx-button cdx-button--fake-button cdx-button--fake-button--enabled
} );
cdx-button--weight-quiet cdx-button--icon-only';
        button.title = 'Ma page';
        button.innerHTML = '<span class="citizen-ui-icon
mw-ui-icon-wikimedia-userAvatar"></span>';
 
        // Insérer avant le bouton Apparence
        var preferencesDropdown = document.querySelector(
'.citizen-preferences-dropdown' );
        if ( preferencesDropdown && preferencesDropdown.parentNode ) {
            preferencesDropdown.parentNode.insertBefore( button, preferencesDropdown );  
        }
    } );
} )();

Version du 21 mai 2026 à 14:36

/**
* Bouton "Ma page" dans le header Citizen
* Ajoute un bouton après le menu burger pour accéder à sa page utilisateur
*/
$( function () {
    // Seulement pour les utilisateurs connectés
    var username = mw.config.get( 'wgUserName' );
    if ( !username ) {
        return;
    }

    // Vérifie que le bouton n'existe pas déjà
    if ( $( '#citizen-mypage-button' ).length ) {
        return;
    }

    var userPageUrl = mw.util.getUrl( 'Utilisateur:' + username );

    // Créer le bouton avec le même style que les autres boutons du header
    var $button = $( '<a>' )
        .attr( {
            id: 'citizen-mypage-button',
            href: userPageUrl,
            title: 'Ma page',
            'class': 'citizen-header__item citizen-cdx-button--size-large cdx-button    
cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet       
cdx-button--icon-only'
        } )
        .html( '<span class="citizen-ui-icon mw-ui-icon-wikimedia-userAvatar"></span>'  
);

    // Insérer après le menu burger (.citizen-drawer)
    var $drawer = $( '.citizen-drawer' );
    if ( $drawer.length ) {
        $drawer.after( $button );
    }
} );