fixed propagation

public/userarea/gridRenderer.js

@@ -827,6 +827,74 @@
             });
     }
 
+    function syncVisibleRowsToGridData() {
+        if (!rowContainer) return;
+
+        rowContainer
+            .querySelectorAll(".grid-cell[data-row]")
+            .forEach((cell) => {
+                const rowIndex = parseInt(cell.dataset.row, 10);
+                const row = data[rowIndex];
+
+                if (!row) return;
+
+                const colType = cell.dataset.colType;
+                const colKey = cell.dataset.col;
+                const input = cell.querySelector(".cell-input");
+
+                if (!input) return;
+
+                const value = $(input).hasClass("select2-hidden-accessible")
+                    ? $(input).val() || ""
+                    : input.value || "";
+
+                if (colType === "detail" || colType === "main_field") {
+                    if (!row.details) row.details = {};
+
+                    if (
+                        String(row.details[String(colKey)] ?? "") !==
+                        String(value)
+                    ) {
+                        row.details[String(colKey)] = value;
+
+                        if (colType === "main_field") {
+                            row.mainFieldValue = value;
+                        }
+
+                        row._dirty = true;
+                    }
+                } else if (colType === "fixed") {
+                    if (!row.fixedFields) row.fixedFields = {};
+
+                    if (
+                        String(row.fixedFields[colKey] ?? "") !== String(value)
+                    ) {
+                        row.fixedFields[colKey] = value;
+                        row._dirty = true;
+                    }
+                } else if (colType === "idclient") {
+                    if (String(row.idclient ?? "") !== String(value)) {
+                        row.idclient = value;
+                        row._dirty = true;
+                    }
+                } else if (colType === "cliente_fornitore_id") {
+                    if (
+                        String(row.cliente_fornitore_id ?? "") !== String(value)
+                    ) {
+                        row.cliente_fornitore_id = value;
+                        row._dirty = true;
+                    }
+                } else if (colType === "tested_component") {
+                    if (String(row.tested_component ?? "") !== String(value)) {
+                        row.tested_component = value;
+                        row._dirty = true;
+                    }
+                }
+            });
+
+        updateDirtyIndicator();
+    }
+
     // ── Headers & Propagate row ────────────────────────────────────────────
 
     function renderHeaders() {
@@ -1098,40 +1166,84 @@
             const btn = e.target.closest(".propagate-btn");
             if (!btn) return;
 
-            const colIndex = parseInt(btn.dataset.colIndex);
-            const column = btn.dataset.column;
-            if (isNaN(colIndex) && !column) return;
+            // Before propagating and re-rendering, persist current visible row values into gridData.
+            syncVisibleRowsToGridData();
 
-            // Get value from the input/select in the same cell
-            const cell =
-                btn.closest(".grid-cell") || btn.closest(".grid-top-cell");
+            e.preventDefault();
+            e.stopPropagation();
+            e.stopImmediatePropagation();
+
+            const column = btn.dataset.column || "";
+            const colIndex = Number.isNaN(parseInt(btn.dataset.colIndex, 10))
+                ? null
+                : parseInt(btn.dataset.colIndex, 10);
+
+            if (!column && colIndex === null) return;
+
+            // IMPORTANT:
+            // Read ONLY the input/select inside the same top propagation cell.
+            // Do not scan other top fields.
+            const cell = btn.closest(".grid-top-cell");
             if (!cell) return;
-            const input = cell.querySelector("select, input");
-            if (!input) return;
-            const value = $(input).hasClass("select2-hidden-accessible")
-                ? $(input).val()
-                : input.value;
 
-            // Cache Select2 label so re-render shows name not ID
+            const input = cell.querySelector(".custom-field");
+            if (!input) return;
+
+            const value = $(input).hasClass("select2-hidden-accessible")
+                ? $(input).val() || ""
+                : input.value || "";
+
+            // Do not propagate empty dropdown values.
+            // This prevents wiping rows when a top Select2 is empty/not fully initialized.
+            if (input.tagName === "SELECT" && value === "") {
+                console.warn(
+                    "[gridRenderer] Empty select propagation blocked:",
+                    column,
+                );
+                return;
+            }
+
+            // Cache selected label so re-render can show text instead of only ID.
             if (value && $(input).hasClass("select2-hidden-accessible")) {
                 const label = $(input).find("option:selected").text();
+
                 if (label && label !== value) {
-                    clientNameCache[value] = label;
-                    // Also cache for SceltaMultipla
+                    if (
+                        column === "idclient" ||
+                        column === "cliente_fornitore_id" ||
+                        input.classList.contains("searchable-client")
+                    ) {
+                        clientNameCache[value] = label;
+                    }
+
                     const fieldId = input.dataset?.fieldId;
-                    if (fieldId)
+                    if (fieldId) {
                         dropdownNameCache[fieldId + "_" + value] = label;
+                    }
                 }
             }
 
-            const col = columns[colIndex] || null;
+            const col = colIndex !== null ? columns[colIndex] : null;
+
+            console.log("[gridRenderer] Propagating ONLY:", {
+                column: column,
+                colIndex: colIndex,
+                value: value,
+                label:
+                    input.tagName === "SELECT"
+                        ? $(input).find("option:selected").text()
+                        : value,
+            });
 
             if (column === "idclient") {
                 data.forEach((row) => {
+                    const oldClientId = row.idclient || "";
+
                     row.idclient = value;
 
-                    // Clear dependent fixed fields when client changes
+                    // Clear ClienteResponsabile only if client really changed.
                     if (
+                        String(oldClientId) !== String(value) &&
                         row.fixedFields &&
                         Object.prototype.hasOwnProperty.call(
                             row.fixedFields,
@@ -1144,45 +1256,59 @@
                     row._dirty = true;
                 });
 
-                // Reload ClienteResponsabile options for the propagated client
-                if (value) {
-                    loadFixedFieldOptions("ClienteResponsabile", value).then(
-                        () => {
-                            refreshTopDependentFixedSelect(
-                                "ClienteResponsabile",
-                                value,
-                            );
-                            renderVisibleRows();
-                            updateDirtyIndicator();
-                        },
+                loadFixedFieldOptions("ClienteResponsabile", value).then(() => {
+                    refreshTopDependentFixedSelect(
+                        "ClienteResponsabile",
+                        value,
                     );
-                    return;
-                } else {
-                    refreshTopDependentFixedSelect("ClienteResponsabile", "");
-                }
-            } else if (column === "cliente_fornitore_id") {
+                    renderVisibleRows();
+                    updateDirtyIndicator();
+                });
+
+                return;
+            }
+
+            if (column === "cliente_fornitore_id") {
                 data.forEach((row) => {
                     row.cliente_fornitore_id = value;
                     row._dirty = true;
                 });
-            } else if (column && column.startsWith("fixed_")) {
+
+                renderVisibleRows();
+                updateDirtyIndicator();
+                return;
+            }
+
+            if (column && column.startsWith("fixed_")) {
                 const fixedKey = column.replace("fixed_", "");
+
                 data.forEach((row) => {
+                    if (!row.fixedFields) row.fixedFields = {};
                     row.fixedFields[fixedKey] = value;
                     row._dirty = true;
                 });
-            } else if (col) {
-                if (col.type === "detail" || col.type === "main_field") {
-                    data.forEach((row) => {
-                        row.details[col.key] = value;
-                        if (col.type === "main_field")
-                            row.mainFieldValue = value;
-                        row._dirty = true;
-                    });
-                }
+
+                renderVisibleRows();
+                updateDirtyIndicator();
+                return;
             }
 
-            renderVisibleRows();
+            if (col && (col.type === "detail" || col.type === "main_field")) {
+                data.forEach((row) => {
+                    if (!row.details) row.details = {};
+                    row.details[col.key] = value;
+
+                    if (col.type === "main_field") {
+                        row.mainFieldValue = value;
+                    }
+
+                    row._dirty = true;
+                });
+
+                renderVisibleRows();
+                updateDirtyIndicator();
+                return;
+            }
         });
 
         // Select2 change events (don't bubble via native addEventListener)
@@ -1212,14 +1338,39 @@
             updateDirtyIndicator();
         });
 
