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

Merge pull request #2484 from brkcvn/master

Browse Source 
Hidden side bar scenario
This commit is contained in:
Burak Civan 2022-06-27 11:23:35 +03:00 committed by GitHub
commit 82ebae4b4e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -68,6 +68,16 @@
toggleButton.querySelector("span").classList.remove("ltr:-rotate-90", "rtl:rotate-90"); toggleButton.querySelector("span").classList.remove("ltr:-rotate-90", "rtl:rotate-90");
} }
function hiddenSidebar() {
sideBar.classList.add("menu-list-hidden");
toggleButton.classList.add("ltr:left-12", "rtl:right-12");
}
function unHiddenSidebar() {
toggleButton.classList.remove("ltr:left-12", "rtl:right-12");
sideBar.classList.remove("menu-list-hidden");
}
//if there are notifications, remove count badge //if there are notifications, remove count badge
function notificationCount(action) { function notificationCount(action) {
let notification_count = document.querySelector('[data-notification-count]'); let notification_count = document.querySelector('[data-notification-count]');
@ -83,15 +93,13 @@
mobileMenuHidden(); mobileMenuHidden();
} else { } else {
if (sideBar.classList.contains("menu-list-hidden")) { if (sideBar.classList.contains("menu-list-hidden")) {
toggleButton.classList.remove("ltr:left-12", "rtl:right-12"); unHiddenSidebar();
sideBar.classList.remove("menu-list-hidden");
if (document.body.clientWidth > "991") { if (document.body.clientWidth > "991") {
contentTransitionRight(); contentTransitionRight();
} }
} else { } else {
sideBar.classList.add("menu-list-hidden"); hiddenSidebar();
toggleButton.classList.add("ltr:left-12", "rtl:right-12");
if (document.body.clientWidth > "991") { if (document.body.clientWidth > "991") {
contentTransitionLeft(); contentTransitionLeft();
@ -143,6 +151,9 @@
toggleButton.classList.add("invisible"); toggleButton.classList.add("invisible");
menuClose.classList.remove("hidden"); menuClose.classList.remove("hidden");
unHiddenSidebar();
contentTransitionRight();
notificationCount("none"); notificationCount("none");
//remove active (cancel text) class form target icon //remove active (cancel text) class form target icon

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

@ -64,21 +64,29 @@
toggleButton.querySelector("span").classList.remove("ltr:-rotate-90", "rtl:rotate-90"); toggleButton.querySelector("span").classList.remove("ltr:-rotate-90", "rtl:rotate-90");
} }
function hiddenSidebar() {
sideBar.classList.add("menu-list-hidden");
toggleButton.classList.add("ltr:left-12", "rtl:right-12");
}
function unHiddenSidebar() {
toggleButton.classList.remove("ltr:left-12", "rtl:right-12");
sideBar.classList.remove("menu-list-hidden");
}
//slide menu actions together responsive version //slide menu actions together responsive version
function slideMenu() { function slideMenu() {
if (document.body.clientWidth <= 1280) { if (document.body.clientWidth <= 1280) {
mobileMenuHidden(); mobileMenuHidden();
} else { } else {
if (sideBar.classList.contains("menu-list-hidden")) { if (sideBar.classList.contains("menu-list-hidden")) {
toggleButton.classList.remove("ltr:left-12", "rtl:right-12"); unHiddenSidebar();
sideBar.classList.remove("menu-list-hidden");
if (document.body.clientWidth > "991") { if (document.body.clientWidth > "991") {
contentTransitionRight(); contentTransitionRight();
} }
} else { } else {
sideBar.classList.add("menu-list-hidden"); hiddenSidebar();
toggleButton.classList.add("ltr:left-12", "rtl:right-12");
if (document.body.clientWidth > "991") { if (document.body.clientWidth > "991") {
contentTransitionLeft(); contentTransitionLeft();
@ -129,6 +137,8 @@
mainContent.classList.add("hidden"); mainContent.classList.add("hidden");
toggleButton.classList.add("invisible"); toggleButton.classList.add("invisible");
menuClose.classList.remove("hidden"); menuClose.classList.remove("hidden");
unHiddenSidebar();
contentTransitionRight();
//remove active (cancel text) class form target icon //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") {