34 lines
1.5 KiB
JavaScript
34 lines
1.5 KiB
JavaScript
|
//which icons to use
|
||
|
|
let window_storage = window.localStorage;
|
||
|
|
console.log(window_storage);
|
||
|
|
icon_state_stored = window_storage.getItem("newicons");
|
||
|
|
newIcons = true;
|
||
|
|
if (icon_state_stored === "false") {toggleIcons()}
|
||
|
|
|
||
|
|
/** Toggle icons on the ENTIRE page.
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
function toggleIcons() {
|
||
|
|
newIcons = !newIcons;
|
||
|
|
let imgs = document.getElementsByTagName("IMG");
|
||
|
|
let favicon = document.querySelector("link[rel~='icon']");
|
||
|
|
let toggleiconbutton = document.getElementById("toggle-icon-button");
|
||
|
|
|
||
|
|
if (newIcons) { //switch to new
|
||
|
|
favicon.href = favicon.href.replace("media/icons/old","media/icons/new");
|
||
|
|
for (const img of imgs) {
|
||
|
|
if (img.src.includes("media/icons/old")) {img.src = img.src.replace("media/icons/old","media/icons/new");}
|
||
|
|
if (img.src.includes("media/items/old")) {img.src = img.src.replace("media/items/old","media/items/new");}
|
||
|
|
}
|
||
|
|
toggleiconbutton.textContent = "Use Old Icons";
|
||
|
|
window_storage.setItem("newicons","true");
|
||
|
|
} else { //switch to old
|
||
|
|
favicon.href = favicon.href.replace("media/icons/new","media/icons/old");
|
||
|
|
for (const img of imgs) {
|
||
|
|
if (img.src.includes("media/icons/new")) {img.src = img.src.replace("media/icons/new","media/icons/old");}
|
||
|
|
if (img.src.includes("media/items/new")) {img.src = img.src.replace("media/items/new","media/items/old");}
|
||
|
|
}
|
||
|
|
toggleiconbutton.textContent = "Use New Icons";
|
||
|
|
window_storage.setItem("newicons","false");
|
||
|
|
}
|
||
|
|
}
|