-        // Cache labels on SceltaMultipla change
+        // Handle SceltaMultipla changes and persist them into gridData.
+        // Without this, a later renderVisibleRows() can rebuild the row with the old empty value.
         $(rowContainer).on("change", ".searchable-dropdown", function () {
-            const val = $(this).val();
+            const cell = this.closest(".grid-cell");
+            if (!cell || !cell.dataset.row) return;
+
+            const rowIndex = parseInt(cell.dataset.row, 10);
+            const colType = cell.dataset.colType;
+            const colKey = cell.dataset.col;
+            const val = $(this).val() || "";
             const fieldId = this.dataset.fieldId;
+
+            // Cache label so re-render shows the text instead of only the ID.
             if (val && fieldId) {
                 const label = $(this).find("option:selected").text();
-                if (label && label !== val)
+                if (label && label !== val) {
                     dropdownNameCache[fieldId + "_" + val] = label;
+                }
+            }
+
+            // Persist value into gridData.
+            if (colType === "detail" || colType === "main_field") {
+                if (!data[rowIndex].details) data[rowIndex].details = {};
+
+                data[rowIndex].details[String(colKey)] = val;
+
+                if (colType === "main_field") {
+                    data[rowIndex].mainFieldValue = val;
+                }
+
+                data[rowIndex]._dirty = true;
+                cell.classList.add("cell-changed");
+                updateDirtyIndicator();
             }
         });
 

