privacyguides/privacytools.io
Archived
1
0
Fork 0
Code Issues 304 Pull Requests 47 Activity

Fix order of Functions

Browse Source
This commit is contained in:
Gusted
2021-01-11 09:03:40 +01:00
parent 7734771452
commit 71ef412d1b
1 changed files with 19 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
assets/js/main.js
View File

@ -5,11 +5,11 @@ document.querySelectorAll(".onclick-select").forEach((element) => {
// Navbar dropdowns
const navSections = document.querySelectorAll(".nav-details");
const navSectionsToggle = () => {
const navSectionsToggle = (event) => {
// When opening next dropdown, hide previous
if (this.open) {
if (event.target.open) {
navSections.forEach((navSection) => {
if (navSection != this && navSection.open) {
if (navSection != event.target && navSection.open) {
navSection.open = !open;
}
});
@ -28,15 +28,14 @@ const navSectionsClose = (event) => {
});
}
navSections.forEach(navSection => {
navSection.addEventListener("toggle", navSectionsToggle);
});
document.addEventListener("click", navSectionsClose);
// Dark/Light color scheme switch button
document.querySelector("#nav-switch-theme").style.display = "inline";
document.querySelector("#nav-switch-theme").addEventListener("click", changeColorScheme);
// Fix images in dark theme
function fixThemeImages() {
document.querySelectorAll('[data-theme-src]').forEach((image) => {
const tempSrc = image.src;
image.src = image.getAttribute("data-theme-src");
image.setAttribute("data-theme-src", tempSrc);
});
}
const changeColorScheme = () => {
// Use whatever users want
@ -76,15 +75,15 @@ const changeColorScheme = () => {
fixThemeImages();
}
navSections.forEach(navSection => {
navSection.addEventListener("toggle", navSectionsToggle);
});
document.addEventListener("click", navSectionsClose);
// Dark/Light color scheme switch button
document.querySelector("#nav-switch-theme").style.display = "inline";
document.querySelector("#nav-switch-theme").addEventListener("click", changeColorScheme);
// Fix images in dark theme
function fixThemeImages() {
document.querySelectorAll('[data-theme-src]').forEach((image) => {
const tempSrc = image.src;
image.src = image.getAttribute("data-theme-src");
image.setAttribute("data-theme-src", tempSrc);
});
}
if (localStorage.getItem("colorScheme") === "dark" ||
window.matchMedia("(prefers-color-scheme: dark)").matches ^
localStorage.getItem("colorScheme") === "light"