MediaWiki:Common.js - Historique des versions

Admin le 21 mai 2026 à 14:51

2026-05-21T14:51:47Z

← Version précédente		Version du 21 mai 2026 à 14:51
Ligne 9 :		Ligne 9 :
	a.addEventListener('click', function(e) {		a.addEventListener('click', function(e) {
	e.preventDefault();		e.preventDefault();
	var ~~searchInput~~ = document.~~querySelector~~('.citizen-search ~~input[type="search"]~~');		var summary = document.getElementById('citizen-search-summary');
	if (~~searchInput) {~~		if (summary) summary.click();
	~~searchInput.focus(~~);
	~~searchInput~~.click();
	}
	});		});
	var d = document.querySelector('.citizen-drawer');		var d = document.querySelector('.citizen-drawer');
	if (d) d.parentNode.insertBefore(a, d.nextSibling);		if (d) d.parentNode.insertBefore(a, d.nextSibling);
	});		});

Admin le 21 mai 2026 à 14:48

2026-05-21T14:48:06Z

← Version précédente		Version du 21 mai 2026 à 14:48
Ligne 3 :		Ligne 3 :
	var a = document.createElement('a');		var a = document.createElement('a');
	a.id = 'citizen-newpage-button';		a.id = 'citizen-newpage-button';
	a.href = ~~mw.util.getUrl(~~'~~Special:CreatePage~~');		a.href = '#';
	a.title = 'Créer une page';		a.title = 'Créer une page';
	a.className = 'citizen-header__item cdx-button cdx-button--icon-only';		a.className = 'citizen-header__item cdx-button cdx-button--icon-only';
	a.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor"><path d="M17 9v2h-6v6H9v-6H3V9h6V3h2v6z"/></svg>';		a.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor"><path d="M17 9v2h-6v6H9v-6H3V9h6V3h2v6z"/></svg>';
			a.addEventListener('click', function(e) {
			e.preventDefault();
			var searchInput = document.querySelector('.citizen-search input[type="search"]');
			if (searchInput) {
			searchInput.focus();
			searchInput.click();
			}
			});
	var d = document.querySelector('.citizen-drawer');		var d = document.querySelector('.citizen-drawer');
	if (d) d.parentNode.insertBefore(a, d.nextSibling);		if (d) d.parentNode.insertBefore(a, d.nextSibling);
	});		});

Admin le 21 mai 2026 à 14:46

2026-05-21T14:46:40Z

← Version précédente		Version du 21 mai 2026 à 14:46
Ligne 3 :		Ligne 3 :
	var a = document.createElement('a');		var a = document.createElement('a');
	a.id = 'citizen-newpage-button';		a.id = 'citizen-newpage-button';
	a.href = '#';		a.href = mw.util.getUrl('Special:CreatePage');
	a.title = 'Créer une page';		a.title = 'Créer une page';
	a.className = 'citizen-header__item cdx-button cdx-button--icon-only';		a.className = 'citizen-header__item cdx-button cdx-button--icon-only';
	a.innerHTML = '<~~span class~~="~~citizen~~-ui-~~icon mw-ui-icon-wikimedia-add~~"></~~span~~>';		a.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor"><path d="M17 9v2h-6v6H9v-6H3V9h6V3h2v6z"/></svg>';
	~~a.addEventListener('click', function(e) {~~
	~~e.preventDefault();~~
	~~var nom = prompt('Nom de la nouvelle page :');~~
	~~if (nom && nom.trim()) {~~
	~~window.location.href = mw.util.getUrl(nom.trim(), { action: 'edit' });~~
	}
	});
	var d = document.querySelector('.citizen-drawer');		var d = document.querySelector('.citizen-drawer');
	if (d) d.parentNode.insertBefore(a, d.nextSibling);		if (d) d.parentNode.insertBefore(a, d.nextSibling);
	});		});

Admin le 21 mai 2026 à 14:44

2026-05-21T14:44:34Z

← Version précédente		Version du 21 mai 2026 à 14:44
Ligne 1 :		Ligne 1 :
	$(function() {		$(function() {
	~~var u = mw.config.get('wgUserName');~~		if (document.getElementById('citizen-newpage-button')) return;
	~~if (!u) return;~~
	if (document.getElementById('citizen-~~mypage~~-button')) return;
	var a = document.createElement('a');		var a = document.createElement('a');
	a.id = 'citizen-~~mypage~~-button';		a.id = 'citizen-newpage-button';
	a.href = ~~mw.util.getUrl(~~'~~Utilisateur:~~' ~~+ u)~~;		a.href = '#';
	a.title = 'Ma page';		a.title = 'Créer une page';
	a.className = 'citizen-header__item cdx-button cdx-button--icon-only';		a.className = 'citizen-header__item cdx-button cdx-button--icon-only';
	a.innerHTML = '<span class="citizen-ui-icon mw-ui-icon-wikimedia-~~userAvatar~~"></span>';		a.innerHTML = '<span class="citizen-ui-icon mw-ui-icon-wikimedia-add"></span>';
			a.addEventListener('click', function(e) {
			e.preventDefault();
			var nom = prompt('Nom de la nouvelle page :');
			if (nom && nom.trim()) {
			window.location.href = mw.util.getUrl(nom.trim(), { action: 'edit' });
			}
			});
	var d = document.querySelector('.citizen-drawer');		var d = document.querySelector('.citizen-drawer');
	if (d) d.parentNode.insertBefore(a, d.nextSibling);		if (d) d.parentNode.insertBefore(a, d.nextSibling);
	});		});

