MediaWiki:Gadget-toggleDarkMode.js: Difference between revisions

MediaWiki:Gadget-toggleDarkMode.js (view source)

740 bytes added , 08:12, 31 March 2022

no edit summary

1,131

edits

@@ Line 1: / Line 1: @@
-console.log("hello");
+ ;(function($, mw) {
+	 var DARKMODE_COOKIE = "darkmode",
+	 	 currentDark = localStorage.getItem(DARKMODE_COOKIE) == 'true',
+		 portletLink,
+		 formMade;
-$.when(mw.loader.using('mediawiki.util'), $.ready).then(function() {
+	 var self = {
-		portletLink = mw.util.addPortletLink(
+		 init: function() {
-			'p-personal',
-			'',
+			if (currentDark) {
-			'Toggle Darkmode',
+				$('body').addClass('wgl-darkmode')
-			'pt-skin-toggles',
+				$('body').removeClass('wgl-lightmode')
-			'Toggle darkmode',
+			}
-			null,
-			'pt-userpage'
+			portletLink = mw.util.addPortletLink(
-		);
+				'p-personal',
+				'',
+				'',
+				'pt-skin-toggles',
+				'Toggle darkmode',
+				null,
+				$('#pt-userpage, #pt-anonuserpage')
+			);
+			$(portletLink).find('a').addClass('oo-ui-icon-advanced').click(function(e) {
+				e.preventDefault();
+				currentDark = !currentDark;
+				localStorage.setItem(DARKMODE_COOKIE, currentDark);
+				if (currentDark) {
+					$('body').addClass('wgl-darkmode')
+					$('body').removeClass('wgl-lightmode')
+				} else {
+					$('body').addClass('wgl-lightmode')
+					$('body').removeClass('wgl-darkmode')
+				}
+		 	})
+		}
+	}
+	mw.loader.using(['mediawiki.util'], function () {
+		$(self.init);
 	})
+ }(jQuery, mediaWiki));