implementato cambio dinamico del logo sidebar in base allo stato di collapse

Author: lucasalva87

assets/src/js/base/sidebar.js

@@ -112,6 +112,35 @@ $(document).ready(function () {
         }, 350);
     });
 
+    // Gestione cambio logo sidebar in base allo stato di collapse
+    // Usa MutationObserver per rilevare quando cambia la classe sidebar-collapse sul body
+    const sidebarLogoObserver = new MutationObserver(function(mutations) {
+        mutations.forEach(function(mutation) {
+            if (mutation.attributeName === 'class') {
+                const $body = $('body');
+                const $logo = $('#sidebar-logo');
+                const imgPath = globals.img;
+
+                if ($body.hasClass('sidebar-collapse')) {
+                    // Sidebar chiusa: mostra logo piccolo
+                    $logo.attr('src', imgPath + '/logo.png');
+                } else {
+                    // Sidebar aperta: mostra logo completo
+                    $logo.attr('src', imgPath + '/logo_completo.png');
+                }
+            }
+        });
+    });
+
+    // Osserva i cambiamenti della classe sul body
+    const bodyElement = document.querySelector('body');
+    if (bodyElement) {
+        sidebarLogoObserver.observe(bodyElement, {
+            attributes: true,
+            attributeFilter: ['class']
+        });
+    }
+
     // Barra plugin laterale
     const pluginToggle = $(".control-sidebar-button");
     const largeScreen = screen.width > 1280;

include/top.php

@@ -507,7 +507,7 @@
             <!-- Main Sidebar Container -->
             <aside class="main-sidebar '.$theme.' elevation-4">
                 <a href="'.tr('https://www.openstamanager.com').'" class="brand-link" title="'.tr("Il gestionale open source per l'assistenza tecnica e la fatturazione elettronica"). '" target="_blank">
-                    <img src="' . App::getPaths()['img'] . '/logo_completo.png" class="brand-image" alt="'.tr("Il gestionale open source per l'assistenza tecnica e la fatturazione elettronica").'">
+                    <img src="' . App::getPaths()['img'] . '/'.(!empty($hide_sidebar) ? 'logo.png' : 'logo_completo.png').'" class="brand-image" alt="'.tr("Il gestionale open source per l'assistenza tecnica e la fatturazione elettronica").'" id="sidebar-logo">
                     <span class="brand-text font-weight-light">&nbsp;</span>
 
                 </a>

index.php

@@ -216,7 +216,7 @@ function brute() {
 				<div class="login-box card-center-medium">
                     <div class="card card-primary shadow-lg">
                         <div class="card-header text-center bg-light py-4">
-                            <img src="'.App::getPaths()['img'].'/logo_completo.png" alt="'.tr('OpenSTAManager, il software gestionale open source per assistenza tecnica e fatturazione elettronica').'" class="img-fluid" style="max-width: 85%;">
+                            <img src="'.App::getPaths()['img'].'/logo_completo.png" alt="'.tr('OpenSTAManager, il software gestionale open source per assistenza tecnica e fatturazione elettronica').'" class="img-fluid">
                         </div>
 
                         <div class="card-body pt-4">

reset.php

@@ -178,7 +178,7 @@ function brute() {
         <div class="card-center-large">
             <div class="card card-outline card-primary shadow-lg">
                 <div class="card-header text-center bg-light py-4">
-                    <img src="'.App::getPaths()['img'].'/logo_completo.png" alt="'.tr('OpenSTAManager, il software gestionale open source per assistenza tecnica e fatturazione elettronica').'" class="img-fluid" style="max-width: 85%;">
+                    <img src="'.App::getPaths()['img'].'/logo_completo.png" alt="'.tr('OpenSTAManager, il software gestionale open source per assistenza tecnica e fatturazione elettronica').'" class="img-fluid">
                 </div>
 
                 <div class="card-body pt-4">';