MediaWiki:Citizen.js: Difference between revisions
MediaWiki interface page
More actions
Romanio0089 (talk | contribs) Created page with "→All JavaScript here will be loaded for users of the Citizen skin: mw.loader.using( 'mediawiki.util' ).then( function () { $( function () { var $start = $( '.citizen-header__start' ); if ( !$start.length ) return; var $btn = $( '<a>', { id: 'my-header-btn', class: 'citizen-header__button cdx-button cdx-button--icon-only cdx-button--weight-quiet', href: mw.util.getUrl( 'Special:Random' ), title: 'Random page', 'aria-label'..." |
Romanio0089 (talk | contribs) mNo edit summary |
||
| Line 1: | Line 1: | ||
/* All JavaScript here will be loaded for users of the Citizen skin */ | /* All JavaScript here will be loaded for users of the Citizen skin */ | ||
mw.loader.using( 'mediawiki.util' ).then( function () { | mw.loader.using( [ 'mediawiki.util', 'mediawiki.ui.icon' ] ).then( function () { | ||
$( function () { | $( function () { | ||
var $start = $( '.citizen-header__start' ); | var $start = $( '.citizen-header__start' ); | ||
| Line 8: | Line 8: | ||
var $btn = $( '<a>', { | var $btn = $( '<a>', { | ||
id: 'my-header-btn', | id: 'my-header-btn', | ||
class: 'citizen-header__button | class: 'citizen-header__button', | ||
href: mw.util.getUrl( 'Special:Random' ), | href: mw.util.getUrl( 'Special:Random' ), | ||
title: 'Random page', | title: 'Random page', | ||
'aria-label': 'Random page' | 'aria-label': 'Random page' | ||
}) | }).append( | ||
$( '<span>', { | |||
class: 'citizen-ui-icon mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-random' | |||
} ) | |||
); | |||
var $hamburger = $start.find( 'button, a' ).first(); | var $hamburger = $start.find( 'button, a' ).first(); | ||
( $hamburger.length ? $btn.insertAfter( $hamburger ) : $start.prepend( $btn ) ); | |||
} ); | } ); | ||
} ); | } ); | ||
Revision as of 02:38, 21 October 2025
/* All JavaScript here will be loaded for users of the Citizen skin */
mw.loader.using( [ 'mediawiki.util', 'mediawiki.ui.icon' ] ).then( function () {
$( function () {
var $start = $( '.citizen-header__start' );
if ( !$start.length ) return;
var $btn = $( '<a>', {
id: 'my-header-btn',
class: 'citizen-header__button',
href: mw.util.getUrl( 'Special:Random' ),
title: 'Random page',
'aria-label': 'Random page'
}).append(
$( '<span>', {
class: 'citizen-ui-icon mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-random'
} )
);
var $hamburger = $start.find( 'button, a' ).first();
( $hamburger.length ? $btn.insertAfter( $hamburger ) : $start.prepend( $btn ) );
} );
} );