User:Trang Oul/common.js - Revision history

Trang Oul: Blanked the page

2026-02-17T19:14:54Z

Blanked the page

Trang Oul at 19:05, 17 February 2026

2026-02-17T19:05:35Z

Trang Oul at 18:58, 17 February 2026

2026-02-17T18:58:32Z

Trang Oul: Created page with "'use strict'; mw.loader.using([]).then(() => { const getMode = () => { return localStorage.getItem('d2Mode') || 'd2'; }; const fallbackOrder = { d2r: ['d2r', 'd2rLowend..."

2026-02-17T18:56:16Z

Created page with "'use strict'; mw.loader.using([]).then(() => { const getMode = () => { return localStorage.getItem('d2Mode') || 'd2'; }; const fallbackOrder = { d2r: ['d2r', 'd2rLowend..."

New page

'use strict';
mw.loader.using([]).then(() => {
const getMode = () => {
return localStorage.getItem('d2Mode') || 'd2';
};
const fallbackOrder = {
d2r: ['d2r', 'd2rLowend', 'd2'],
d2rLowend: ['d2rLowend', 'd2r', 'd2'],
d2: ['d2', 'd2rLowend', 'd2r']
};
const applyImages = () => {
const mode = getMode();
const order = fallbackOrder[mode] || fallbackOrder.d2;
const containers = document.querySelectorAll('.d2image');
for (const container of containers) {
const variants = container.querySelectorAll('.d2image-variant');
let selected = null;
for (const candidate of order) {
selected = Array.from(variants)
.find(v => v.dataset.variant === candidate);
if (selected) {
break;
}
}
if (!selected) {
continue;
}
for (const variant of variants) {
variant.style.display = 'none';
}
selected.style.display = '';
}
};
applyImages();
});

← Older revision		Revision as of 19:14, 17 February 2026
Line 1:		Line 1:
−	~~mw.notify("JS works!");~~
−	~~console.log("JS works!");~~

−	~~console.log('script');~~
−	~~mw.loader.using([]).then(() => {~~
−	~~const getMode = () => {~~
−	~~return localStorage.getItem('d2Mode') \|\| 'd2';~~
−	};
−	~~const fallbackOrder = {~~
−	~~d2r: ['d2r', 'd2rLowend', 'd2'],~~
−	~~d2rLowend: ['d2rLowend', 'd2r', 'd2'],~~
−	~~d2: ['d2', 'd2rLowend', 'd2r']~~
−	};
−	~~const applyImages = () => {~~
−	~~const mode = getMode();~~
−	~~const order = fallbackOrder[mode] \|\| fallbackOrder.d2;~~
−	~~const containers = document.querySelectorAll('.d2image');~~
−	~~console.log(mode);~~
−	~~console.log(order);~~
−	~~console.log(containers);~~
−	~~for (const container of containers) {~~
−	~~const variants = container.querySelectorAll('.d2image-variant');~~
−	~~let selected = null;~~
−	~~for (const candidate of order) {~~
−	~~selected = Array.from(variants)~~
−	~~.find(v => v.dataset.variant === candidate);~~
−	~~if (selected) {~~
−	~~break;~~
−	}
−	}
−	~~if (!selected) {~~
−	~~continue;~~
−	}
−	~~for (const variant of variants) {~~
−	~~variant.style.display = 'none';~~
−	}
−	~~selected.style.display = '';~~
−	}
−	};
−	~~applyImages();~~
−	~~});~~

@@ Line 1: / Line 1: @@
-'use strict';
+mw.notify("JS works!");
 console.log('script');
 mw.loader.using([]).then(() => {

@@ Line 1: / Line 1: @@
 'use strict';
 mw.loader.using([]).then(() => {
 	const getMode = () => {
@@ Line 13: / Line 14: @@
 		const order = fallbackOrder[mode] || fallbackOrder.d2;
 		const containers = document.querySelectorAll('.d2image');
 		for (const container of containers) {
 			const variants = container.querySelectorAll('.d2image-variant');