Siphalor/siphalor.de
1
0
Fork 0
Code Releases Activity

refactoring: change to ternary operator

Browse Source
This commit is contained in:
Mahendrata Harpi
2020-05-23 03:31:16 +07:00
parent 017b2180f8
commit 50c6d6b0c7
1 changed files with 37 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
assets/js/main.js
View File

@@ -1,47 +1,44 @@
(() => { (() => {
// Theme switch // Theme switch
const root = document.body; const body = document.body;
const themeSwitch = document.getElementById("mood"); const lamp = document.getElementById("mode");
const themeData = root.getAttribute("data-theme"); const data = body.getAttribute("data-theme");
if (themeSwitch) { const initTheme = (state) => {
initTheme(localStorage.getItem("theme")); if (state === "dark") {
themeSwitch.addEventListener("click", () => body.setAttribute("data-theme", "dark");
toggleTheme(localStorage.getItem("theme")) } else if (state === "light") {
); body.removeAttribute("data-theme");
} else {
localStorage.setItem("theme", data);
}
};
function toggleTheme(state) { const toggleTheme = (state) => {
if (state === "dark") { if (state === "dark") {
localStorage.setItem("theme", "light"); localStorage.setItem("theme", "light");
root.removeAttribute("data-theme"); body.removeAttribute("data-theme");
} else if (state === "light") { } else if (state === "light") {
localStorage.setItem("theme", "dark"); localStorage.setItem("theme", "dark");
document.body.setAttribute("data-theme", "dark"); body.setAttribute("data-theme", "dark");
} else { } else {
initTheme(state); initTheme(state);
} }
} };
function initTheme(state) { initTheme(localStorage.getItem("theme"));
if (state === "dark") {
document.body.setAttribute("data-theme", "dark");
} else if (state === "light") {
root.removeAttribute("data-theme");
} else {
localStorage.setItem("theme", themeData);
}
}
}
// Blur content when the menu is open lamp.addEventListener("click", () =>
const checkbox = document.getElementById("menu-trigger"); toggleTheme(localStorage.getItem("theme"))
const wrapper = document.getElementById("wrapper"); );
checkbox.addEventListener("change", function() { // Blur the content when the menu is open
if (this.checked) { const cbox = document.getElementById("menu-trigger");
wrapper.classList.add("trigger-wrapper");
} else { cbox.addEventListener("change", function () {
wrapper.classList.remove("trigger-wrapper"); const area = document.querySelector(".wrapper");
} this.checked
? area.classList.add("blurry")
: area.classList.remove("blurry");
}); });
})(); })();