From 99d5fa9c9b39e2c91db87646a271316fd87a4281 Mon Sep 17 00:00:00 2001 From: Michael Tremer Date: Fri, 15 Dec 2023 12:22:52 +0000 Subject: [PATCH] JS: Convert from Windows to UNIX line endings Signed-off-by: Michael Tremer --- src/static/js/site.js | 190 +++++++++++++++++++++--------------------- 1 file changed, 95 insertions(+), 95 deletions(-) diff --git a/src/static/js/site.js b/src/static/js/site.js index 304ee96e..24ef831b 100644 --- a/src/static/js/site.js +++ b/src/static/js/site.js @@ -1,95 +1,95 @@ -/* - Navigation -*/ - -var burger = document.querySelector(".navbar-burger"); -var menu = document.querySelector("#" + burger.dataset.target); -burger.addEventListener('click', function () { - burger.classList.toggle('is-active'); - menu.classList.toggle('is-active'); -}); - -/* - - Dropdowns - -*/ - -// Get all dropdowns on the page that aren't hoverable -const dropdowns = document.querySelectorAll('.dropdown:not(.is-hoverable)'); - -if (dropdowns.length > 0) { - // For each dropdown, add event handler to open on click. - dropdowns.forEach(function(el) { - el.addEventListener('click', function(e) { - closeDropdowns(); - e.stopPropagation(); - el.classList.toggle('is-active'); - }); - }); - - // If user clicks outside dropdown, close it. - document.addEventListener('click', function(e) { - closeDropdowns(); - }); -} - -/* - * Close dropdowns by removing the "is-active" class - */ -function closeDropdowns() { - dropdowns.forEach(function(el) { - el.classList.remove('is-active'); - }); -} - -// Close dropdowns if ESC pressed -document.addEventListener('keydown', function(e) { - let event = e || window.event; - if (event.key === 'Esc' || event.key === 'Escape') { - closeDropdowns(); - } -}); - -// Modals -document.addEventListener("DOMContentLoaded", () => { - function openModal($el) { - $el.classList.add("is-active"); - } - - function closeModal($el) { - $el.classList.remove("is-active"); - } - - function closeAllModals() { - (document.querySelectorAll(".modal") || []).forEach(($modal) => { - closeModal($modal); - }); - } - - // Add a click event on buttons to open a specific modal - (document.querySelectorAll(".modal-trigger") || []).forEach(($trigger) => { - const modal = $trigger.dataset.target; - const $target = document.getElementById(modal); - - $trigger.addEventListener("click", () => { - openModal($target); - }); - }); - - // Add a click event on various child elements to close the parent modal - (document.querySelectorAll(".modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button") || []).forEach(($close) => { - const $target = $close.closest(".modal"); - - $close.addEventListener("click", (e) => { - closeModal($target); - }); - }); - - // Add a keyboard event to close all modals - document.addEventListener("keydown", (event) => { - if (event.code === "Escape") { - closeAllModals(); - } - }); -}); +/* + Navigation +*/ + +var burger = document.querySelector(".navbar-burger"); +var menu = document.querySelector("#" + burger.dataset.target); +burger.addEventListener('click', function () { + burger.classList.toggle('is-active'); + menu.classList.toggle('is-active'); +}); + +/* + + Dropdowns + +*/ + +// Get all dropdowns on the page that aren't hoverable +const dropdowns = document.querySelectorAll('.dropdown:not(.is-hoverable)'); + +if (dropdowns.length > 0) { + // For each dropdown, add event handler to open on click. + dropdowns.forEach(function(el) { + el.addEventListener('click', function(e) { + closeDropdowns(); + e.stopPropagation(); + el.classList.toggle('is-active'); + }); + }); + + // If user clicks outside dropdown, close it. + document.addEventListener('click', function(e) { + closeDropdowns(); + }); +} + +/* + * Close dropdowns by removing the "is-active" class + */ +function closeDropdowns() { + dropdowns.forEach(function(el) { + el.classList.remove('is-active'); + }); +} + +// Close dropdowns if ESC pressed +document.addEventListener('keydown', function(e) { + let event = e || window.event; + if (event.key === 'Esc' || event.key === 'Escape') { + closeDropdowns(); + } +}); + +// Modals +document.addEventListener("DOMContentLoaded", () => { + function openModal($el) { + $el.classList.add("is-active"); + } + + function closeModal($el) { + $el.classList.remove("is-active"); + } + + function closeAllModals() { + (document.querySelectorAll(".modal") || []).forEach(($modal) => { + closeModal($modal); + }); + } + + // Add a click event on buttons to open a specific modal + (document.querySelectorAll(".modal-trigger") || []).forEach(($trigger) => { + const modal = $trigger.dataset.target; + const $target = document.getElementById(modal); + + $trigger.addEventListener("click", () => { + openModal($target); + }); + }); + + // Add a click event on various child elements to close the parent modal + (document.querySelectorAll(".modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button") || []).forEach(($close) => { + const $target = $close.closest(".modal"); + + $close.addEventListener("click", (e) => { + closeModal($target); + }); + }); + + // Add a keyboard event to close all modals + document.addEventListener("keydown", (event) => { + if (event.code === "Escape") { + closeAllModals(); + } + }); +}); -- 2.47.2