fix: espansione sottomenu

Author: Pek5892

assets/src/css/style.css

@@ -2445,6 +2445,20 @@ body:not(.sidebar-collapse) .sidebar .nav-treeview .nav-treeview .nav-link {
     text-align: left;
 }
 
+/* Stili per il menu con sottomenu */
+.nav-sidebar .menu-text {
+    cursor: pointer;
+    display: inline;
+    padding: 2px 4px;
+    border-radius: 3px;
+    transition: background-color 0.2s ease;
+}
+
+.nav-sidebar .menu-text:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+    text-decoration: none;
+}
+
 .hide, .hidden{
     display: none;
 }

assets/src/js/base/sidebar.js

@@ -39,6 +39,36 @@ $(document).ready(function () {
         }
     }
 
+    // Gestione click specifico sul testo del menu per navigare al modulo
+    $(document).on('click', '.nav-sidebar .menu-text', function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        const $link = $(this).closest('.nav-link[data-has-submenu="true"]');
+        const href = $link.attr('href');
+
+        if (href && href !== 'javascript:;' && href !== '#') {
+            window.location.href = href;
+        }
+    });
+
+    // Gestione click sull'icona freccia per compattare quando il menu è espanso
+    $(document).on('click', '.nav-sidebar .nav-item.menu-open > .nav-link[data-widget="treeview"] .fa-angle-left', function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        const $navItem = $(this).closest('.nav-item');
+
+        // Compatta il menu solo se è attualmente espanso
+        if ($navItem.hasClass('menu-open')) {
+            $navItem.removeClass('menu-open');
+            $(this).closest('.nav-link').attr('aria-expanded', 'false');
+            $navItem.find('.nav-treeview').slideUp(300);
+        }
+    });
+
+
+
     // Mostra/nasconde sidebar del menu principale
     $(".sidebar-toggle").on("click", function () {
         if ($("body").hasClass("sidebar-collapse")) {

src/Modules.php

@@ -349,19 +349,34 @@ protected static function sidebarMenu($element, $actual = null, $max_depth = 3,
 
         $result = '';
         if ($show) {
-            $result .= '<li class="nav-item'.($active && !empty($submenus) ? ' menu-open' : '').'" id="'.$element['id'].'" data-id="'.$element['id'].'" '.($link != 'javascript:;' ? 'onclick="location.href=\''.$link.'\';"' : '').'>
-                <a href="'.$link.'" class="nav-link'.($active ? ' active' : '').'" target="'.$target.'">
-                    <i class="'.$element['icon'].'">&nbsp;</i>
-                    <p>'.$title.'</p>';
-            if (!empty($submenus) && !empty($temp)) {
+            $hasSubmenus = !empty($submenus) && !empty($temp);
+            $onclickAttr = (!$hasSubmenus && $link != 'javascript:;') ? 'onclick="location.href=\''.$link.'\';"' : '';
+
+            $result .= '<li class="nav-item'.($active && $hasSubmenus ? ' menu-open' : '').'" id="'.$element['id'].'" data-id="'.$element['id'].'" '.$onclickAttr.'>';
+
+            if ($hasSubmenus) {
+                // Per i menu con sottomenu, distinguiamo tra menu con modulo e menu contenitori
+                $hasModule = ($link != 'javascript:;');
+                $menuTextClass = $hasModule ? 'menu-text' : '';
+                $dataAttribute = $hasModule ? ' data-has-submenu="true"' : '';
+
                 $result .= '
-                    <i class="right fa fa-angle-left"></i>
+                <a href="'.$link.'" class="nav-link'.($active ? ' active' : '').'" data-widget="treeview" role="button" aria-expanded="'.($active ? 'true' : 'false').'"'.$dataAttribute.'>
+                    <i class="'.$element['icon'].'">&nbsp;</i>
+                    <p><span class="'.$menuTextClass.'">'.$title.'</span>
+                        <i class="right fa fa-angle-left"></i>
+                    </p>
                 </a>
                 <ul class="nav nav-treeview">
                     '.$temp.'
                 </ul>';
             } else {
-                $result .= '</a>';
+                // Per i menu senza sottomenu, comportamento normale
+                $result .= '
+                <a href="'.$link.'" class="nav-link'.($active ? ' active' : '').'" target="'.$target.'">
+                    <i class="'.$element['icon'].'">&nbsp;</i>
+                    <p>'.$title.'</p>
+                </a>';
             }
             $result .= '</li>';
         }