Difference between revisions of "User:Trang Oul/common.js"
Jump to navigation
Jump to search
(Created page with "'use strict'; mw.loader.using([]).then(() => { const getMode = () => { return localStorage.getItem('d2Mode') || 'd2'; }; const fallbackOrder = { d2r: ['d2r', 'd2rLowend...") |
|||
| Line 1: | Line 1: | ||
'use strict'; | 'use strict'; | ||
| + | console.log('script'); | ||
mw.loader.using([]).then(() => { | mw.loader.using([]).then(() => { | ||
const getMode = () => { | const getMode = () => { | ||
| Line 13: | Line 14: | ||
const order = fallbackOrder[mode] || fallbackOrder.d2; | const order = fallbackOrder[mode] || fallbackOrder.d2; | ||
const containers = document.querySelectorAll('.d2image'); | const containers = document.querySelectorAll('.d2image'); | ||
| + | console.log(mode); | ||
| + | console.log(order); | ||
| + | console.log(containers); | ||
for (const container of containers) { | for (const container of containers) { | ||
const variants = container.querySelectorAll('.d2image-variant'); | const variants = container.querySelectorAll('.d2image-variant'); | ||
Revision as of 13:58, 17 February 2026
'use strict';
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();
});