User:Monster Domosed/common.js: Difference between revisions

No edit summary
No edit summary
Line 1: Line 1:
/*mw.loader.load('https://deadlock.wiki/index.php?title=User:Monster_Domosed/Wiki_Redesign.js&action=raw&ctype=text/javascript');*/
/*mw.loader.load('https://deadlock.wiki/index.php?title=User:Monster_Domosed/Wiki_Redesign.js&action=raw&ctype=text/javascript');*/


(function() {
(function () {
     const widthCheck = localStorage.getItem("fixedWidth");
     try {
    if (widthCheck === "true") {
        if (localStorage.getItem("fixedWidth") === "true") {
        document.documentElement.classList.add("fixed-width-mode");
            document.documentElement.classList.add("fixed-width-mode");
     }
        }
     } catch (e) {}
})();
})();


mw.hook('wikipage.content').add(function() {
mw.hook('wikipage.content').add(function () {
 
     const personal = document.querySelector(".vector-menu-content-list");
     const personal = document.querySelector(".vector-menu-content-list");
     const test2 = document.createElement("li");
    if (!personal) return;
     const test3 = document.createElement("li");
    if (document.querySelector(".toggle-width")) return;
     const test4 = document.createElement("li");
 
     test2.innerHTML = `<a href="/User:Kai/common.js">common.js</a>`;
     const li1 = document.createElement("li");
     test3.innerHTML = `<a href="/Wiki_Redesign.css">wiki redesign.css</a>`;
     const li2 = document.createElement("li");
     test4.innerHTML = `<a href="/User:Kai/common.css">common.css</a>`;
     const li3 = document.createElement("li");
 
     li1.innerHTML = `<a href="/User:Kai/common.js">common.js</a>`;
     li2.innerHTML = `<a href="/Wiki_Redesign.css">wiki redesign.css</a>`;
     li3.innerHTML = `<a href="/User:Kai/common.css">common.css</a>`;


     personal.prepend(test3, test2, test4);
     personal.prepend(li3, li1, li2);


     const toggleWidth = document.createElement("a");
     const toggle = document.createElement("a");
     toggleWidth.classList.add("toggle-width");
     toggle.className = "toggle-width";
    toggle.textContent = "Toggle width";


     toggleWidth.addEventListener("click", function() {
     toggle.addEventListener("click", function () {
         document.documentElement.classList.toggle("fixed-width-mode");
         const root = document.documentElement;
         const isActive = document.documentElement.classList.contains("fixed-width-mode");
        root.classList.toggle("fixed-width-mode");
         localStorage.setItem("fixedWidth", isActive);
         localStorage.setItem(
            "fixedWidth",
            root.classList.contains("fixed-width-mode")
         );
     });
     });


     personal.prepend(toggleWidth);
     personal.prepend(toggle);
});
});