refactor: miglioria grafica plugin

Author: Pek5892

assets/src/css/style.css

@@ -2008,3 +2008,30 @@ body:not(.sidebar-collapse) .sidebar .nav-treeview .nav-treeview .nav-link {
         font-size: 2.4em;
     }
 }
+
+/* Stile migliorato per i titoli dei plugin */
+.plugin-title {
+    padding: 10px 0;
+    border-bottom: 1px solid #eee;
+    margin-bottom: 20px !important;
+    width: 100%;
+}
+
+.plugin-title .badge {
+    font-size: 85%;
+    width: 22px;
+    height: 22px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+}
+
+.plugin-title .text-primary {
+    margin-left: 5px;
+}
+
+/* Padding per il contenuto dei plugin */
+.tab-pane[id^="tab_"]:not(#tab_0) {
+    padding: 0 20px 20px 20px;
+}

include/manager.php

@@ -43,15 +43,14 @@
     }
 
     echo '
-        <h4>
-			<span  class="'.(!empty($structure['help']) ? ' tip' : '').'"'.(!empty($structure['help']) ? ' title="'.prepareToField($structure['help']).'" data-position="bottom"' : '').' >
-            '.$structure->getTranslation('title').(!empty($structure['help']) ? ' <i class="fa fa-question-circle-o"></i>' : '').'</span>';
-
-    echo '</span>';
+        <h4 class="plugin-title mb-3 d-flex align-items-center">
+            <span class="badge badge-primary p-1 mr-2"><i class="fa fa-plug"></i></span>
+			<span class="'.(!empty($structure['help']) ? ' tip' : '').'"'.(!empty($structure['help']) ? ' title="'.prepareToField($structure['help']).'" data-position="bottom"' : '').' >
+            <strong class="text-primary">'.$structure->getTranslation('title').'</strong>'.(!empty($structure['help']) ? ' <i class="fa fa-question-circle-o"></i>' : '').'</span>';
 
     if ($structure->hasAddFile()) {
         echo '
-        <div class="pull-right">
+        <div class="ml-auto">
             <button type="button" class="btn btn-primary" data-toggle="modal" data-title="'.tr('Aggiungi').'..." data-href="add.php?id_module='.$id_module.'&id_plugin='.$id_plugin.'&id_parent='.$id_record.'"><i class="fa fa-plus"></i> '.tr('Nuovo').'</button>
         </div>';
     }

include/top.php

@@ -644,9 +644,15 @@ function checkActiveTab() {
                 if (activeTabId !== "tab_0") {
                     // Nascondi il pulsante "Aggiungi" principale (quello accanto al nome del modulo)
                     $(".content-header .btn-primary[data-title=\'Aggiungi...\'], .content-header .btn-primary[data-title=\'Aggiungi\'], .content-header button.btn-primary:has(i.fa-plus)").hide();
+
+                    // Rendi il nome del modulo in text-muted
+                    $(".content-header h1").addClass("text-muted");
                 } else {
                     // Mostra il pulsante "Aggiungi" principale quando siamo nel tab principale
                     $(".content-header .btn-primary[data-title=\'Aggiungi...\'], .content-header .btn-primary[data-title=\'Aggiungi\'], .content-header button.btn-primary:has(i.fa-plus)").show();
+
+                    // Ripristina il colore normale del nome del modulo
+                    $(".content-header h1").removeClass("text-muted");
                 }
             }