m (trying out re-structuring a little) |
m (aaaaaa) |
||
Line 6: | Line 6: | ||
mw.util.addPortletLink( 'p-personal', '#', 'Dark mode', 'pt-darkmode', '', 'np', '#pt-watchlist' ); | mw.util.addPortletLink( 'p-personal', '#', 'Dark mode', 'pt-darkmode', '', 'np', '#pt-watchlist' ); | ||
} | } | ||
if (mw.storage.get('client-monochrome-toggle') === '1') { | |||
mw.util.addPortletLink('p-personal', '#', 'Colorful mode', 'pt-colorful', '', 'np', '#pt-watchlist'); | |||
} else { | |||
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 ) { | ||
Line 20: | Line 26: | ||
location.reload(); | location.reload(); | ||
} ); | } ); | ||
$('#pt-monochrome').on('click', function(e) { | $('#pt-monochrome').on('click', function(e) { | ||
var $html = $('html'); | var $html = $('html'); | ||
Line 41: | Line 40: | ||
location.reload(); | location.reload(); | ||
}); | }); | ||
}); | } ); | ||
} ); | } ); |
Revision as of 23:18, 26 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' );
}
if (mw.storage.get('client-monochrome-toggle') === '1') {
mw.util.addPortletLink('p-personal', '#', 'Colorful mode', 'pt-colorful', '', 'np', '#pt-watchlist');
} else {
mw.util.addPortletLink('p-personal', '#', 'Monochrome mode', 'pt-monochrome', '', '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();
} );
$('#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();
});
} );
} );