MediaWiki:Vector.js: Difference between revisions

MediaWiki interface page
m (experimental commit, revert after seeing output)
mNo edit summary
Line 1: Line 1:
/* All JavaScript here will be loaded for users of the Vector skin */
/* All JavaScript here will be loaded for users of the Vector skin */
mw.loader.using( 'mediawiki.storage' ).then( function () {
mw.loader.using( 'mediawiki.storage' ).then( function () {
  if ( mw.storage.get( 'client-dark-mode-toggle' ) === '1' ) {
    if ( mw.storage.get( 'client-dark-mode-toggle' ) === '1' ) {
    mw.util.addPortletLink( 'p-personal', '#', 'Light mode', 'pt-lightmode', '', 'np', '#pt-watchlist' );
    mw.util.addPortletLink( 'p-personal', '#', 'Light mode', 'pt-lightmode', '', 'np', '#pt-watchlist' );
    mw.util.addPortletLink( 'p-personal', '#', 'Colorful mode', 'pt-colorful', '', 'np', '#pt-watchlist' );
} else {
  }
  else {
     mw.util.addPortletLink( 'p-personal', '#', 'Dark mode', 'pt-darkmode', '', 'np', '#pt-watchlist' );
     mw.util.addPortletLink( 'p-personal', '#', 'Dark mode', 'pt-darkmode', '', 'np', '#pt-watchlist' );
    mw.util.addPortletLink( 'p-personal', '#', 'Monochrome mode', 'pt-monochrome', '', 'np', '#pt-watchlist' );
}
  }
$( function () {
  $( function () {
    $( '#pt-darkmode' ).on( 'click', function( e ) {
    $( '#pt-darkmode' ).on( 'click', function( e ) {
    var $html = $( 'html' );
      var $html = $( 'html' );
        e.preventDefault();
      e.preventDefault();
        mw.storage.set('client-dark-mode-toggle', '1');
      mw.storage.set('client-dark-mode-toggle', '1');
        location.reload();
      location.reload();
    } );
    } );
    $( '#pt-lightmode' ).on( 'click', function( e ) {
    $( '#pt-lightmode' ).on( 'click', function( e ) {
      var $html = $( 'html' );
    var $html = $( 'html' );
      e.preventDefault();
        e.preventDefault();
      mw.storage.set('client-dark-mode-toggle', '0');
        mw.storage.set('client-dark-mode-toggle', '0');
      location.reload();
        location.reload();
    } );
    } );
    $( '#pt-monochrome' ).on( 'click', function( e ) {
} );
      var $html = $( 'html' );
      e.preventDefault();
      mw.storage.set('client-monochrome-toggle', '1');
      location.reload();
    } );
    $( '#pt-colorful' ).on( 'click', function( e ) {
      var $html = $( 'html' );
      e.preventDefault();
      mw.storage.set('client-monochrome-toggle', '0');
      location.reload();
    } );
  } );
} );
} );

Revision as of 18:49, 23 May 2022

/* All JavaScript here will be loaded for users of the Vector skin */
mw.loader.using( 'mediawiki.storage' ).then( function () {
    if ( mw.storage.get( 'client-dark-mode-toggle' ) === '1' ) {
    	mw.util.addPortletLink( 'p-personal', '#', 'Light mode', 'pt-lightmode', '', 'np', '#pt-watchlist' );
	} else {
    mw.util.addPortletLink( 'p-personal', '#', 'Dark mode', 'pt-darkmode', '', 'np', '#pt-watchlist' );
	}
	$( function () {
	    $( '#pt-darkmode' ).on( 'click', function( e ) {
	    	var $html = $( 'html' );
	        e.preventDefault();
	        mw.storage.set('client-dark-mode-toggle', '1');
	        location.reload();
	    } );
 
	    $( '#pt-lightmode' ).on( 'click', function( e ) {
	    	var $html = $( 'html' );
	        e.preventDefault();
	        mw.storage.set('client-dark-mode-toggle', '0');
	        location.reload();
	    } );
	} );
} );