MediaWiki:Gadget-skinTogglesMobile.js - Revision history

Alex at 11:06, 20 October 2024

2024-10-20T11:06:20Z

@@ Line 1: / Line 1: @@
 /**
  * Toggles for skin cookies on mobile
@@ Line 6: / Line 8: @@
  */
-const DARK_COOKIE = 'darkmode';
+var DARK_COOKIE = 'darkmode';
-var currentDark = $.cookie('theme') === 'dark' || ($.cookie('theme') == null && $.cookie(DARK_COOKIE) === 'true'),
+var currentDark = $.cookie('theme') === 'dark' || $.cookie('theme') == null && $.cookie(DARK_COOKIE) === 'true',
-	darkPortletLink;
+  darkPortletLink;
 var self = {
-	init: function () {
+  init: function init() {
-		$('meta[name="theme-color"]').attr('content', currentDark ? '#071022' : '#c0a886');
+      $.cookie('theme', currentDark ? 'dark' : 'light', {
-		$.cookie('theme', currentDark ? 'dark' : 'light', {expires: 365, path: '/'});
+        path: '/'
-			$.cookie('theme', currentDark ? 'dark' : 'light', {expires: 365, path: '/'});
+      $('meta[name="theme-color"]').attr('content', currentDark ? '#071022' : '#c0a886');
-					$('body').addClass('wgl-theme-dark').removeClass('wgl-theme-light')
+        $('body').addClass('wgl-theme-light').removeClass('wgl-theme-dark');
-	},
+};
 $(self.init);

Alex at 16:15, 17 October 2024

2024-10-17T16:15:30Z

← Older revision		Revision as of 18:15, 17 October 2024
Line 12:		Line 12:
	var self = {		var self = {
	init: function () {		init: function () {
	darkPortletLink = ~~mw.~~mw.util.addPortletLink(		darkPortletLink = mw.util.addPortletLink(
	'p-personal',		'p-personal',
	'#',		'#',

Alex at 23:10, 16 October 2024

2024-10-16T23:10:42Z

← Older revision		Revision as of 01:10, 17 October 2024
Line 12:		Line 12:
	var self = {		var self = {
	init: function () {		init: function () {
	darkPortletLink = mw.util.addPortletLink(		darkPortletLink = mw.mw.util.addPortletLink(
	'p-personal',		'p-personal',
	'#',		'#',

Alex: Created page with "/** * Toggles for skin cookies on mobile * * @author JaydenKieran * */ const DARK_COOKIE = 'darkmode'; var currentDark = $.cookie('theme') === 'dark' || ($.cookie('theme') == null && $.cookie(DARK_COOKIE) === 'true'), darkPortletLink; var self = { init: function () { darkPortletLink = mw.util.addPortletLink( 'p-personal', '#', (currentDark ? 'Light' : 'Dark') + ' mode', 'wgl-darkmode-toggle', 'Toggle ' + (currentDark ? 'light' : 'dark') + ' mo..."

2024-10-13T00:45:05Z

Created page with "* * Toggles for skin cookies on mobile * * @author JaydenKieran *: const DARK_COOKIE = 'darkmode'; var currentDark = $.cookie('theme') === 'dark' || ($.cookie('theme') == null && $.cookie(DARK_COOKIE) === 'true'), darkPortletLink; var self = { init: function () { darkPortletLink = mw.util.addPortletLink( 'p-personal', '#', (currentDark ? 'Light' : 'Dark') + ' mode', 'wgl-darkmode-toggle', 'Toggle ' + (currentDark ? 'light' : 'dark') + ' mo..."

New page

/**
* Toggles for skin cookies on mobile
*
* @author JaydenKieran
*
*/

const DARK_COOKIE = 'darkmode';
var currentDark = $.cookie('theme') === 'dark' || ($.cookie('theme') == null && $.cookie(DARK_COOKIE) === 'true'),
darkPortletLink;

var self = {
init: function () {
darkPortletLink = mw.util.addPortletLink(
'p-personal',
'#',
(currentDark ? 'Light' : 'Dark') + ' mode',
'wgl-darkmode-toggle',
'Toggle ' + (currentDark ? 'light' : 'dark') + ' mode',
null,
$('a.menu__item--logout').closest('li')
);

$('meta[name="theme-color"]').attr('content', currentDark ? '#071022' : '#c0a886');

$.cookie('theme', currentDark ? 'dark' : 'light', {expires: 365, path: '/'});

$(darkPortletLink).click(function (e) {
e.preventDefault();
currentDark = !currentDark;
$('#wgl-darkmode-toggle .toggle-list-item__label').text((currentDark ? 'Light' : 'Dark') + ' mode');
$.cookie('theme', currentDark ? 'dark' : 'light', {expires: 365, path: '/'});
$.cookie(DARK_COOKIE, currentDark, {expires: 365, path: '/'});
$('meta[name="theme-color"]').attr('content', currentDark ? '#071022' : '#c0a886');

if (currentDark) {
mw.loader.using(['wgl.theme.dark']).then(function() {
$('body').addClass('wgl-theme-dark').removeClass('wgl-theme-light')
});
} else {
$('body').addClass('wgl-theme-light').removeClass('wgl-theme-dark')
}
mw.notify( 'Switched to ' + (currentDark ? 'dark' : 'light') + ' mode!', { tag: 'wg-darkmode-notification' } );
});
},
}

$(self.init);