refactor: miglioria grafica modulo Aggiornamenti

Author: Pek5892

assets/src/css/style.css

@@ -2112,11 +2112,14 @@ body:not(.sidebar-collapse) .sidebar .nav-treeview .nav-treeview .nav-link {
 .table-database {
     width: 100%;
     margin-bottom: 20px;
+    border-radius: 8px;
+    overflow: hidden;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
 }
 
 .table-database thead {
-    background-color: #343a40;
-    color: white;
+    background-color: #f5f5f5;
+    color: #333;
 }
 
 .table-database th,
@@ -2139,8 +2142,10 @@ body:not(.sidebar-collapse) .sidebar .nav-treeview .nav-treeview .nav-link {
 /* Stili per i messaggi */
 .table-title {
     margin-top: 20px;
-    margin-bottom: 10px;
+    margin-bottom: 15px;
     font-size: 1.5em;
+    color: #2c3e50;
+    border-bottom: 2px solid #eee;
 }
 
 /* Stili per le righe di avviso */
@@ -2166,15 +2171,19 @@ body:not(.sidebar-collapse) .sidebar .nav-treeview .nav-treeview .nav-link {
 .alert-database {
     margin-top: 15px;
     margin-bottom: 15px;
+    border-radius: 8px;
 }
 
 /* Stili per il controllo database */
 .row.align-items-center {
     margin-bottom: 15px;
+    display: flex;
+    align-items: center;
 }
 
 .row.align-items-center p {
     line-height: 1.5;
+    margin-bottom: 0;
 }
 
 /* Stile per il nome della tabella */

modules/aggiornamenti/checksum.php

@@ -21,6 +21,9 @@
 
 include_once __DIR__.'/../../core.php';
 
+// Aggiunta della classe per il modulo
+echo '<div class="module-aggiornamenti pl-3">';
+
 $file = basename(__FILE__);
 $effettua_controllo = filter('effettua_controllo');
 
@@ -87,7 +90,7 @@
     ]).'.
 </div>
 
-<table class="table table-bordered table-striped">
+<table class="table table-bordered table-striped table-hover">
     <thead>
         <tr>
             <th>'.tr('File con integrità errata').'</th>
@@ -99,8 +102,8 @@
     foreach ($errors as $error) {
         echo '
         <tr>
-            <td>
-                '.$error.'
+            <td class="file-integrity-error">
+                <i class="fa fa-exclamation-triangle"></i> '.$error.'
             </td>
         </tr>';
     }
@@ -117,3 +120,6 @@
 </div>';
 }
 OperationLog::build('effettua_controllo');
+
+// Chiusura del div module-aggiornamenti
+echo '</div>';

modules/aggiornamenti/controlli.php

@@ -20,6 +20,9 @@
 
 include_once __DIR__.'/../../core.php';
 
+// Aggiunta della classe per il modulo
+echo '<div class="module-aggiornamenti px-3">';
+
 // Schermata di caricamento delle informazioni
 echo '
     <button class="btn btn-lg btn-block btn-primary" onclick="avviaControlli(this);">
@@ -268,4 +271,6 @@ function addRiga(controllo, card, record) {
 
     body.append(riga);
 }
-</script>';
+</script>
+
+</div>';

modules/aggiornamenti/database.php

@@ -20,6 +20,9 @@
 
 include_once __DIR__.'/../../core.php';
 
+// Aggiunta della classe per il modulo
+echo '<div class="module-aggiornamenti px-3">';
+
 $query_conflitti = [];
 
 function saveQueriesToSession($queries) {
@@ -631,3 +634,6 @@ function buttonRestore(button, loadingResult) {
 });
 </script>';
 }
+
+// Chiusura del div module-aggiornamenti
+echo '</div>';

modules/aggiornamenti/edit.php

@@ -20,6 +20,9 @@
 
 include_once __DIR__.'/../../core.php';
 
