Menu JS - Move script to common file

src/Web/Grand.Web/Views/Shared/Head.cshtml

@@ -45,7 +45,6 @@
     <script src="/theme/script/public.axios.js"></script>
     <script src="/theme/script/public.reservation.js"></script>
 
-    <script asp-location="Footer" asp-src="/theme/script/menu.js"></script>
     <script asp-location="Footer" asp-src="/theme/script/app.js"></script>
 
     <script asp-location="Footer" asp-src="/assets/custom/script.js"></script>

src/Web/Grand.Web/wwwroot/theme/script/public.common.js

@@ -531,4 +531,59 @@ document.addEventListener("DOMContentLoaded", function () {
     newsletterBox();
     CloseSearchBox();
     backToTop();
-}); 
+});
+
+/* MENU */
+(function () {
+    function $(selector, context) {
+        context = context || document;
+        return context["querySelectorAll"](selector);
+    }
+
+    function forEach(collection, iterator) {
+        for (var key in Object.keys(collection)) {
+            iterator(collection[key]);
+        }
+    }
+
+    function showMenu(menu) {
+        var menu = this;
+        var ul = $("ul", menu)[0];
+
+        if (!ul || ul.classList.contains("-visible")) return;
+
+        ul.classList.add("-visible");
+    }
+
+    function hideMenu(menu) {
+        var menu = this;
+        var ul = menu.parentElement;
+
+        if (!ul || !ul.classList.contains("-visible")) return;
+
+        setTimeout(function () {
+            ul.classList.remove("-visible");
+        }, 300);
+    }
+
+    window.addEventListener("load", function () {
+        forEach($(".Menu li.-hasSubmenu"), function (e) {
+            e.showMenu = showMenu;
+            e.hideMenu = hideMenu;
+        });
+
+        forEach($(".Menu > li.-hasSubmenu"), function (e) {
+            e.addEventListener("click", showMenu);
+        });
+
+        forEach($(".Menu li .back"), function (e) {
+            e.addEventListener("click", hideMenu);
+        });
+
+        forEach($(".Menu > li.-hasSubmenu li.-hasSubmenu"), function (e) {
+            e.addEventListener("click", showMenu);
+        });
+    });
+})();
+
+/* ENDMENU */