Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.js: Difference between revisions

MediaWiki interface page
mNo edit summary
mNo edit summary
Line 7: Line 7:


     var $btn = $( '<a>', {
     var $btn = $( '<a>', {
       id: 'my-header-btn',
       id: 'discord-header-btn',
       class: 'citizen-header__button',
       class: 'citizen-header__button',
       href: mw.util.getUrl( 'Special:Random' ),
       href: 'https://discord.com/',
       title: 'Random page',
       title: 'Join our Discord',
       'aria-label': 'Random page'
       'aria-label': 'Join our Discord',
      target: '_blank',
      rel: 'noopener noreferrer'
     }).append(
     }).append(
       $( '<span>', {
       $( '<span>', {
         class: 'citizen-ui-icon mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-random'
         class: 'citizen-ui-icon mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-speechBubbles',
        'aria-hidden': 'true'
       } )
       } )
     );
     );

Revision as of 02:40, 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: 'discord-header-btn',
      class: 'citizen-header__button',
      href: 'https://discord.com/',
      title: 'Join our Discord',
      'aria-label': 'Join our Discord',
      target: '_blank',
      rel: 'noopener noreferrer'
    }).append(
      $( '<span>', {
        class: 'citizen-ui-icon mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-speechBubbles',
        'aria-hidden': 'true'
      } )
    );

    var $hamburger = $start.find( 'button, a' ).first();
    ( $hamburger.length ? $btn.insertAfter( $hamburger ) : $start.prepend( $btn ) );
  } );
} );