From be9c650fa5451718ac2ba8e0465a4dca45f8f049 Mon Sep 17 00:00:00 2001 From: Burak Civan Date: Mon, 20 Jun 2022 14:04:34 +0300 Subject: [PATCH] undo unusage developments --- .../layouts/admin/scripts.blade.php | 31 +++++++++++-------- .../layouts/portal/scripts.blade.php | 8 ++++- 2 files changed, 25 insertions(+), 14 deletions(-) diff --git a/resources/views/components/layouts/admin/scripts.blade.php b/resources/views/components/layouts/admin/scripts.blade.php index faa77891a..529231d6e 100644 --- a/resources/views/components/layouts/admin/scripts.blade.php +++ b/resources/views/components/layouts/admin/scripts.blade.php @@ -40,18 +40,19 @@ //chevron active class action Array.from(detailsEL).forEach((el) => { - el.addEventListener("toggle", function(e) { - if (e.target.querySelector(".material-icons-outlined")) { - e.target.querySelector(".material-icons").classList.toggle("rotate-180"); - } else { - if (e.target.querySelectorAll(".material-icons")[1]) { - e.target.querySelectorAll(".material-icons")[1].classList.toggle("rotate-180"); + el.addEventListener("toggle", function(e) { + if (e.target.querySelector(".material-icons-outlined")) { + e.target.querySelector(".material-icons").classList.toggle("rotate-180"); } else { - e.target.querySelectorAll(".material-icons")[0].classList.toggle("rotate-180"); + if (e.target.querySelectorAll(".material-icons")[1]) { + e.target.querySelectorAll(".material-icons")[1].classList.toggle("rotate-180"); + } else { + e.target.querySelectorAll(".material-icons")[0].classList.toggle("rotate-180"); + } } - } - }) - }); + }) + } + ); //container animation when left menu shrinking function contentTransitionLeft() { @@ -104,12 +105,12 @@ slideMenu(); }); - //general left menu actions (show settings menu etc..) function toggleMenu(iconButton, event) { const menuRef = iconButton.getAttribute("data-menu"); const icon = iconButton.children[0].getAttribute("name"); + //if event target, profile if (iconButton.getAttribute("data-menu") === "profile-menu") { if (iconButton.children[0].textContent != "cancel") { iconButton.children[0].classList.remove("hidden"); @@ -120,6 +121,7 @@ } } + //remove active (cancel text) class form target icon menuButtons.forEach((button) => { if (icon) { if (button.getAttribute("data-menu") !== menuRef && iconButton.children[0].textContent != "cancel") { @@ -130,6 +132,7 @@ }); menus.forEach((menu) => { + //add active (cancel text) class form target icon if (menu.classList.contains(menuRef) && iconButton.children[0].textContent != "cancel") { iconButton.children[0].textContent = "cancel"; iconButton.children[0].classList.add("active"); @@ -142,6 +145,7 @@ notificationCount("none"); + //remove active (cancel text) class form target icon } else if (menu.classList.contains(menuRef) && iconButton.children[0].textContent == "cancel") { iconButton.children[0].textContent = icon; iconButton.children[0].classList.remove("active"); @@ -153,12 +157,13 @@ menuClose.classList.add("hidden"); notificationCount("flex"); - + //left menu slide to left } else { menu.classList.add("ltr:-left-80", "rtl:-right-80"); menu.classList.remove("ltr:left-14", "rtl:right-14"); } + //close icon click event menuClose.addEventListener("click", function() { menu.classList.add("ltr:-left-80", "rtl:-right-80"); menu.classList.remove("ltr:left-14", "rtl:right-14"); @@ -264,4 +269,4 @@ window.livewire_app_url = {{ company_id() }}; -@stack('scripts_end') +@stack('scripts_end') \ No newline at end of file diff --git a/resources/views/components/layouts/portal/scripts.blade.php b/resources/views/components/layouts/portal/scripts.blade.php index 3b91738bb..d41a557b2 100644 --- a/resources/views/components/layouts/portal/scripts.blade.php +++ b/resources/views/components/layouts/portal/scripts.blade.php @@ -97,6 +97,7 @@ const menuRef = iconButton.getAttribute("data-menu"); const icon = iconButton.children[0].getAttribute("name"); + //if event target, profile if (iconButton.getAttribute("data-menu") === "profile-menu") { if (iconButton.children[0].textContent != "cancel") { iconButton.children[0].classList.remove("hidden"); @@ -107,6 +108,7 @@ } } + //remove active (cancel text) class form target icon menuButtons.forEach((button) => { if (icon) { if (button.getAttribute("data-menu") !== menuRef && iconButton.children[0].textContent != "cancel") { @@ -117,6 +119,7 @@ }); menus.forEach((menu) => { + //add active (cancel text) class form target icon if (menu.classList.contains(menuRef) && iconButton.children[0].textContent != "cancel") { iconButton.children[0].textContent = "cancel"; iconButton.children[0].classList.add("active"); @@ -127,6 +130,7 @@ toggleButton.classList.add("invisible"); menuClose.classList.remove("hidden"); + //remove active (cancel text) class form target icon } else if (menu.classList.contains(menuRef) && iconButton.children[0].textContent == "cancel") { iconButton.children[0].textContent = icon; iconButton.children[0].classList.remove("active"); @@ -136,11 +140,13 @@ mainContent.classList.remove("hidden"); toggleButton.classList.remove("invisible"); menuClose.classList.add("hidden"); + //left menu slide to left } else { menu.classList.add("ltr:-left-80", "rtl:-right-80"); menu.classList.remove("ltr:left-14", "rtl:right-14"); } + //close icon click event menuClose.addEventListener("click", function() { menu.classList.add("ltr:-left-80", "rtl:-right-80"); iconButton.children[0].textContent = icon; @@ -233,4 +239,4 @@ window.livewire_app_url = {{ company_id() }}; -@stack('scripts_end') +@stack('scripts_end') \ No newline at end of file