refactor: miglioria header attività

Author: Pek5892

assets/src/css/style.css

@@ -1505,6 +1505,69 @@ kbd{
     z-index: 10;
 }
 
+/* Stili per le icone di stato nella card centrale dell'header */
+.status-item {
+    transition: all 0.3s ease;
+    border-radius: 6px;
+}
+
+.status-icon {
+    width: 28px;
+    height: 28px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    transition: all 0.3s ease;
+}
+
+.status-icon i {
+    font-size: 12px;
+}
+
+.status-text {
+    font-weight: normal;
+}
+
+/* Stili specifici per ciascuna icona */
+.insoluti-item:hover .badge-danger {
+    background-color: #dc3545;
+}
+
+.insoluti-item:hover .badge-success {
+    background-color: #28a745;
+}
+
+.attivita-item:hover .badge-warning {
+    background-color: #ffc107;
+}
+
+.attivita-item:hover .badge-success {
+    background-color: #28a745;
+}
+
+.contratto-item:hover .badge-info,
+.preventivo-item:hover .badge-info,
+.ordine-item:hover .badge-info {
+    background-color: #17a2b8;
+}
+
+/* Effetto hover per i pulsanti delle attività */
+.btn-outline-primary.btn-sm:hover {
+    color: white !important;
+}
+
+.btn-outline-primary.btn-sm:hover .badge-light {
+    color: white !important;
+}
+
+/* Effetto hover per cambiare il testo in bianco */
+.btn-outline-primary.btn-sm:hover,
+.btn-outline-primary.btn-sm:hover span,
+.btn-outline-primary.btn-sm:hover i {
+    color: white !important;
+}
+
 .login-box .form-control-feedback{
     pointer-events: all;
 }
@@ -2165,6 +2228,31 @@ body:not(.sidebar-collapse) .sidebar .nav-treeview .nav-treeview .nav-link {
     opacity:1 !important;
 }
 
+/* Improved styling for unpaid items and open activities */
+.badge-danger i.fa, .badge-success i.fa, .badge-warning i.fa {
+    font-size: 14px;
+}
+
+/* Remove bold formatting from activity status text */
+.font-weight-bold {
+    font-weight: normal !important;
+}
+
+/* Activity buttons hover effect */
+.btn-outline-primary.btn-sm:hover {
+    background-color: #007bff;
+    color: white !important;
+}
+
+.btn-outline-primary.btn-sm:hover i,
+.btn-outline-primary.btn-sm:hover .badge {
+    color: white !important;
+}
+
+.btn-outline-primary.btn-sm:hover .badge-light {
+    background-color: rgba(255, 255, 255, 0.2) !important;
+}
+
 @media screen and (max-width: 767px) {
     .navbar-left {
         display: inline-block;

assets/src/js/base/navigation.js

@@ -65,5 +65,12 @@ $(document).ready(function () {
     $('a[data-widget="tab"]').on('shown.bs.tab', function (e) {
         $($.fn.dataTable.tables(true)).DataTable().columns.adjust();
         $($.fn.dataTable.tables(true)).DataTable().scroller.measure();
+
+        // Reinizializza readmore per il contenuto del tab
+        if (typeof initTextShortener === 'function') {
+            setTimeout(function() {
+                initTextShortener();
+            }, 100);
+        }
     });
 });

assets/src/js/base/sidebar.js

@@ -72,6 +72,13 @@ $(document).ready(function () {
 
     $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
         window.dispatchEvent(new Event('resize'));
+
+        // Reinizializza readmore per il contenuto del tab
+        if (typeof initTextShortener === 'function') {
+            setTimeout(function() {
+                initTextShortener();
+            }, 100);
+        }
     });
 });
 

assets/src/js/functions/text-shortener.js

@@ -10,9 +10,14 @@
 function initTextShortener() {
     // Converti elementi che usano jquery.shorten a readmore.js
     $('.shorten').each(function() {
+        // Verifica se l'elemento è già stato inizializzato
+        if ($(this).data('readmore')) {
+            return;
+        }
+
         // Ottieni eventuali opzioni personalizzate dall'elemento
         const showChars = $(this).data('show-chars') || 70;
-        
+
         // Inizializza readmore.js con opzioni compatibili
         $(this).readmore({
             collapsedHeight: 0,  // Collassa completamente
@@ -27,12 +32,12 @@ function initTextShortener() {
                     if (text.length > showChars) {
                         const visibleText = text.substr(0, showChars);
                         const hiddenText = text.substr(showChars, text.length - showChars);
-                        
+
                         $(element).html(
                             '<span class="shortcontent">' + visibleText + '...</span>' +
                             '<span class="allcontent">' + text + '</span>'
                         );
-                        
+
                         $(element).find('.allcontent').hide();
                     }
                 } else {
@@ -48,8 +53,13 @@ function initTextShortener() {
 
     // Inizializza readmore.js su elementi con classe .readmore
     $('.readmore').each(function() {
+        // Verifica se l'elemento è già stato inizializzato
+        if ($(this).data('readmore')) {
+            return;
+        }
+
         const height = $(this).data('height') ? parseInt($(this).data('height')) : 50;
-        
+
         $(this).readmore({
             collapsedHeight: height,
             moreLink: '<a href="#">' + (globals.translations.readmore || 'Leggi tutto') + '</a>',
@@ -61,7 +71,32 @@ function initTextShortener() {
     });
 }
 
+/**
+ * Reinizializza readmore.js su elementi specifici
+ * Utile quando il contenuto viene caricato dinamicamente
+ * @param {string} selector - Selettore CSS per gli elementi da reinizializzare
+ */
+function reinitReadmore(selector) {
+    // Rimuovi l'inizializzazione precedente
+    $(selector).each(function() {
+        if ($(this).data('readmore')) {
+            $(this).readmore('destroy');
+        }
+    });
+
+    // Reinizializza
+    initTextShortener();
+}
+
 // Inizializza quando il documento è pronto
 $(document).ready(function() {
     initTextShortener();
+
+    // Reinizializza quando si cambia tab o si carica un plugin
+    $(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function() {
+        // Timeout per assicurarsi che il contenuto sia completamente caricato
+        setTimeout(function() {
+            initTextShortener();
+        }, 100);
+    });
 });

include/top.php

@@ -671,7 +671,14 @@ function checkActiveTab() {
 
             // Controlla anche quando viene cliccato un tab nella barra laterale
             $("a[data-toggle=\'control-sidebar\']").on("click", function() {
-                setTimeout(checkActiveTab, 100); // Piccolo ritardo per assicurarsi che il tab sia cambiato
+                setTimeout(function() {
+                    checkActiveTab();
+
+                    // Reinizializza readmore per il contenuto del plugin
+                    if (typeof initTextShortener === "function") {
+                        initTextShortener();
+                    }
+                }, 100); // Piccolo ritardo per assicurarsi che il tab sia cambiato
             });
         });
         </script>';