MediaWiki:Common.js - Historique des versions

Hiob le 11 mars 2026 à 19:24

2026-03-11T19:24:42Z

@@ Ligne 302 : / Ligne 302 : @@
   * Nefald Page Search — Recherche dans le contenu de la page
   * ============================================================ */
 mw.hook( 'wikipage.content' ).add( function ( $content ) {
      $content.find( '.nefald-page-search-container' ).each( function () {
@@ Ligne 307 : / Ligne 325 : @@
          if ( $container.children().length > 0 ) { return; }
-         var placeholder = $container.data( 'placeholder' ) || 'Rechercher dans la page\u2026';
+        /* Mise à jour du placeholder par défaut pour indiquer le raccourci */
          /* --- Injection du HTML --- */

Hiob : Modèle:Recherche

2026-03-11T15:43:43Z

Modèle:Recherche

Voir les modifications

Hiob : minicard

2026-03-05T14:21:41Z

minicard

@@ Ligne 255 : / Ligne 255 : @@
 /* === fin Modèle:Règle === */
-/* MiniCard Grid - Ajustement dynamique des colonnes */
+/* =============================================================================
-( function ( mw ) {
+   EFFET D'APPARITION EN CASCADE POUR LES MINICARDS (Intersection Observer)
-     'use strict';
+   ============================================================================= */
-     var MIN_CARD_WIDTH = 140;
+     // Vérification de la compatibilité du navigateur
-    var GAP = 12;
+    if ('IntersectionObserver' in window) {
-    function calcBestCols( total, containerWidth ) {
+        const observer = new IntersectionObserver((entries, obs) => {
-        var maxColsByWidth = Math.floor(
+            entries.forEach(entry => {
-            ( containerWidth + GAP ) / ( MIN_CARD_WIDTH + GAP )
+                if (entry.isIntersecting) {
-        );
+                    // Si la carte entre dans l'écran, on applique un délai pour l'effet "cascade"
-        maxColsByWidth = Math.max( 1, Math.min( maxColsByWidth, total ) );
+                    setTimeout(() => {
-         var bestCols = 1;
+         // On observe chaque carte trouvée
-         for ( var n = 1; n <= maxColsByWidth; n++ ) {
+         cards.forEach(card => observer.observe(card));
-            if ( total % n === 0 ) {
+    } else {
-                bestCols = n;
+         // Fallback pour les très vieux navigateurs : on affiche tout direct
+         cards.forEach(card => card.classList.add('is-loaded'));
+     }
 });

Hiob le 4 mars 2026 à 20:54

2026-03-04T20:54:28Z

← Version précédente		Version du 4 mars 2026 à 20:54
Ligne 256 :		Ligne 256 :

	/* MiniCard Grid - Ajustement dynamique des colonnes */		/* MiniCard Grid - Ajustement dynamique des colonnes */
	( function () {		( function ( mw ) {
	'use strict';		'use strict';

Ligne 297 :		Ligne 297 :

	var cardWidth = ( containerWidth - ( bestCols - 1 ) * GAP ) / bestCols;		var cardWidth = ( containerWidth - ( bestCols - 1 ) * GAP ) / bestCols;
			/* Hauteur dynamique gérée par le JS en fonction de la largeur dispo */
	var rowHeight = cardWidth < 120 ? '48px' : cardWidth < 160 ? '52px' : '60px';		var rowHeight = cardWidth < 120 ? '48px' : cardWidth < 160 ? '52px' : '60px';

	grid.style.gridAutoRows = rowHeight;		grid.style.gridAutoRows = rowHeight;
	cards.forEach( function ( c ) {		cards.forEach( function ( c ) {
Ligne 310 :		Ligne 312 :
	}		}

	/* Exécution ~~initiale~~ */		/* Exécution MediaWiki : Gère le chargement initial ET les prévisualisations d'édition */
	if ( ~~document~~.~~readyState === 'loading~~' ) {		mw.hook( 'wikipage.content' ).add( function () {
	~~document~~.~~addEventListener~~( ~~'DOMContentLoaded', adjustAllGrids~~ );
	~~} else~~ {
	adjustAllGrids();		adjustAllGrids();
	}		} );

	/* Resize fenêtre */		/* Resize fenêtre */
Ligne 324 :		Ligne 324 :
	} );		} );

	/* Observer les changements de classe sur :root (changement de mode Citizen) */		/* Observer les changements de classe sur :root (changement de mode clair/sombre Citizen) */
	var rootObserver = new MutationObserver( function ( mutations ) {		var rootObserver = new MutationObserver( function ( mutations ) {
	mutations.forEach( function ( mutation ) {		mutations.forEach( function ( mutation ) {
Ligne 339 :		Ligne 339 :
	} );		} );

	}() );		}( mediaWiki ) );

Hiob : fallback

2026-03-04T15:46:40Z

fallback

← Version précédente		Version du 4 mars 2026 à 15:46
Ligne 268 :		Ligne 268 :
	maxColsByWidth = Math.max( 1, Math.min( maxColsByWidth, total ) );		maxColsByWidth = Math.max( 1, Math.min( maxColsByWidth, total ) );

	~~/* Cherche le diviseur exact le plus grand <= maxColsByWidth */~~
	var bestCols = 1;		var bestCols = 1;
	for ( var n = 1; n <= maxColsByWidth; n++ ) {		for ( var n = 1; n <= maxColsByWidth; n++ ) {
Ligne 276 :		Ligne 275 :
	}		}

	~~/* Pas de diviseur exact : on prend maxColsByWidth */~~
	if ( bestCols === 1 && maxColsByWidth > 1 ) {		if ( bestCols === 1 && maxColsByWidth > 1 ) {
	bestCols = maxColsByWidth;		bestCols = maxColsByWidth;
Ligne 290 :		Ligne 288 :

	var containerWidth = grid.offsetWidth;		var containerWidth = grid.offsetWidth;

	~~/* Si le conteneur n'est pas encore rendu (width = 0), on réessaie */~~
	if ( containerWidth === 0 ) {		if ( containerWidth === 0 ) {
	requestAnimationFrame( function () { adjustGrid( grid ); } );		requestAnimationFrame( function () { adjustGrid( grid ); } );
Ligne 300 :		Ligne 296 :
	grid.style.gridTemplateColumns = 'repeat(' + bestCols + ', 1fr)';		grid.style.gridTemplateColumns = 'repeat(' + bestCols + ', 1fr)';

	~~/* Hauteur adaptative */~~
	var cardWidth = ( containerWidth - ( bestCols - 1 ) * GAP ) / bestCols;		var cardWidth = ( containerWidth - ( bestCols - 1 ) * GAP ) / bestCols;
	var rowHeight = cardWidth < 120 ? '48px' : cardWidth < 160 ? '52px' : '60px';		var rowHeight = cardWidth < 120 ? '48px' : cardWidth < 160 ? '52px' : '60px';
Ligne 308 :		Ligne 303 :
	} );		} );

	~~/* Révèle la grille une fois calculée */~~
	grid.classList.add( 'is-ready' );		grid.classList.add( 'is-ready' );
	}		}
Ligne 316 :		Ligne 310 :
	}		}

	/* Exécution ~~immédiate si le DOM est prêt, sinon au plus tôt~~ */		/* Exécution initiale */
	if ( document.readyState === 'loading' ) {		if ( document.readyState === 'loading' ) {
	document.addEventListener( 'DOMContentLoaded', adjustAllGrids );		document.addEventListener( 'DOMContentLoaded', adjustAllGrids );
Ligne 323 :		Ligne 317 :
	}		}

	/* ~~Recalcul au resize avec debounce~~ */		/* Resize fenêtre */
	var resizeTimer;		var resizeTimer;
	window.addEventListener( 'resize', function () {		window.addEventListener( 'resize', function () {
	clearTimeout( resizeTimer );		clearTimeout( resizeTimer );
	resizeTimer = setTimeout( adjustAllGrids, ~~100~~ );		resizeTimer = setTimeout( adjustAllGrids, 80 );
			} );

			/* Observer les changements de classe sur :root (changement de mode Citizen) */
			var rootObserver = new MutationObserver( function ( mutations ) {
			mutations.forEach( function ( mutation ) {
			if ( mutation.attributeName === 'class' ) {
			/* Petit délai pour laisser Citizen appliquer ses styles */
			setTimeout( adjustAllGrids, 150 );
			}
			} );
			} );

			rootObserver.observe( document.documentElement, {
			attributes: true,
			attributeFilter: [ 'class' ]
	} );		} );

	}() );		}() );

Hiob : minicard

2026-03-04T15:42:23Z

minicard

← Version précédente		Version du 4 mars 2026 à 15:42
Ligne 259 :		Ligne 259 :
	'use strict';		'use strict';

	var MIN_CARD_WIDTH = 140; ~~/* Largeur minimale acceptable par carte en px */~~		var MIN_CARD_WIDTH = 140;
	var GAP = 12;		var GAP = 12;

	function ~~adjustMiniCardGrids~~() {		function calcBestCols( total, containerWidth ) {
	~~document~~.~~querySelectorAll~~( ~~'.minicard-grid'~~ )~~.forEach~~( ~~function ( grid~~ ) {		var maxColsByWidth = Math.floor(
	~~var cards = grid.querySelectorAll( '.minicard'~~ );		( containerWidth + GAP ) / ( MIN_CARD_WIDTH + GAP )
	~~var total~~ = ~~cards~~.~~length;~~		);
	if ( total ~~=== 0~~ ) ~~return~~;		maxColsByWidth = Math.max( 1, Math.min( maxColsByWidth, total ) );

	~~var containerWidth~~ = ~~grid.offsetWidth~~;		/* Cherche le diviseur exact le plus grand <= maxColsByWidth */
			var bestCols = 1;
			for ( var n = 1; n <= maxColsByWidth; n++ ) {
			if ( total % n === 0 ) {
			bestCols = n;
			}
			}

			/* Pas de diviseur exact : on prend maxColsByWidth */
			if ( bestCols === 1 && maxColsByWidth > 1 ) {
			bestCols = maxColsByWidth;
			}

			return bestCols;
			}

	~~/* Nombre max de colonnes qui respectent la largeur minimale */~~		function adjustGrid( grid ) {
	var ~~maxColsByWidth~~ = ~~Math~~.~~floor~~(		var cards = grid.querySelectorAll( '.minicard' );
	~~( containerWidth + GAP ) / ( MIN_CARD_WIDTH + GAP )~~		var total = cards.length;
	);		if ( total === 0 ) return;
	~~maxColsByWidth~~ = ~~Math~~.~~max~~( ~~1, Math.min( maxColsByWidth,~~ total ) );

	~~/* On cherche le meilleur diviseur de total <= maxColsByWidth */~~		var containerWidth = grid.offsetWidth;
	~~var bestCols = 1;~~
	~~for (~~ var ~~n = 1; n <= maxColsByWidth; n++ ) {~~
	~~if ( total % n === 0 ) {~~
	~~bestCols~~ = n;
	}
	}

	/* Si ~~aucun diviseur exact trouvé au-delà de 1~~, on ~~prend maxColsByWidth~~ */		/* Si le conteneur n'est pas encore rendu (width = 0), on réessaie */
	if ( ~~bestCols~~ === ~~1 && maxColsByWidth > 1~~ ) {		if ( containerWidth === 0 ) {
	~~bestCols = maxColsByWidth~~;		requestAnimationFrame( function () { adjustGrid( grid ); } );
	}		return;
			}

	grid.style.gridTemplateColumns = 'repeat(' + bestCols + ', 1fr)';		var bestCols = calcBestCols( total, containerWidth );
			grid.style.gridTemplateColumns = 'repeat(' + bestCols + ', 1fr)';

	/* ~~Ajustement hauteur sur mobile~~ */		/* Hauteur adaptative */
	var cardWidth = ( containerWidth - ( bestCols - 1 ) * GAP ) / bestCols;		var cardWidth = ( containerWidth - ( bestCols - 1 ) * GAP ) / bestCols;
	~~if (~~ cardWidth < 120 ~~) {~~		var rowHeight = cardWidth < 120 ? '48px' : cardWidth < 160 ? '52px' : '60px';
	~~grid.style.gridAutoRows =~~ '48px';		grid.style.gridAutoRows = rowHeight;
	~~grid.querySelectorAll( '.minicard' ).forEach( function ( c ) {~~		cards.forEach( function ( c ) {
	~~c.style.height = '48px';~~		c.style.height = rowHeight;
	~~} );~~
	~~} else if (~~ cardWidth < 160 ~~) {~~
	~~grid.style.gridAutoRows =~~ '52px';
	~~grid.querySelectorAll( '.minicard~~' ~~).forEach( function ( c ) {~~
	~~c.style.height = '52px~~';
	~~} );~~
	~~} else {~~
	grid.style.gridAutoRows = ~~'60px'~~;
	~~grid.querySelectorAll( '.minicard' )~~.forEach( function ( c ) {
	c.style.height = ~~'60px';~~
	~~} )~~;
	}
	} );		} );

			/* Révèle la grille une fois calculée */
			grid.classList.add( 'is-ready' );
	}		}

	~~var resizeTimer;~~		function adjustAllGrids() {
	function ~~onResize~~() {		document.querySelectorAll( '.minicard-grid' ).forEach( adjustGrid );
	~~clearTimeout~~( ~~resizeTimer~~ );
	~~resizeTimer = setTimeout~~( ~~adjustMiniCardGrids, 100~~ );
	}		}

			/* Exécution immédiate si le DOM est prêt, sinon au plus tôt */
	if ( document.readyState === 'loading' ) {		if ( document.readyState === 'loading' ) {
	document.addEventListener( 'DOMContentLoaded', ~~adjustMiniCardGrids~~ );		document.addEventListener( 'DOMContentLoaded', adjustAllGrids );
	} else {		} else {
	~~adjustMiniCardGrids~~();		adjustAllGrids();
	}		}

	window.addEventListener( 'resize', ~~onResize~~ );		/* Recalcul au resize avec debounce */
			var resizeTimer;
			window.addEventListener( 'resize', function () {
			clearTimeout( resizeTimer );
			resizeTimer = setTimeout( adjustAllGrids, 100 );
			} );

	}() );		}() );

Hiob : Minicard

2026-03-04T15:38:53Z

Minicard

← Version précédente		Version du 4 mars 2026 à 15:38
Ligne 254 :		Ligne 254 :

	/* === fin Modèle:Règle === */		/* === fin Modèle:Règle === */


	/* MiniCard Grid - Ajustement dynamique des colonnes */		/* MiniCard Grid - Ajustement dynamique des colonnes */
	( function () {		( function () {
	'use strict';		'use strict';

			var MIN_CARD_WIDTH = 140; /* Largeur minimale acceptable par carte en px */
			var GAP = 12;

	function adjustMiniCardGrids() {		function adjustMiniCardGrids() {
Ligne 267 :		Ligne 269 :

	var containerWidth = grid.offsetWidth;		var containerWidth = grid.offsetWidth;
	~~var minCardWidth = 130; /* largeur minimale souhaitée par carte */~~
	~~var gap = 12;~~

	/* Nombre max de colonnes qui ~~tiennent dans le conteneur~~ */		/* Nombre max de colonnes qui respectent la largeur minimale */
	var ~~maxCols~~ = Math.floor(		var maxColsByWidth = Math.floor(
	( containerWidth + ~~gap~~ ) / ( ~~minCardWidth~~ + ~~gap~~ )		( containerWidth + GAP ) / ( MIN_CARD_WIDTH + GAP )
	);		);
	~~maxCols~~ = Math.max( 1, Math.min( ~~maxCols~~, total ) );		maxColsByWidth = Math.max( 1, Math.min( maxColsByWidth, total ) );

	/* On cherche le diviseur de total ~~le plus proche de maxCols~~ */		/* On cherche le meilleur diviseur de total <= maxColsByWidth */
	var bestCols = 1;		var bestCols = 1;
	for ( var n = 1; n <= ~~maxCols~~; n++ ) {		for ( var n = 1; n <= maxColsByWidth; n++ ) {
	if ( total % n === 0 ) {		if ( total % n === 0 ) {
	bestCols = n;		bestCols = n;
Ligne 284 :		Ligne 284 :
	}		}

	/* Si aucun diviseur exact, on prend ~~maxCols directement */~~		/* Si aucun diviseur exact trouvé au-delà de 1, on prend maxColsByWidth */
	~~/* (dernière ligne incomplète inévitable, mais on maximise l'usage)~~ */		if ( bestCols === 1 && maxColsByWidth > 1 ) {
	if ( bestCols === 1 && ~~maxCols~~ > 1 ) {		bestCols = maxColsByWidth;
	bestCols = ~~maxCols~~;
	}		}

	grid.style.gridTemplateColumns = 'repeat(' + bestCols + ', 1fr)';		grid.style.gridTemplateColumns = 'repeat(' + bestCols + ', 1fr)';

			/* Ajustement hauteur sur mobile */
			var cardWidth = ( containerWidth - ( bestCols - 1 ) * GAP ) / bestCols;
			if ( cardWidth < 120 ) {
			grid.style.gridAutoRows = '48px';
			grid.querySelectorAll( '.minicard' ).forEach( function ( c ) {
			c.style.height = '48px';
			} );
			} else if ( cardWidth < 160 ) {
			grid.style.gridAutoRows = '52px';
			grid.querySelectorAll( '.minicard' ).forEach( function ( c ) {
			c.style.height = '52px';
			} );
			} else {
			grid.style.gridAutoRows = '60px';
			grid.querySelectorAll( '.minicard' ).forEach( function ( c ) {
			c.style.height = '60px';
			} );
			}
	} );		} );
	}		}

	~~/* Debounce pour éviter trop d'appels au resize */~~
	var resizeTimer;		var resizeTimer;
	function onResize() {		function onResize() {
Ligne 301 :		Ligne 318 :
	}		}

	~~/* Init au chargement */~~
	if ( document.readyState === 'loading' ) {		if ( document.readyState === 'loading' ) {
	document.addEventListener( 'DOMContentLoaded', adjustMiniCardGrids );		document.addEventListener( 'DOMContentLoaded', adjustMiniCardGrids );

Hiob le 4 mars 2026 à 15:34

2026-03-04T15:34:25Z

← Version précédente		Version du 4 mars 2026 à 15:34
Ligne 254 :		Ligne 254 :

	/* === fin Modèle:Règle === */		/* === fin Modèle:Règle === */


			/* MiniCard Grid - Ajustement dynamique des colonnes */
			( function () {
			'use strict';

			function adjustMiniCardGrids() {
			document.querySelectorAll( '.minicard-grid' ).forEach( function ( grid ) {
			var cards = grid.querySelectorAll( '.minicard' );
			var total = cards.length;
			if ( total === 0 ) return;

			var containerWidth = grid.offsetWidth;
			var minCardWidth = 130; /* largeur minimale souhaitée par carte */
			var gap = 12;

			/* Nombre max de colonnes qui tiennent dans le conteneur */
			var maxCols = Math.floor(
			( containerWidth + gap ) / ( minCardWidth + gap )
			);
			maxCols = Math.max( 1, Math.min( maxCols, total ) );

			/* On cherche le diviseur de total le plus proche de maxCols */
			var bestCols = 1;
			for ( var n = 1; n <= maxCols; n++ ) {
			if ( total % n === 0 ) {
			bestCols = n;
			}
			}

			/* Si aucun diviseur exact, on prend maxCols directement */
			/* (dernière ligne incomplète inévitable, mais on maximise l'usage) */
			if ( bestCols === 1 && maxCols > 1 ) {
			bestCols = maxCols;
			}

			grid.style.gridTemplateColumns = 'repeat(' + bestCols + ', 1fr)';
			} );
			}

			/* Debounce pour éviter trop d'appels au resize */
			var resizeTimer;
			function onResize() {
			clearTimeout( resizeTimer );
			resizeTimer = setTimeout( adjustMiniCardGrids, 100 );
			}

			/* Init au chargement */
			if ( document.readyState === 'loading' ) {
			document.addEventListener( 'DOMContentLoaded', adjustMiniCardGrids );
			} else {
			adjustMiniCardGrids();
			}

			window.addEventListener( 'resize', onResize );

			}() );

Hiob : citizen style

2026-02-22T12:52:30Z

citizen style

← Version précédente		Version du 22 février 2026 à 12:52
Ligne 205 :		Ligne 205 :
	try {		try {
	document.execCommand('copy');		document.execCommand('copy');
	showToast('🔗 Lien copié !');		showToast('Lien copié !');
	} catch (err) {		} catch (err) {
	showToast('❌ Copie impossible');		showToast('❌ Copie impossible');
Ligne 219 :		Ligne 219 :
	var style = document.createElement('style');		var style = document.createElement('style');
	style.id = 'regle-toast-style';		style.id = 'regle-toast-style';
	style.textContent = [		style.textContent = [
	'.regle-toast {',		'.regle-toast {',
	' position: fixed;',		' position: fixed;',
	' bottom: 2rem;',		' bottom: 2rem;',
	' left: 50%;',		' left: 50%;',
	' transform: translateX(-50%) translateY(1rem);',		' transform: translateX(-50%) translateY(1rem);',
	' background: ~~#2c2c2c~~;',		' background: var(--color-surface-2);',
	' color: ~~#f0f0f0~~;',		' color: var(--color-base);',
	' padding: 0.~~5rem 1.2rem~~;',		' border: 1px solid var(--color-surface-4);',
	' border-radius: 2rem;',		' padding: 0.4rem 1rem;',
	' font-size: 0.~~9rem~~;',		' border-radius: var(--border-radius-pill, 2rem);',
	' opacity: 0;',		' font-size: 0.875rem;',
	' pointer-events: none;',		' font-weight: 500;',
	' transition: opacity 0.3s ease, transform 0.3s ease;',		' letter-spacing: 0.01em;',
	' z-index: 200000;',		' opacity: 0;',
	' white-space: nowrap;',		' pointer-events: none;',
	' box-shadow: 0 4px ~~12px~~ rgba(0,0,0,0.5);',		' transition: opacity 0.25s ease, transform 0.25s ease;',
	'}',		' z-index: 200000;',
	'.regle-toast.regle-toast--visible {',		' white-space: nowrap;',
	' opacity: 1;',		' box-shadow: var(--box-shadow-dialog, 0 4px 16px rgba(0,0,0,0.15));',
	' transform: translateX(-50%) translateY(0);',		' display: flex;',
	'}'		' align-items: center;',
	].join('\n');		' gap: 0.4em;',
			'}',
			'.regle-toast.regle-toast--visible {',
			' opacity: 1;',
			' transform: translateX(-50%) translateY(0);',
			'}'
			].join('\n');

	document.head.appendChild(style);		document.head.appendChild(style);
	}());		}());

Hiob : Annulation des modifications 5346 de Hiob (discussion)

2026-02-22T12:49:43Z

Annulation des modifications 5346 de Hiob (discussion)

@@ Ligne 194 : / Ligne 194 : @@
          if (navigator.clipboard && window.isSecureContext) {
              navigator.clipboard.writeText(url)
-                 .then(function () { showToast('Lien copié !'); })
+                 .then(function () { showToast('🔗 Lien copié !'); })
                  .catch(function () { showToast('❌ Copie impossible'); });
          } else {
@@ Ligne 214 : / Ligne 214 : @@
 });
 /* === fin Modèle:Règle === */

MediaWiki:Common.js - Historique des versions

Hiob le 11 mars 2026 à 19:24

Hiob : Modèle:Recherche

Hiob : minicard

Hiob le 4 mars 2026 à 20:54

Hiob : fallback

Hiob : minicard

Hiob : Minicard

Hiob le 4 mars 2026 à 15:34

Hiob : citizen style

Hiob : Annulation des modifications 5346 de Hiob (discussion)

Hiob : Modèle:Recherche

Hiob : minicard

Hiob : fallback

Hiob : minicard

Hiob : Minicard

Hiob : citizen style

Hiob : Annulation des modifications 5346 de Hiob (discussion)