fix: visualizzazione option disabilitati nei select

Author: MatteoPistorello

assets/src/css/style.css

@@ -2141,6 +2141,14 @@ table.dataTable {
     font-size: 13px !important;
 }
 
+/* Stili per le opzioni disabilitate nei select */
+.select2-results__option[aria-disabled="true"] {
+    color: #777777 !important;
+    background-color: #f5f5f5 !important;
+    opacity: 0.6 !important;
+    cursor: not-allowed !important;
+}
+
 .select2-container--bootstrap4 .select2-results__option--highlighted > a {
     color: #fff;
 }

assets/src/js/functions/select.js

@@ -38,6 +38,12 @@ function optionRendering(data, container) {
     // Aggiunta degli attributi impostati staticamente
     selectOptionAttributes(data);
 
+    // Gestione delle opzioni disabilitate - solo attributi per CSS
+    if ((data.element && $(data.element).prop('disabled')) || data.disabled) {
+        $(container).attr('aria-disabled', 'true');
+        return data.text;
+    }
+
     // Impostazione del colore dell'opzione
     let bg;
     if (data._bgcolor_) {
@@ -250,6 +256,18 @@ function initStaticSelectInput(input) {
         templateResult: optionRendering,
         templateSelection: selectionRendering,
     });
+
+    // Previeni la selezione di opzioni disabilitate
+    $input.on('select2:selecting', function (e) {
+        if (e.params && e.params.data && e.params.data.element) {
+            if ($(e.params.data.element).prop('disabled')) {
+                e.preventDefault();
+                return false;
+            }
+        }
+    });
+
+
 }
 
 /**
@@ -319,6 +337,16 @@ function initDynamicSelectInput(input) {
         width: '100%'
     });
 
+    // Previeni la selezione di opzioni disabilitate per select AJAX
+    $input.on('select2:selecting', function (e) {
+        if (e.params && e.params.data && e.params.data.disabled) {
+            e.preventDefault();
+            return false;
+        }
+    });
+
+
+
     // Rimozione delle option presenti nell'HTML per permettere l'aggiornamento dei dati via AJAX
     // Rimozione per select multipli
     if ($input.prop("multiple")) {