From f1de9a05bb727be6732dae82efa4d7ca67ce6e35 Mon Sep 17 00:00:00 2001
From: Harshad Sharma <harshad@sharma.io>
Date: Mon, 13 May 2024 15:41:48 +0530
Subject: [PATCH] Add js menu toggle for navbar

---
 assets/js/app.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/assets/js/app.js b/assets/js/app.js
index d5e278a..31cc0b7 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -42,3 +42,24 @@ liveSocket.connect()
 // >> liveSocket.disableLatencySim()
 window.liveSocket = liveSocket
 
+document.addEventListener('DOMContentLoaded', () => {
+
+  // Get all "navbar-burger" elements
+  const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 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');
+
+    });
+  });
+
+});
\ No newline at end of file