Admin le 21 mai 2026 à 14:43

2026-05-21T14:43:23Z

← Version précédente		Version du 21 mai 2026 à 14:43
Ligne 1 :		Ligne 1 :
	$(function() {		$(function() {
	var ~~username~~ = mw.config.get("wgUserName");		var u = mw.config.get('wgUserName');
	if (!~~username~~) return;		if (!u) return;
	if (document.getElementById("citizen-mypage-button")) return;		if (document.getElementById('citizen-mypage-button')) return;
	var ~~url = mw.util.getUrl("Utilisateur:" + username);~~		var a = document.createElement('a');
	~~var btn~~ = document.createElement("a");		a.id = 'citizen-mypage-button';
	~~btn~~.id = "citizen-mypage-button";		a.href = mw.util.getUrl('Utilisateur:' + u);
	~~btn~~.href = ~~url~~;		a.title = 'Ma page';
	~~btn~~.title = "Ma page";		a.className = 'citizen-header__item cdx-button cdx-button--icon-only';
	~~btn~~.className = "citizen-header__item ~~citizen-~~cdx-button~~--size-large cdx-button~~		a.innerHTML = '<span class="citizen-ui-icon mw-ui-icon-wikimedia-userAvatar"></span>';
	~~cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet~~		var d = document.querySelector('.citizen-drawer');
	cdx-button--icon-only";		if (d) d.parentNode.insertBefore(a, d.nextSibling);
	~~btn~~.innerHTML = "<span class=\"citizen-ui-icon
	mw-ui-icon-wikimedia-userAvatar\"></span>";

	var ~~drawer~~ = document.querySelector(".citizen-drawer");
	if (~~drawer~~) {
	~~drawer~~.parentNode.insertBefore(~~btn~~, ~~drawer~~.nextSibling);
	}
	});		});

Admin le 21 mai 2026 à 14:39

2026-05-21T14:39:38Z

← Version précédente		Version du 21 mai 2026 à 14:39
Ligne 1 :		Ligne 1 :
	/**		$(function() {
	* Bouton "Ma page" dans le header Citizen		var username = mw.config.get("wgUserName");
	* Ajoute un bouton après le menu burger pour accéder à sa page utilisateur		if (!username) return;
	*/		if (document.getElementById("citizen-mypage-button")) return;
	$( function () {		var url = mw.util.getUrl("Utilisateur:" + username);
	~~// Seulement pour les utilisateurs connectés~~		var btn = document.createElement("a");
	var username = mw.config.get( 'wgUserName' );		btn.id = "citizen-mypage-button";
	if ( !username ) {		btn.href = url;
	return;		btn.title = "Ma page";
	}		btn.className = "citizen-header__item citizen-cdx-button--size-large cdx-button
			cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet
	~~// Vérifie que le bouton n'existe pas déjà~~		cdx-button--icon-only";
	if ( $( '#citizen-mypage-button' )~~.length~~ ) {		btn.innerHTML = "<span class=\"citizen-ui-icon
	return;		mw-ui-icon-wikimedia-userAvatar\"></span>";
	}

	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 = document.querySelector(".citizen-drawer");
	var $drawer = $( '.citizen-drawer' );		if (drawer) {
	if ( $drawer~~.length~~ ) {		drawer.parentNode.insertBefore(btn, drawer.nextSibling);
	$drawer.~~after~~( ~~$button~~ );
	}		}
	} );		});

Admin le 21 mai 2026 à 14:36

2026-05-21T14:36:22Z

← Version précédente		Version du 21 mai 2026 à 14:36
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~~ );
	}
	} );
	~~} )(~~);

Admin : 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... »

2026-05-21T14:31:01Z

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... »

Nouvelle page

/**
* 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( 'citizen-mypage-button' ) ) {
return;
}

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

// Créer le bouton avec le même style que le bouton Apparence
var button = document.createElement( 'a' );
button.id = 'citizen-mypage-button';
button.href = userPageUrl;
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 );
}
} );
} )();