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

77
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");
function toggleTheme(state) {
if (state === "dark") {
localStorage.setItem("theme", "light");
root.removeAttribute("data-theme");
} else if (state === "light") {
localStorage.setItem("theme", "dark");
document.body.setAttribute("data-theme", "dark");
} else {
initTheme(state);
}
}
function initTheme(state) {
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
const checkbox = document.getElementById("menu-trigger");
const wrapper = document.getElementById("wrapper");
checkbox.addEventListener("change", function() {
if (this.checked) {
wrapper.classList.add("trigger-wrapper");
} else { } else {
wrapper.classList.remove("trigger-wrapper"); localStorage.setItem("theme", data);
} }
};
const toggleTheme = (state) => {
if (state === "dark") {
localStorage.setItem("theme", "light");
body.removeAttribute("data-theme");
} else if (state === "light") {
localStorage.setItem("theme", "dark");
body.setAttribute("data-theme", "dark");
} else {
initTheme(state);
}
};
initTheme(localStorage.getItem("theme"));
lamp.addEventListener("click", () =>
toggleTheme(localStorage.getItem("theme"))
);
// Blur the content when the menu is open
const cbox = document.getElementById("menu-trigger");
cbox.addEventListener("change", function () {
const area = document.querySelector(".wrapper");
this.checked
? area.classList.add("blurry")
: area.classList.remove("blurry");
}); });
})(); })();