User:Nardog/dark-mode-toggle.js: Difference between revisions

Revision as of 10:08, 21 November 2022

Latest revision as of 09:26, 19 February 2025

(26 intermediate revisions by 2 users not shown)

Line 34:

function vectorStickyCallback() {

makePortletLink('p-personal-sticky-header', 'pt-darkmode-sticky-header', '#pt-watchlist-sticky-header');

$('#pt-darkmode-sticky-header span:only-child')

.prepend($('<span>').addClass('mw-ui-icon mw-ui-icon-vector-gadget-pt-darkmode'));

mw.hook('vector.page_title_scroll').remove(vectorStickyCallback);

if (document.getElementById('pt-darkmode-sticky-header')) return;

makePortletLink('p-personal-sticky-header', 'pt-darkmode-sticky-header', '#pt-watchlist-sticky-header');

}

Line 46 ⟶ 45:

mw.hook('vector.page_title_scroll').add(vectorStickyCallback);

}

}

function getMsg(suffix) {

var key = 'darkmode-turn-' + (isOn ? 'off' : 'on') + '-' + suffix;

return mw.msg(key);

}

function makePortletLink(portletId, portletLinkId, nextnode) {

var onOrOfflabel = isOn ? 'off' : getMsg('onlabel');

var labeltooltip = mw.msggetMsg('darkmode-turn-' + onOrOff + '-labeltooltip');

var tooltip = mw.msg('darkmode-turn-' + onOrOff + '-tooltip');

$(mw.util.addPortletLink(portletId, '#', label, portletLinkId, tooltip, '', nextnode))

.children().on('click', function (e) {

Line 60 ⟶ 63:

function togglePortlets() {

var onOrOff = isOn ? 'off' : 'on';

// Toggle portlet link label and tooltip

var labelSelector;

switch (mw.config.get('skin')) {

Line 68:

case 'vector-2022':

case 'minerva':

labelSelector = '#pt-darkmode span:not(.mw-ui-icon:empty), #pt-darkmode-sticky-header span:not(.mw-ui-icon:empty)';

break;

default:

labelSelector = '#pt-darkmode a';

}

$(labelSelector).text(mw.msggetMsg('darkmode-turn-' + onOrOff + '-label'));

$('#pt-darkmode a, #pt-darkmode-sticky-header a')

.attr('title', mw.msggetMsg('darkmode-turn-' + onOrOff + '-tooltip'));

}

Line 84:

var $gadgetsLink = $('link[rel="stylesheet"][href^="' + scriptPath + '?"][href*="ext.gadget."]');

if ($gadgetsLink.length) {

var uriurl = new mw.UriURL($gadgetsLink.prop('href'));

var modules = url.searchParams.get('modules');

if (isOn) {

uri.query.modules += ',dark-mode';

} else {

if (uri.query.modules === 'ext.gadget.dark-mode') {

// dark-mode is the only module in this link

$gadgetsLink.remove();

return;

}

uri.query.modules = uri.query.modules

.replace('ext.gadget.dark-mode,', 'ext.gadget.') // dark-mode is first in the gadget list

.replace(/,dark-mode(,|$)/, '$1'); // dark-mode is in middle or end of the list

}

url.searchParams.set('modules', modules);

$gadgetsLink.prop('href', uriurl.getRelativePath()pathname + url.search);

} else {

// No gadget-containing styles are enabled

Line 113 ⟶ 115:

function savePreferenceLocally() {

mw.user.options.set('gadget-dark-mode', Number(isOn));

// In case the user navigates to another page too quickly

mw.storage.session.set('dark-mode-toggled', isOn ? '1' : '0');

Line 150 ⟶ 154:

$.when($.ready, mw.loader.using(['mediawiki.util', 'mediawiki.api', 'mediawiki.Uri', 'mediawiki.storage', 'es6-polyfills'])).then(function () {

setHtmlClass();

setThemeColor();