From b8cc78e971d6793b32ca0e6d28290b30849adad8 Mon Sep 17 00:00:00 2001 From: Deepak Singh Gusain Date: Thu, 20 Jan 2022 19:27:32 +0530 Subject: [PATCH 1/2] Fixed the issue of sidebar only one tab at one time issue --- .../src/Resources/views/layouts/nav-left.blade.php | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/Webkul/Admin/src/Resources/views/layouts/nav-left.blade.php b/packages/Webkul/Admin/src/Resources/views/layouts/nav-left.blade.php index bb221e00d..80f2d7e8a 100755 --- a/packages/Webkul/Admin/src/Resources/views/layouts/nav-left.blade.php +++ b/packages/Webkul/Admin/src/Resources/views/layouts/nav-left.blade.php @@ -80,12 +80,12 @@ mounted(){ - $('.menubar-ancor').click(function(){ - var tabname = this.children[1].innerHTML; + $('.menu-item').click(function(){ + $('.menu-item').removeClass('active'); - if (tabname != 'Dashboard') { - this.parentElement.classList.toggle('active'); - this.children[2].classList.toggle("rotate-arrow-icon"); + if (this.children[0].children[1].innerHTML != 'Dashboard') { + this.classList.toggle('active'); + this.children[0].children[2].classList.toggle("rotate-arrow-icon"); } }); }, From 7a15b10951e74e9a1eb335ec0b0d37248eb96810 Mon Sep 17 00:00:00 2001 From: Deepak Singh Gusain Date: Thu, 20 Jan 2022 19:32:13 +0530 Subject: [PATCH 2/2] icon issue --- .../src/Resources/views/layouts/nav-left.blade.php | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/packages/Webkul/Admin/src/Resources/views/layouts/nav-left.blade.php b/packages/Webkul/Admin/src/Resources/views/layouts/nav-left.blade.php index 80f2d7e8a..150145d47 100755 --- a/packages/Webkul/Admin/src/Resources/views/layouts/nav-left.blade.php +++ b/packages/Webkul/Admin/src/Resources/views/layouts/nav-left.blade.php @@ -81,12 +81,14 @@ mounted(){ $('.menu-item').click(function(){ - $('.menu-item').removeClass('active'); + if(! this.classList.contains('active')){ + $('.menu-item').removeClass('active'); - if (this.children[0].children[1].innerHTML != 'Dashboard') { - this.classList.toggle('active'); - this.children[0].children[2].classList.toggle("rotate-arrow-icon"); - } + if (this.children[0].children[1].innerHTML != 'Dashboard') { + this.classList.toggle('active'); + this.children[0].children[2].classList.toggle("rotate-arrow-icon"); + } + } }); }, });