m (aaaaaa) |
m (changing identifiers and some minor tweaks) |
||
Line 7: | Line 7: | ||
} | } | ||
if (mw.storage.get('client-monochrome-toggle') === '1') { | if (mw.storage.get('client-monochrome-toggle') === '1') { | ||
mw.util.addPortletLink('p-personal', '#', 'Colorful mode', 'pt-colorful', '', ' | mw.util.addPortletLink('p-personal', '#', 'Colorful mode', 'pt-colorful', 'Enable Colorful Text', 'c', '#pt-preferences'); | ||
} else { | } else { | ||
mw.util.addPortletLink('p-personal', '#', 'Monochrome mode', 'pt-monochrome', '', ' | mw.util.addPortletLink('p-personal', '#', 'Monochrome mode', 'pt-monochrome', 'Disable Colorful Text', 'c', '#pt-preferences'); | ||
} | } | ||
Line 28: | Line 28: | ||
$('#pt-monochrome').on('click', function(e) { | $('#pt-monochrome').on('click', function(e) { | ||
var $html = $('html'); | var $html = $( 'html' ); | ||
e.preventDefault(); | e.preventDefault(); | ||
mw.storage.set('client-monochrome-toggle', '1'); | mw.storage.set('client-monochrome-toggle', '1'); | ||
Line 35: | Line 35: | ||
$('#pt-colorful').on('click', function(e) { | $('#pt-colorful').on('click', function(e) { | ||
var $html = $('html'); | var $html = $( 'html' ); | ||
e.preventDefault(); | e.preventDefault(); | ||
mw.storage.set('client-monochrome-toggle', '0'); | mw.storage.set('client-monochrome-toggle', '0'); |
Revision as of 23:25, 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', 'Enable Colorful Text', 'c', '#pt-preferences');
} else {
mw.util.addPortletLink('p-personal', '#', 'Monochrome mode', 'pt-monochrome', 'Disable Colorful Text', 'c', '#pt-preferences');
}
$( 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();
});
} );
} );