shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

undo unusage developments

Browse Source
This commit is contained in:
Burak Civan 2022-06-20 14:04:34 +03:00
parent 284132043a
commit be9c650fa5
2 changed files with 25 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
resources/views/components/layouts/admin/scripts.blade.php
View File

@ -40,18 +40,19 @@
//chevron active class action //chevron active class action
Array.from(detailsEL).forEach((el) => { Array.from(detailsEL).forEach((el) => {
el.addEventListener("toggle", function(e) { el.addEventListener("toggle", function(e) {
if (e.target.querySelector(".material-icons-outlined")) { if (e.target.querySelector(".material-icons-outlined")) {
e.target.querySelector(".material-icons").classList.toggle("rotate-180"); 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");
} else { } 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 //container animation when left menu shrinking
function contentTransitionLeft() { function contentTransitionLeft() {
@ -104,12 +105,12 @@
slideMenu(); slideMenu();
}); });
//general left menu actions (show settings menu etc..) //general left menu actions (show settings menu etc..)
function toggleMenu(iconButton, event) { function toggleMenu(iconButton, event) {
const menuRef = iconButton.getAttribute("data-menu"); const menuRef = iconButton.getAttribute("data-menu");
const icon = iconButton.children[0].getAttribute("name"); const icon = iconButton.children[0].getAttribute("name");
//if event target, profile
if (iconButton.getAttribute("data-menu") === "profile-menu") { if (iconButton.getAttribute("data-menu") === "profile-menu") {
if (iconButton.children[0].textContent != "cancel") { if (iconButton.children[0].textContent != "cancel") {
iconButton.children[0].classList.remove("hidden"); iconButton.children[0].classList.remove("hidden");
@ -120,6 +121,7 @@
} }
} }
//remove active (cancel text) class form target icon
menuButtons.forEach((button) => { menuButtons.forEach((button) => {
if (icon) { if (icon) {
if (button.getAttribute("data-menu") !== menuRef && iconButton.children[0].textContent != "cancel") { if (button.getAttribute("data-menu") !== menuRef && iconButton.children[0].textContent != "cancel") {
@ -130,6 +132,7 @@
}); });
menus.forEach((menu) => { menus.forEach((menu) => {
//add active (cancel text) class form target icon
if (menu.classList.contains(menuRef) && iconButton.children[0].textContent != "cancel") { if (menu.classList.contains(menuRef) && iconButton.children[0].textContent != "cancel") {
iconButton.children[0].textContent = "cancel"; iconButton.children[0].textContent = "cancel";
iconButton.children[0].classList.add("active"); iconButton.children[0].classList.add("active");
@ -142,6 +145,7 @@
notificationCount("none"); notificationCount("none");
//remove active (cancel text) class form target icon
} else if (menu.classList.contains(menuRef) && iconButton.children[0].textContent == "cancel") { } else if (menu.classList.contains(menuRef) && iconButton.children[0].textContent == "cancel") {
iconButton.children[0].textContent = icon; iconButton.children[0].textContent = icon;
iconButton.children[0].classList.remove("active"); iconButton.children[0].classList.remove("active");
@ -153,12 +157,13 @@
menuClose.classList.add("hidden"); menuClose.classList.add("hidden");
notificationCount("flex"); notificationCount("flex");
//left menu slide to left
} else { } else {
menu.classList.add("ltr:-left-80", "rtl:-right-80"); menu.classList.add("ltr:-left-80", "rtl:-right-80");
menu.classList.remove("ltr:left-14", "rtl:right-14"); menu.classList.remove("ltr:left-14", "rtl:right-14");
} }
//close icon click event
menuClose.addEventListener("click", function() { menuClose.addEventListener("click", function() {
menu.classList.add("ltr:-left-80", "rtl:-right-80"); menu.classList.add("ltr:-left-80", "rtl:-right-80");
menu.classList.remove("ltr:left-14", "rtl:right-14"); menu.classList.remove("ltr:left-14", "rtl:right-14");

6
resources/views/components/layouts/portal/scripts.blade.php
View File

@ -97,6 +97,7 @@
const menuRef = iconButton.getAttribute("data-menu"); const menuRef = iconButton.getAttribute("data-menu");
const icon = iconButton.children[0].getAttribute("name"); const icon = iconButton.children[0].getAttribute("name");
//if event target, profile
if (iconButton.getAttribute("data-menu") === "profile-menu") { if (iconButton.getAttribute("data-menu") === "profile-menu") {
if (iconButton.children[0].textContent != "cancel") { if (iconButton.children[0].textContent != "cancel") {
iconButton.children[0].classList.remove("hidden"); iconButton.children[0].classList.remove("hidden");
@ -107,6 +108,7 @@
} }
} }
//remove active (cancel text) class form target icon
menuButtons.forEach((button) => { menuButtons.forEach((button) => {
if (icon) { if (icon) {
if (button.getAttribute("data-menu") !== menuRef && iconButton.children[0].textContent != "cancel") { if (button.getAttribute("data-menu") !== menuRef && iconButton.children[0].textContent != "cancel") {
@ -117,6 +119,7 @@
}); });
menus.forEach((menu) => { menus.forEach((menu) => {
//add active (cancel text) class form target icon
if (menu.classList.contains(menuRef) && iconButton.children[0].textContent != "cancel") { if (menu.classList.contains(menuRef) && iconButton.children[0].textContent != "cancel") {
iconButton.children[0].textContent = "cancel"; iconButton.children[0].textContent = "cancel";
iconButton.children[0].classList.add("active"); iconButton.children[0].classList.add("active");
@ -127,6 +130,7 @@
toggleButton.classList.add("invisible"); toggleButton.classList.add("invisible");
menuClose.classList.remove("hidden"); menuClose.classList.remove("hidden");
//remove active (cancel text) class form target icon
} else if (menu.classList.contains(menuRef) && iconButton.children[0].textContent == "cancel") { } else if (menu.classList.contains(menuRef) && iconButton.children[0].textContent == "cancel") {
iconButton.children[0].textContent = icon; iconButton.children[0].textContent = icon;
iconButton.children[0].classList.remove("active"); iconButton.children[0].classList.remove("active");
@ -136,11 +140,13 @@
mainContent.classList.remove("hidden"); mainContent.classList.remove("hidden");
toggleButton.classList.remove("invisible"); toggleButton.classList.remove("invisible");
menuClose.classList.add("hidden"); menuClose.classList.add("hidden");
//left menu slide to left
} else { } else {
menu.classList.add("ltr:-left-80", "rtl:-right-80"); menu.classList.add("ltr:-left-80", "rtl:-right-80");
menu.classList.remove("ltr:left-14", "rtl:right-14"); menu.classList.remove("ltr:left-14", "rtl:right-14");
} }
//close icon click event
menuClose.addEventListener("click", function() { menuClose.addEventListener("click", function() {
menu.classList.add("ltr:-left-80", "rtl:-right-80"); menu.classList.add("ltr:-left-80", "rtl:-right-80");
iconButton.children[0].textContent = icon; iconButton.children[0].textContent = icon;