+// Aggiunta della classe per il modulo
+echo '<div class="module-aggiornamenti px-3">';
+
 // Personalizzazioni di codice
 if (function_exists('customComponents')) {
     $custom = customComponents();
@@ -186,39 +189,14 @@ function search(button) {
 
 <div class="row">';
 
-// Verifiche di integrità
-echo '
-    <div class="col-md-4">
-        <div class="card card-primary card-outline">
-            <div class="card-header with-border">
-                <h3 class="card-title">
-                    '.tr("Verifica l'integrità dell'installazione").' <span class="tip" title="'.tr("Verifica l'integrità della tua installazione attraverso un controllo sui checksum dei file e sulla struttura del database").'."><i class="fa fa-question-circle-o"></i></span>
-                </h3>
-            </div>
-            <div class="card-body">
-                <button type="button" class="btn btn-info btn-block" onclick="checksum(this)">
-                    <i class="fa fa-list-alt"></i> '.tr('Controlla file').'
-                </button>
-
-                <button type="button" class="btn btn-info btn-block" onclick="database(this)">
-                    <i class="fa fa-database"></i> '.tr('Controlla database').'
-                </button>
-
-                <button type="button" class="btn btn-info btn-block" onclick="controlli(this)">
-                    <i class="fa fa-stethoscope"></i> '.tr('Controlla gestionale').'
-                </button>
-            </div>
-        </div>
-    </div>';
-
 // Controllo automatico della presenza di aggiornamenti per il gestionale
 echo '
 
     <div class="col-md-4">
         <div class="card card-primary card-outline">
             <div class="card-header with-border">
                 <h3 class="card-title">
-                    '.tr('Ricerca aggiornamenti').' <span class="tip" title="'.tr('Controllo automatico della presenza di aggiornamenti per il gestionale').'."><i class="fa fa-question-circle-o"></i></span>
+                    <i class="fa fa-refresh"></i> '.tr('Ricerca aggiornamenti').' <span class="tip" title="'.tr('Controllo automatico della presenza di aggiornamenti per il gestionale').'."><i class="fa fa-question-circle-o"></i></span>
                 </h3>
             </div>
             <div class="card-body" id="update-search">';
@@ -242,7 +220,7 @@ function search(button) {
         <div class="card card-primary card-outline">
             <div class="card-header with-border">
                 <h3 class="card-title">
-                    '.tr('Carica aggiornamenti o nuovi moduli').' <span class="tip" title="'.tr('Form di caricamento aggiornamenti del gestionale e innesti di moduli e plugin').'."><i class="fa fa-question-circle-o"></i></span>
+                    <i class="fa fa-upload"></i> '.tr('Carica aggiornamenti o nuovi moduli').' <span class="tip" title="'.tr('Form di caricamento aggiornamenti del gestionale e innesti di moduli e plugin').'."><i class="fa fa-question-circle-o"></i></span>
                 </h3>
             </div>
             <div class="card-body">
@@ -282,14 +260,53 @@ function search(button) {
 echo '
 </div>';
 
-// Requisiti
+// Sezione Verifica integrità
 echo '
 <hr>
 <div>
-    <h3>'.tr('Requisiti').'</h3>';
+    <h3 class="font-weight-normal mb-4 px-3"><i class="fa fa-shield"></i> '.tr('Verifica integrità').'</h3>
+
+    <div class="row">
+        <!-- Card Requisiti di sistema -->
+        <div class="col-md-9">
+            <div class="card card-primary card-outline">
+                <div class="card-header with-border">
+                    <h3 class="card-title">
+                        <i class="fa fa-check-square-o"></i> '.tr('Requisiti di sistema').' <span class="tip" title="'.tr('Verifica dei requisiti minimi di sistema per il corretto funzionamento del gestionale').'."><i class="fa fa-question-circle-o"></i></span>
+                    </h3>
+                </div>
+                <div class="card-body">';
 
 include base_dir().'/include/init/requirements.php';
 
 echo '
+                </div>
+            </div>
+        </div>
 
+        <!-- Card Controlli integrità -->
+        <div class="col-md-3">
+            <div class="card card-primary card-outline">
+                <div class="card-header with-border">
+                    <h3 class="card-title">
+                        <i class="fa fa-stethoscope"></i> '.tr('Controlli integrità').' <span class="tip" title="'.tr("Verifica l'integrità della tua installazione attraverso un controllo sui checksum dei file e sulla struttura del database").'."><i class="fa fa-question-circle-o"></i></span>
+                    </h3>
+                </div>
+                <div class="card-body">
+                    <button type="button" class="btn btn-info btn-block" onclick="checksum(this)">
+                        <i class="fa fa-list-alt"></i> '.tr('Controlla file').'
+                    </button>
+
+                    <button type="button" class="btn btn-info btn-block" onclick="database(this)">
+                        <i class="fa fa-database"></i> '.tr('Controlla database').'
+                    </button>
+
+                    <button type="button" class="btn btn-info btn-block" onclick="controlli(this)">
+                        <i class="fa fa-stethoscope"></i> '.tr('Controlla gestionale').'
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 </div>';