From 7db1d416158ab2096d3abe3009259737e6fbf19b Mon Sep 17 00:00:00 2001
From: lza_menace <lza_menace@protonmail.com>
Date: Fri, 14 May 2021 14:27:26 -0700
Subject: [PATCH] add js to have navbar buttons work

---
 suchwow/templates/base.html | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/suchwow/templates/base.html b/suchwow/templates/base.html
index 764169e..ed14c37 100644
--- a/suchwow/templates/base.html
+++ b/suchwow/templates/base.html
@@ -78,5 +78,34 @@
   </div>
 </footer>
 
+<!-- JS -->
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+
+  // Get all "navbar-burger" elements
+  const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+
+  // Check if there are any navbar burgers
+  if ($navbarBurgers.length > 0) {
+
+    // Add a click event on each of them
+    $navbarBurgers.forEach( el => {
+      el.addEventListener('click', () => {
+
+        // Get the target from the "data-target" attribute
+        const target = el.dataset.target;
+        const $target = document.getElementById(target);
+
+        // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+        el.classList.toggle('is-active');
+        $target.classList.toggle('is-active');
+
+      });
+    });
+  }
+
+});
+</script>
+
  </body>
  </html>