public/userarea/mapping_template_xls_scheme2.php

@@ -1445,6 +1445,7 @@ $apiSampleJson = $template['api_sample_json'] ?? '';
             document.getElementById('updateSchemaButton').addEventListener('click', updateSchemaDetails);
 
             document.getElementById('schemaFieldsBody').addEventListener('change', function(event) {
+
                 if (event.target.classList.contains('mapping-select')) {
                     let tr = event.target.closest('tr');
                     let mappingId = event.target.getAttribute('data-id');
@@ -1560,19 +1561,22 @@ $apiSampleJson = $template['api_sample_json'] ?? '';
                     if (sourceType === 'XLS') updateXlsDropdowns();
                     if (sourceType === 'API') updateJsonDropdowns();
 
-                } else if (event.target.classList.contains('main-field-checkbox')) {
+                    return;
+                }
+
+                if (event.target.classList.contains('main-field-checkbox')) {
                     const checkbox = event.target;
                     const mappingId = checkbox.dataset.mappingId;
                     const value = checkbox.checked ? 1 : 0;
 
-                    // Se checked, deseleziona tutti gli altri visivamente
-                    if (checkbox.checked) {
-                        document.querySelectorAll('.main-field-checkbox').forEach(cb => {
-                            if (cb !== checkbox) cb.checked = false;
-                        });
+                    const checkedMainFields = document.querySelectorAll('.main-field-checkbox:checked');
+
+                    if (checkedMainFields.length > 2) {
+                        checkbox.checked = false;
+                        alert('Puoi selezionare al massimo 2 campi Main.');
+                        return;
                     }
 
-                    // Salva l'aggiornamento
                     fetch('update_main_field.php', {
                             method: 'POST',
                             headers: {
@@ -1583,36 +1587,43 @@ $apiSampleJson = $template['api_sample_json'] ?? '';
                                 mapping_id: mappingId,
                                 value: value
                             })
-                        }).then(response => response.json())
+                        })
+                        .then(response => response.json())
                         .then(data => {
                             if (!data.success) {
                                 console.error("❌ Error updating main_field:", data.message);
-                                checkbox.checked = !checkbox.checked;
+
                                 document.querySelectorAll('.main-field-checkbox').forEach(cb => {
                                     cb.checked = cb.dataset.originalChecked === 'true';
                                 });
-                            } else {
-                                document.querySelectorAll('.main-field-checkbox').forEach(cb => {
-                                    cb.dataset.originalChecked = cb.checked;
-                                });
+
+                                alert(data.message || 'Errore durante il salvataggio del campo Main.');
+                                return;
                             }
+
+                            document.querySelectorAll('.main-field-checkbox').forEach(cb => {
+                                cb.dataset.originalChecked = cb.checked ? 'true' : 'false';
+                            });
                         })
                         .catch(error => {
                             console.error("❌ Fetch error:", error);
-                            checkbox.checked = !checkbox.checked;
+
                             document.querySelectorAll('.main-field-checkbox').forEach(cb => {
                                 cb.checked = cb.dataset.originalChecked === 'true';
                             });
+
+                            alert('Errore di comunicazione durante il salvataggio del campo Main.');
                         });
-                } else if (event.target.classList.contains('visible-parts-checkbox')) {
+
+                    return;
+                }
+
+                if (event.target.classList.contains('visible-parts-checkbox')) {
                     const checkbox = event.target;
                     const mappingId = checkbox.dataset.mappingId;
                     const value = checkbox.checked ? 1 : 0;
-
-                    // salva stato per rollback
                     const prevChecked = checkbox.checked;
 
-                    // ✅ UI: se sto mettendo a 1, tolgo la spunta a tutti gli altri SUBITO
                     if (value === 1) {
                         document.querySelectorAll('.visible-parts-checkbox').forEach(cb => {
                             if (cb !== checkbox) cb.checked = false;
@@ -1634,26 +1645,22 @@ $apiSampleJson = $template['api_sample_json'] ?? '';
                         .then(data => {
                             if (!data.success) {
                                 console.error("❌ Error updating is_visible_parts:", data.message);
-
-                                // rollback UI
                                 checkbox.checked = !prevChecked;
-
-                                // se avevo tolto le spunte agli altri, ricarico per riallineare la UI al DB
-                                // (semplice e safe)
                                 location.reload();
                             }
                         })
                         .catch(error => {
                             console.error("❌ Fetch error:", error);
-
-                            // rollback UI
                             checkbox.checked = !prevChecked;
                             location.reload();
                         });
+
+                    return;
                 }
 
             });
 
+
             // Salva lo stato originale dei checkbox al caricamento
             document.querySelectorAll('.main-field-checkbox').forEach(cb => {
                 cb.dataset.originalChecked = cb.checked;

public/userarea/update_main_field.php

@@ -3,14 +3,16 @@ ini_set('display_errors', 1);
 ini_set('display_startup_errors', 1);
 error_reporting(E_ALL);
 
-include('include/headscript.php'); // Assumi che questo includa la connessione DB
+include('include/headscript.php');
 
-// Recupera il payload JSON
+header('Content-Type: application/json');
+
+// Read JSON payload
 $data = json_decode(file_get_contents('php://input'), true);
 
-$template_id = intval($data['template_id']);
-$mapping_id = intval($data['mapping_id']);
-$value = intval($data['value']);
+$template_id = intval($data['template_id'] ?? 0);
+$mapping_id  = intval($data['mapping_id'] ?? 0);
+$value       = intval($data['value'] ?? 0);
 
 if ($template_id <= 0 || $mapping_id <= 0) {
     echo json_encode(['success' => false, 'message' => 'Invalid IDs']);
@@ -23,19 +25,47 @@ $pdo = $db->getConnection();
 try {
     $pdo->beginTransaction();
 
+    // If user is trying to activate a Main field, check current number of active Main fields
     if ($value === 1) {
-        // Setta tutti main_field a 0 per questo template
-        $stmt = $pdo->prepare("UPDATE template_mapping SET main_field = 0 WHERE template_id = ?");
-        $stmt->execute([$template_id]);
+        $stmt = $pdo->prepare("
+            SELECT COUNT(*) 
+            FROM template_mapping 
+            WHERE template_id = ? 
+              AND main_field = 1 
+              AND id <> ?
+        ");
+        $stmt->execute([$template_id, $mapping_id]);
+        $currentMainCount = (int)$stmt->fetchColumn();
+
+        if ($currentMainCount >= 2) {
+            $pdo->rollBack();
+            echo json_encode([
+                'success' => false,
+                'message' => 'Maximum 2 Main fields allowed'
+            ]);
+            exit;
+        }
     }
 
-    // Setta il valore per questo mapping
-    $stmt = $pdo->prepare("UPDATE template_mapping SET main_field = ? WHERE id = ? AND template_id = ?");
+    // Update only this mapping
+    $stmt = $pdo->prepare("
+        UPDATE template_mapping 
+        SET main_field = ? 
+        WHERE id = ? 
+          AND template_id = ?
+    ");
     $stmt->execute([$value, $mapping_id, $template_id]);
 
     $pdo->commit();
+
     echo json_encode(['success' => true]);
 } catch (Exception $e) {
-    $pdo->rollBack();
-    echo json_encode(['success' => false, 'message' => $e->getMessage()]);
+    if ($pdo->inTransaction()) {
+        $pdo->rollBack();
+    }
+
+    echo json_encode([
+        'success' => false,
+        'message' => $e->getMessage()
+    ]);
 }