-/*\r
- Navigation\r
-*/\r
-\r
-var burger = document.querySelector(".navbar-burger");\r
-var menu = document.querySelector("#" + burger.dataset.target);\r
-burger.addEventListener('click', function () {\r
- burger.classList.toggle('is-active');\r
- menu.classList.toggle('is-active');\r
-});\r
-\r
-/*\r
-\r
- Dropdowns\r
-\r
-*/\r
-\r
-// Get all dropdowns on the page that aren't hoverable\r
-const dropdowns = document.querySelectorAll('.dropdown:not(.is-hoverable)');\r
-\r
-if (dropdowns.length > 0) {\r
- // For each dropdown, add event handler to open on click.\r
- dropdowns.forEach(function(el) {\r
- el.addEventListener('click', function(e) {\r
- closeDropdowns();\r
- e.stopPropagation();\r
- el.classList.toggle('is-active');\r
- });\r
- });\r
-\r
- // If user clicks outside dropdown, close it.\r
- document.addEventListener('click', function(e) {\r
- closeDropdowns();\r
- });\r
-}\r
-\r
-/*\r
- * Close dropdowns by removing the "is-active" class\r
- */\r
-function closeDropdowns() {\r
- dropdowns.forEach(function(el) {\r
- el.classList.remove('is-active');\r
- });\r
-}\r
-\r
-// Close dropdowns if ESC pressed\r
-document.addEventListener('keydown', function(e) {\r
- let event = e || window.event;\r
- if (event.key === 'Esc' || event.key === 'Escape') {\r
- closeDropdowns();\r
- }\r
-});\r
-\r
-// Modals\r
-document.addEventListener("DOMContentLoaded", () => {\r
- function openModal($el) {\r
- $el.classList.add("is-active");\r
- }\r
-\r
- function closeModal($el) {\r
- $el.classList.remove("is-active");\r
- }\r
-\r
- function closeAllModals() {\r
- (document.querySelectorAll(".modal") || []).forEach(($modal) => {\r
- closeModal($modal);\r
- });\r
- }\r
-\r
- // Add a click event on buttons to open a specific modal\r
- (document.querySelectorAll(".modal-trigger") || []).forEach(($trigger) => {\r
- const modal = $trigger.dataset.target;\r
- const $target = document.getElementById(modal);\r
-\r
- $trigger.addEventListener("click", () => {\r
- openModal($target);\r
- });\r
- });\r
-\r
- // Add a click event on various child elements to close the parent modal\r
- (document.querySelectorAll(".modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button") || []).forEach(($close) => {\r
- const $target = $close.closest(".modal");\r
-\r
- $close.addEventListener("click", (e) => {\r
- closeModal($target);\r
- });\r
- });\r
-\r
- // Add a keyboard event to close all modals\r
- document.addEventListener("keydown", (event) => {\r
- if (event.code === "Escape") {\r
- closeAllModals();\r
- }\r
- });\r
-});\r
+/*
+ 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();
+ }
+ });
+});