added logs
This commit is contained in:
+139
-462
@@ -3,10 +3,9 @@
|
||||
ini_set('display_errors', 1);
|
||||
ini_set('display_startup_errors', 1);
|
||||
error_reporting(E_ALL);
|
||||
|
||||
// Configura il log per Windows
|
||||
ini_set('error_log', 'C:\\xampp\\htdocs\\trf_certest\\tmp\\import_debug.log');
|
||||
ini_set('log_errors', 1);
|
||||
ini_set('error_log', __DIR__ . '/import_debug.log');
|
||||
|
||||
|
||||
// Test iniziale del log
|
||||
error_log("Inizio importazione alle " . date('Y-m-d H:i:s'));
|
||||
@@ -39,7 +38,7 @@ $pdo = $db->getConnection();
|
||||
$importReferenceCode = date('YmdHis') . '-' . uniqid();
|
||||
|
||||
// Recupera tutti i mapping dal template (automatici e manuali)
|
||||
$stmt = $pdo->prepare("SELECT id, field_id, field_id AS excel_column, field_id AS mysql_column, data_type, is_required, default_value, is_manual, field_label FROM template_mapping WHERE template_id = ?");
|
||||
$stmt = $pdo->prepare("SELECT id, field_id, field_id AS excel_column, field_id AS mysql_column, data_type, is_required, manual_default, is_manual, field_label FROM template_mapping WHERE template_id = ?");
|
||||
$stmt->execute([$template_id]);
|
||||
$allMappings = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
|
||||
@@ -65,10 +64,10 @@ foreach ($selected_rows as $rowIndex) {
|
||||
$excelColumnIndex = array_search(trim($mapping['excel_column']), array_map('trim', $columns));
|
||||
if ($excelColumnIndex !== false) {
|
||||
$mysqlColumn = $mapping['mysql_column'];
|
||||
$value = $row[$excelColumnIndex] ?? $mapping['default_value'];
|
||||
$value = $row[$excelColumnIndex] ?? $mapping['manual_default'];
|
||||
|
||||
if ($mapping['is_required'] && (is_null($value) || $value === '')) {
|
||||
$value = $mapping['default_value'];
|
||||
$value = $mapping['manual_default'];
|
||||
if (is_null($value)) {
|
||||
header("Location: import_xls.php?id=$template_id&status=error&message=" . urlencode("Valore richiesto mancante per la colonna $mysqlColumn"));
|
||||
exit;
|
||||
@@ -77,21 +76,21 @@ foreach ($selected_rows as $rowIndex) {
|
||||
|
||||
switch ($mapping['data_type']) {
|
||||
case 'INT':
|
||||
$value = is_numeric($value) ? (int)$value : ($mapping['default_value'] ?? 0);
|
||||
$value = is_numeric($value) ? (int)$value : ($mapping['manual_default'] ?? 0);
|
||||
break;
|
||||
case 'DATE':
|
||||
$value = !empty($value) ? date('Y-m-d', strtotime($value)) : ($mapping['default_value'] ?? null);
|
||||
if ($mapping['default_value'] === 'today' && is_null($value)) {
|
||||
$value = !empty($value) ? date('Y-m-d', strtotime($value)) : ($mapping['manual_default'] ?? null);
|
||||
if ($mapping['manual_default'] === 'today' && is_null($value)) {
|
||||
$value = date('Y-m-d');
|
||||
}
|
||||
break;
|
||||
case 'CHAR':
|
||||
$value = !empty($value) ? substr($value, 0, 1) : ($mapping['default_value'] ?? '');
|
||||
$value = !empty($value) ? substr($value, 0, 1) : ($mapping['manual_default'] ?? '');
|
||||
break;
|
||||
case 'Testo':
|
||||
case 'VARCHAR':
|
||||
default:
|
||||
$value = !empty($value) ? htmlspecialchars($value) : ($mapping['default_value'] ?? '');
|
||||
$value = !empty($value) ? htmlspecialchars($value) : ($mapping['manual_default'] ?? '');
|
||||
break;
|
||||
}
|
||||
|
||||
@@ -137,48 +136,46 @@ foreach ($selected_rows as $rowIndex) {
|
||||
|
||||
// Inserisci tutti i campi (automatici e manuali) in import_data_details
|
||||
foreach ($allMappings as $mapping) {
|
||||
$fieldValue = '';
|
||||
$fieldValue = null;
|
||||
if (!$mapping['is_manual']) { // Campi automatici dall'XLS
|
||||
$excelColumnIndex = array_search(trim($mapping['excel_column']), array_map('trim', $columns));
|
||||
if ($excelColumnIndex !== false) {
|
||||
$fieldValue = $row[$excelColumnIndex] ?? $mapping['default_value'];
|
||||
$excelColumn = trim($mapping['excel_column']);
|
||||
$excelColumnIndex = array_search($excelColumn, array_map('trim', $columns));
|
||||
if ($excelColumnIndex !== false && isset($row[$excelColumnIndex]) && $row[$excelColumnIndex] !== '') {
|
||||
$fieldValue = $row[$excelColumnIndex];
|
||||
error_log("Found Excel column '$excelColumn' at index $excelColumnIndex, value: " . var_export($fieldValue, true));
|
||||
} else {
|
||||
$fieldValue = $mapping['default_value'] ?? '';
|
||||
$fieldValue = $mapping['manual_default'] ?? '';
|
||||
error_log("Excel column '$excelColumn' not found or empty, using default: " . var_export($fieldValue, true));
|
||||
}
|
||||
switch ($mapping['data_type']) {
|
||||
case 'INT':
|
||||
$fieldValue = is_numeric($fieldValue) ? (int)$fieldValue : ($mapping['default_value'] ?? 0);
|
||||
$fieldValue = is_numeric($fieldValue) ? (int)$fieldValue : ($mapping['manual_default'] ?? 0);
|
||||
break;
|
||||
case 'DATE':
|
||||
$fieldValue = !empty($fieldValue) ? date('Y-m-d', strtotime($fieldValue)) : ($mapping['default_value'] ?? '');
|
||||
if ($mapping['default_value'] === 'today' && empty($fieldValue)) {
|
||||
$fieldValue = date('Y-m-d');
|
||||
}
|
||||
$fieldValue = !empty($fieldValue) ? date('Y-m-d', strtotime($fieldValue)) : ($mapping['manual_default'] === 'today' ? date('Y-m-d') : ($mapping['manual_default'] ?? ''));
|
||||
break;
|
||||
case 'CHAR':
|
||||
$fieldValue = !empty($fieldValue) ? substr($fieldValue, 0, 1) : ($mapping['default_value'] ?? '');
|
||||
$fieldValue = !empty($fieldValue) ? substr((string)$fieldValue, 0, 1) : ($mapping['manual_default'] ?? '');
|
||||
break;
|
||||
case 'Testo':
|
||||
case 'VARCHAR':
|
||||
default:
|
||||
$fieldValue = !empty($fieldValue) ? htmlspecialchars($fieldValue) : ($mapping['default_value'] ?? '');
|
||||
$fieldValue = !empty($fieldValue) ? htmlspecialchars((string)$fieldValue) : ($mapping['manual_default'] ?? '');
|
||||
break;
|
||||
}
|
||||
} else { // Campi manuali
|
||||
$fieldValue = $mapping['default_value'] ?? '';
|
||||
if ($mapping['data_type'] === 'DATE' && $mapping['default_value'] === 'today') {
|
||||
$fieldValue = $mapping['manual_default'] ?? '';
|
||||
if ($mapping['data_type'] === 'DATE' && $mapping['manual_default'] === 'today') {
|
||||
$fieldValue = date('Y-m-d');
|
||||
} elseif (!empty($mapping['default_value'])) {
|
||||
$fieldValue = $mapping['default_value']; // Forza l'uso del default_value
|
||||
}
|
||||
}
|
||||
// Log dettagliato prima dell'inserimento
|
||||
error_log("Inserting - Mapping ID: " . $mapping['id'] . ", Field Value: " . var_export($fieldValue, true) . ", Is Manual: " . $mapping['is_manual'] . ", Excel Column: " . ($mapping['excel_column'] ?? 'N/A') . ", Default Value: " . ($mapping['default_value'] ?? 'N/A'));
|
||||
|
||||
if ($mapping['is_required'] && (is_null($fieldValue) || $fieldValue === '')) {
|
||||
error_log("Required field missing for mapping ID: " . $mapping['id'] . ", field: " . $mapping['field_label']);
|
||||
}
|
||||
error_log("Inserting into import_data_details - Mapping ID: " . $mapping['id'] . ", Field Value: " . var_export($fieldValue, true) . ", Is Manual: " . $mapping['is_manual'] . ", Excel Column: " . ($mapping['excel_column'] ?? 'N/A') . ", Manual Default: " . ($mapping['manual_default'] ?? 'N/A'));
|
||||
$stmt = $pdo->prepare("INSERT INTO import_data_details (id, mapping_id, field_value) VALUES (?, ?, ?)");
|
||||
$stmt->execute([$iddatadb, $mapping['id'], $fieldValue]);
|
||||
// Log della query eseguita
|
||||
error_log("Executed Query for ID $iddatadb, Mapping ID: " . $mapping['id'] . ", Field Value: " . $fieldValue);
|
||||
error_log("Inserted into import_data_details for ID $iddatadb, Mapping ID: " . $mapping['id'] . ", Field Value: " . var_export($fieldValue, true));
|
||||
}
|
||||
}
|
||||
|
||||
@@ -194,7 +191,7 @@ $importedData = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
|
||||
// Recupera i dettagli manuali da import_data_details
|
||||
$stmt = $pdo->prepare("
|
||||
SELECT d.id AS detail_id, d.id AS datadb_id, d.mapping_id, d.field_value, m.field_id, m.data_type, m.is_required, m.default_value
|
||||
SELECT d.id AS detail_id, d.id AS datadb_id, d.mapping_id, d.field_value, m.field_id, m.data_type, m.is_required, m.manual_default
|
||||
FROM import_data_details d
|
||||
JOIN template_mapping m ON d.mapping_id = m.id
|
||||
WHERE d.id IN (" . implode(',', array_fill(0, count($insertedIds), '?')) . ")
|
||||
@@ -286,7 +283,7 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
|
||||
.grid-cell select {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #ced4da;
|
||||
border: гордичка 1px solid #ced4da;
|
||||
border-radius: 4px;
|
||||
padding: 5px;
|
||||
font-size: 14px;
|
||||
@@ -407,58 +404,6 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.photo-item {
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.photo-item:hover {
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
#dropArea.highlight {
|
||||
border-color: #28a745;
|
||||
background-color: #e9ecef;
|
||||
}
|
||||
|
||||
.image-modal {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 1100;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.image-modal-content {
|
||||
margin: auto;
|
||||
display: block;
|
||||
max-width: 90%;
|
||||
max-height: 90vh;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.image-modal-close {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 35px;
|
||||
color: #fff;
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.image-modal-close:hover,
|
||||
.image-modal-close:focus {
|
||||
color: #bbb;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
@@ -469,6 +414,11 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 1049;
|
||||
}
|
||||
|
||||
.grid-cell.missing-required {
|
||||
border: 2px solid red;
|
||||
background-color: #ffe6e6;
|
||||
}
|
||||
</style>
|
||||
<title>Edit Imported Data - <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
|
||||
</head>
|
||||
@@ -514,8 +464,8 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
|
||||
}
|
||||
// Aggiungi gli input per i campi manuali con propagate-btn
|
||||
foreach ($manualMappings as $manualMapping) {
|
||||
$fieldValue = $manualMapping['default_value'];
|
||||
if ($manualMapping['data_type'] === 'DATE' && $manualMapping['default_value'] === 'today') {
|
||||
$fieldValue = $manualMapping['manual_default'];
|
||||
if ($manualMapping['data_type'] === 'DATE' && $manualMapping['manual_default'] === 'today') {
|
||||
$fieldValue = date('Y-m-d');
|
||||
}
|
||||
$requiredAttr = $manualMapping['is_required'] ? 'required' : '';
|
||||
@@ -611,10 +561,11 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
|
||||
$rowDetails = array_filter($manualDetails, fn($d) => $d['datadb_id'] == $row['iddatadb']);
|
||||
foreach ($autoMappings as $mapping) {
|
||||
$detail = array_filter($rowDetails, fn($d) => $d['mapping_id'] == $mapping['id']);
|
||||
$detail = reset($detail) ?: ['field_value' => $mapping['default_value']];
|
||||
$fieldValue = $detail['field_value'] ?? $mapping['default_value'];
|
||||
$detail = reset($detail) ?: ['field_value' => $mapping['manual_default']];
|
||||
$fieldValue = $detail['field_value'] ?? $mapping['manual_default'] ?? '';
|
||||
$requiredClass = ($mapping['is_required'] && (is_null($fieldValue) || $fieldValue === '')) ? 'missing-required' : '';
|
||||
$requiredAttr = $mapping['is_required'] ? 'required' : '';
|
||||
echo "<div class='grid-cell editable-cell' data-col='{$mapping['field_id']}' data-row='$index' data-index='$cellIndex' style='flex: 0 0 150px;'>";
|
||||
echo "<div class='grid-cell editable-cell $requiredClass' data-col='{$mapping['field_id']}' data-row='$index' data-index='$cellIndex' style='flex: 0 0 150px;'>";
|
||||
if ($mapping['data_type'] === 'DATE') {
|
||||
echo "<input type='date' name='rows[$index][details][{$mapping['id']}][field_value]' value='" . htmlspecialchars($fieldValue) . "' class='cell-input' $requiredAttr>";
|
||||
} elseif ($mapping['data_type'] === 'INT') {
|
||||
@@ -628,13 +579,14 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
|
||||
// Aggiungi i campi manuali da import_data_details
|
||||
foreach ($manualMappings as $mapping) {
|
||||
$detail = array_filter($rowDetails, fn($d) => $d['mapping_id'] == $mapping['id']);
|
||||
$detail = reset($detail) ?: ['field_value' => $mapping['default_value']];
|
||||
$fieldValue = $detail['field_value'] ?? $mapping['default_value'];
|
||||
if ($mapping['data_type'] === 'DATE' && $mapping['default_value'] === 'today' && empty($fieldValue)) {
|
||||
$detail = reset($detail) ?: ['field_value' => $mapping['manual_default']];
|
||||
$fieldValue = $detail['field_value'] ?? $mapping['manual_default'] ?? '';
|
||||
if ($mapping['data_type'] === 'DATE' && $mapping['manual_default'] === 'today' && empty($fieldValue)) {
|
||||
$fieldValue = date('Y-m-d');
|
||||
}
|
||||
$requiredClass = ($mapping['is_required'] && (is_null($fieldValue) || $fieldValue === '')) ? 'missing-required' : '';
|
||||
$requiredAttr = $mapping['is_required'] ? 'required' : '';
|
||||
echo "<div class='grid-cell editable-cell' data-col='{$mapping['field_id']}' data-row='$index' data-index='$cellIndex' style='flex: 0 0 150px;'>";
|
||||
echo "<div class='grid-cell editable-cell $requiredClass' data-col='{$mapping['field_id']}' data-row='$index' data-index='$cellIndex' style='flex: 0 0 150px;'>";
|
||||
if ($mapping['data_type'] === 'DATE') {
|
||||
echo "<input type='date' name='rows[$index][details][{$mapping['id']}][field_value]' value='" . htmlspecialchars($fieldValue) . "' class='cell-input' $requiredAttr>";
|
||||
} elseif ($mapping['data_type'] === 'INT') {
|
||||
@@ -667,14 +619,7 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
|
||||
</div>
|
||||
</form>
|
||||
<?php include 'modal_parts.php'; ?>
|
||||
<div id="photosModal" class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="close-btn">×</span>
|
||||
<div id="popupContent">
|
||||
<p>Loading...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php include 'photos_functions.php'; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -685,7 +630,9 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
|
||||
</div>
|
||||
<?php include('jsinclude.php'); ?>
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
<script src="photos.js"></script>
|
||||
<script src="parts.js"></script>
|
||||
<script src="tracking.js"></script>
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
const inputs = document.querySelectorAll('.cell-input');
|
||||
@@ -700,372 +647,102 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
|
||||
|
||||
const saveButtons = document.querySelectorAll('.save-btn');
|
||||
saveButtons.forEach(button => {
|
||||
button.addEventListener('click', function() {
|
||||
const rowIndex = this.getAttribute('data-row');
|
||||
const row = this.closest('.grid-row');
|
||||
const iddatadb = row.getAttribute('data-id');
|
||||
const formData = new FormData();
|
||||
|
||||
const inputs = row.querySelectorAll(`input[name^="rows[${rowIndex}]"], select[name^="rows[${rowIndex}]"]`);
|
||||
inputs.forEach(input => {
|
||||
const name = input.name.replace(`rows[${rowIndex}]`, '').replace(/\[|\]/g, '');
|
||||
if (name !== 'user_name') {
|
||||
formData.append(name, input.value);
|
||||
}
|
||||
});
|
||||
formData.append('iddatadb', iddatadb);
|
||||
|
||||
fetch('save_edited_row.php', {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.success) {
|
||||
const cells = row.querySelectorAll('.grid-cell');
|
||||
cells.forEach(cell => {
|
||||
cell.classList.remove('flash-success');
|
||||
void cell.offsetWidth;
|
||||
cell.classList.add('flash-success');
|
||||
});
|
||||
setTimeout(() => cells.forEach(cell => cell.classList.remove('flash-success')), 500);
|
||||
} else {
|
||||
alert('Errore durante il salvataggio: ' + data.message);
|
||||
}
|
||||
})
|
||||
.catch(error => alert('Errore durante il salvataggio: ' + error.message));
|
||||
});
|
||||
});
|
||||
|
||||
// Propagazione del valore dall'input superiore
|
||||
const propagateButtons = document.querySelectorAll('.propagate-btn');
|
||||
propagateButtons.forEach(button => {
|
||||
button.addEventListener('click', function() {
|
||||
const columnIndex = this.getAttribute('data-column');
|
||||
const input = this.previousElementSibling;
|
||||
const value = input.value;
|
||||
|
||||
const cells = document.querySelectorAll(`.grid-cell[data-index="${columnIndex}"]`);
|
||||
cells.forEach(cell => {
|
||||
const rowInput = cell.querySelector('input, select');
|
||||
if (rowInput) {
|
||||
if (rowInput.type === 'date') {
|
||||
rowInput.value = value;
|
||||
} else if (rowInput.tagName === 'SELECT') {
|
||||
rowInput.value = value;
|
||||
} else {
|
||||
rowInput.value = value;
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// Ridimensionamento colonne
|
||||
const resizers = document.querySelectorAll('.resizer');
|
||||
let currentResizer = null;
|
||||
let startX = 0;
|
||||
let startWidth = 0;
|
||||
let columnIndex = 0;
|
||||
resizers.forEach(resizer => {
|
||||
resizer.addEventListener('mousedown', function(e) {
|
||||
currentResizer = resizer;
|
||||
const header = resizer.parentElement;
|
||||
columnIndex = header.getAttribute('data-index');
|
||||
startX = e.pageX;
|
||||
startWidth = header.offsetWidth;
|
||||
document.addEventListener('mousemove', resize);
|
||||
document.addEventListener('mouseup', stopResize);
|
||||
});
|
||||
|
||||
function resize(e) {
|
||||
if (currentResizer) {
|
||||
const dx = e.pageX - startX;
|
||||
const newWidth = startWidth + dx;
|
||||
const headers = document.querySelectorAll(`.grid-header[data-index="${columnIndex}"]`);
|
||||
const cells = document.querySelectorAll(`.grid-cell[data-index="${columnIndex}"]`);
|
||||
headers.forEach(header => header.style.flex = `0 0 ${newWidth}px`);
|
||||
cells.forEach(cell => cell.style.flex = `0 0 ${newWidth}px`);
|
||||
}
|
||||
}
|
||||
|
||||
function stopResize() {
|
||||
if (currentResizer) {
|
||||
document.removeEventListener('mousemove', resize);
|
||||
document.removeEventListener('mouseup', stopResize);
|
||||
currentResizer = null;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Gestione del popup per le foto
|
||||
async function loadPopupContent(iddatadb) {
|
||||
const popupContent = document.getElementById('popupContent');
|
||||
try {
|
||||
const response = await fetch(`photos_popup.php?iddatadb=${iddatadb}`);
|
||||
popupContent.innerHTML = await response.text();
|
||||
|
||||
// Dopo aver caricato il contenuto, associa gli event listener
|
||||
attachPhotoEventListeners(iddatadb);
|
||||
} catch (error) {
|
||||
popupContent.innerHTML = `<p>Errore durante il caricamento: ${error.message}</p>`;
|
||||
}
|
||||
}
|
||||
|
||||
function attachPhotoEventListeners(iddatadb) {
|
||||
const dropArea = document.getElementById('dropArea');
|
||||
const photoInput = document.getElementById('photoInput');
|
||||
|
||||
if (!dropArea || !photoInput) {
|
||||
console.error('Elementi dropArea o photoInput non trovati nel DOM');
|
||||
return;
|
||||
}
|
||||
|
||||
console.log('Associando event listener per drag-and-drop'); // Debug
|
||||
|
||||
// Gestione drag-and-drop
|
||||
['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
|
||||
dropArea.addEventListener(eventName, preventDefaults, false);
|
||||
});
|
||||
|
||||
function preventDefaults(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
}
|
||||
|
||||
['dragenter', 'dragover'].forEach(eventName => {
|
||||
dropArea.addEventListener(eventName, () => {
|
||||
console.log('Drag enter/over'); // Debug
|
||||
dropArea.classList.add('highlight');
|
||||
}, false);
|
||||
});
|
||||
|
||||
['dragleave', 'drop'].forEach(eventName => {
|
||||
dropArea.addEventListener(eventName, () => {
|
||||
console.log('Drag leave/drop'); // Debug
|
||||
dropArea.classList.remove('highlight');
|
||||
}, false);
|
||||
});
|
||||
|
||||
dropArea.addEventListener('drop', (e) => {
|
||||
console.log('File droppato'); // Debug
|
||||
const files = e.dataTransfer.files;
|
||||
handleFiles(files, iddatadb);
|
||||
}, false);
|
||||
|
||||
dropArea.addEventListener('click', () => {
|
||||
console.log('Click su dropArea'); // Debug
|
||||
photoInput.click();
|
||||
}, false);
|
||||
|
||||
photoInput.addEventListener('change', () => {
|
||||
console.log('File selezionato tramite input'); // Debug
|
||||
handleFiles(photoInput.files, iddatadb);
|
||||
}, false);
|
||||
|
||||
// Gestione della rimozione delle foto
|
||||
const deleteButtons = document.querySelectorAll('.delete-photo-btn');
|
||||
deleteButtons.forEach(button => {
|
||||
button.addEventListener('click', async function() {
|
||||
const photoId = this.getAttribute('data-photo-id');
|
||||
if (confirm('Sei sicuro di voler eliminare questa foto?')) {
|
||||
try {
|
||||
const response = await fetch('delete_photo.php', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
},
|
||||
body: `photo_id=${photoId}`
|
||||
});
|
||||
const result = await response.json();
|
||||
|
||||
if (result.success) {
|
||||
// Ricarica il contenuto del popup
|
||||
loadPopupContent(iddatadb);
|
||||
} else {
|
||||
alert('Errore durante l\'eliminazione: ' + result.message);
|
||||
}
|
||||
} catch (error) {
|
||||
alert('Errore durante l\'eliminazione: ' + error.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Gestione del click sulle immagini per ingrandirle
|
||||
document.querySelectorAll('.thumbnail').forEach(img => {
|
||||
img.addEventListener('click', function() {
|
||||
const modal = document.getElementById('imageModal');
|
||||
const enlargedImage = document.getElementById('enlargedImage');
|
||||
enlargedImage.src = this.src;
|
||||
modal.style.display = 'block';
|
||||
});
|
||||
});
|
||||
|
||||
// Gestione della chiusura del modal immagine
|
||||
const imageModal = document.getElementById('imageModal');
|
||||
const imageCloseBtn = document.querySelector('.image-modal-close');
|
||||
if (imageCloseBtn) {
|
||||
imageCloseBtn.addEventListener('click', function() {
|
||||
imageModal.style.display = 'none';
|
||||
});
|
||||
}
|
||||
if (imageModal) {
|
||||
imageModal.addEventListener('click', function(event) {
|
||||
if (event.target === imageModal) {
|
||||
imageModal.style.display = 'none';
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
async function handleFiles(files, iddatadb) {
|
||||
for (const file of files) {
|
||||
if (!file.type.startsWith('image/')) {
|
||||
alert('Per favore, carica solo immagini!');
|
||||
continue;
|
||||
}
|
||||
|
||||
const formData = new FormData();
|
||||
formData.append('photo', file);
|
||||
formData.append('iddatadb', iddatadb);
|
||||
|
||||
try {
|
||||
const response = await fetch('upload_photo.php', {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
});
|
||||
const result = await response.json();
|
||||
|
||||
if (result.success) {
|
||||
// Ricarica il contenuto del popup
|
||||
loadPopupContent(iddatadb);
|
||||
} else {
|
||||
alert('Errore durante il caricamento: ' + result.message);
|
||||
}
|
||||
} catch (error) {
|
||||
alert('Errore durante il caricamento: ' + error.message);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Gestione del popup per le foto
|
||||
const photosButtons = document.querySelectorAll('.photos-btn');
|
||||
const photosModal = document.getElementById('photosModal');
|
||||
const closeBtn = document.querySelector('.close-btn');
|
||||
|
||||
photosButtons.forEach(button => {
|
||||
button.addEventListener('click', function() {
|
||||
const iddatadb = this.getAttribute('data-iddatadb');
|
||||
loadPopupContent(iddatadb);
|
||||
photosModal.style.display = 'block';
|
||||
document.querySelector('.overlay').style.display = 'none'; // Nascondi overlay
|
||||
});
|
||||
});
|
||||
|
||||
if (closeBtn) {
|
||||
closeBtn.addEventListener('click', function() {
|
||||
photosModal.style.display = 'none';
|
||||
document.querySelector('.overlay').style.display = 'none'; // Assicurati che l'overlay sia nascosto
|
||||
// Forza la riattivazione della pagina sottostante
|
||||
document.body.style.pointerEvents = 'auto';
|
||||
});
|
||||
}
|
||||
|
||||
if (photosModal) {
|
||||
window.addEventListener('click', function(event) {
|
||||
if (event.target === photosModal) {
|
||||
photosModal.style.display = 'none';
|
||||
document.querySelector('.overlay').style.display = 'none'; // Nascondi overlay
|
||||
document.body.style.pointerEvents = 'auto'; // Riattiva la pagina
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Gestione del popup per le parti
|
||||
const partsButtons = document.querySelectorAll('.parts-btn');
|
||||
const partsModal = document.getElementById('partsModal');
|
||||
|
||||
partsButtons.forEach(button => {
|
||||
button.addEventListener('click', function() {
|
||||
const iddatadb = this.getAttribute('data-iddatadb');
|
||||
// Carica il contenuto del modal Parts (da parts.js o altro)
|
||||
if (partsModal) {
|
||||
partsModal.style.display = 'block';
|
||||
document.querySelector('.overlay').style.display = 'none'; // Nascondi overlay
|
||||
// Assicurati che parts.js gestisca il contenuto specifico
|
||||
} else {
|
||||
console.error('Modal Parts non trovato');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Gestione della chiusura del modal Parts
|
||||
const partsCloseBtn = document.querySelector('#partsModal .close-btn');
|
||||
if (partsCloseBtn) {
|
||||
partsCloseBtn.addEventListener('click', function() {
|
||||
partsModal.style.display = 'none';
|
||||
document.querySelector('.overlay').style.display = 'none'; // Nascondi overlay
|
||||
document.body.style.pointerEvents = 'auto'; // Riattiva la pagina
|
||||
});
|
||||
}
|
||||
|
||||
if (partsModal) {
|
||||
window.addEventListener('click', function(event) {
|
||||
if (event.target === partsModal) {
|
||||
partsModal.style.display = 'none';
|
||||
document.querySelector('.overlay').style.display = 'none'; // Nascondi overlay
|
||||
document.body.style.pointerEvents = 'auto'; // Riattiva la pagina
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Gestione del tracking
|
||||
document.querySelectorAll('.go-btn').forEach(button => {
|
||||
button.addEventListener('click', async function() {
|
||||
const rowIndex = this.getAttribute('data-row');
|
||||
const awbInput = document.querySelector(`input[name="rows[${rowIndex}][awb_number]"]`);
|
||||
const carrierSelect = document.querySelector(`select[name="rows[${rowIndex}][carrier]"]`);
|
||||
const trackingResult = document.querySelector(`.tracking-info[data-row="${rowIndex}"] .tracking-result`);
|
||||
const trackingHidden = document.querySelector(`input[name="rows[${rowIndex}][tracking_info]"]`);
|
||||
const trackingNumber = awbInput.value.trim();
|
||||
const carrierCode = carrierSelect.value;
|
||||
|
||||
if (!trackingNumber) {
|
||||
alert('Inserisci un numero AWB valido!');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
trackingResult.textContent = 'Caricamento...';
|
||||
this.disabled = true;
|
||||
button.addEventListener('click', functionтии) {
|
||||
const rowIndex = this.getAttribute('data-row');
|
||||
const row = this.closest('.grid-row');
|
||||
const iddatadb = row.getAttribute('data-id');
|
||||
const formData = new FormData();
|
||||
formData.append('tracking_number', trackingNumber);
|
||||
formData.append('courier_code', carrierCode);
|
||||
const response = await fetch('fetch_tracking_info.php', {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
});
|
||||
const result = await response.json();
|
||||
|
||||
if (!result.success) throw new Error(result.message);
|
||||
const trackingText = `Date: ${result.deliveryDate}, Signed by: ${result.signedBy}, Courier: ${result.carrierName}`;
|
||||
trackingResult.textContent = trackingText;
|
||||
trackingHidden.value = JSON.stringify({
|
||||
deliveryDate: result.deliveryDate,
|
||||
signedBy: result.signedBy,
|
||||
carrierName: result.carrierName
|
||||
const inputs = row.querySelectorAll(`input[name^="rows[${rowIndex}]"], select[name^="rows[${rowIndex}]"]`);
|
||||
inputs.forEach(input => {
|
||||
const name = input.name.replace(`rows[${rowIndex}]`, '').replace(/\[|\]/g, '');
|
||||
if (name !== 'user_name') {
|
||||
formData.append(name, input.value);
|
||||
}
|
||||
});
|
||||
} catch (error) {
|
||||
console.error('Errore:', error);
|
||||
trackingResult.textContent = 'Errore: ' + error.message;
|
||||
trackingHidden.value = '';
|
||||
} finally {
|
||||
this.disabled = false;
|
||||
formData.append('iddatadb', iddatadb);
|
||||
|
||||
fetch('save_edited_row.php', {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.success) {
|
||||
const cells = row.querySelectorAll('.grid-cell');
|
||||
cells.forEach(cell => {
|
||||
cell.classList.remove('flash-success');
|
||||
void cell.offsetWidth;
|
||||
cell.classList.add('flash-success');
|
||||
});
|
||||
setTimeout(() => cells.forEach(cell => cell.classList.remove('flash-success')), 500);
|
||||
} else {
|
||||
alert('Errore durante il salvataggio: ' + data.message);
|
||||
}
|
||||
})
|
||||
.catch(error => alert('Errore durante il salvataggio: ' + error.message));
|
||||
});
|
||||
});
|
||||
|
||||
// Propagazione del valore dall'input superiore
|
||||
const propagateButtons = document.querySelectorAll('.propagate-btn'); propagateButtons.forEach(button => {
|
||||
button.addEventListener('click', function() {
|
||||
const columnIndex = this.getAttribute('data-column');
|
||||
const input = this.previousElementSibling;
|
||||
const value = input.value;
|
||||
|
||||
const cells = document.querySelectorAll(`.grid-cell[data-index="${columnIndex}"]`);
|
||||
cells.forEach(cell => {
|
||||
const rowInput = cell.querySelector('input, select');
|
||||
if (rowInput) {
|
||||
if (rowInput.type === 'date') {
|
||||
rowInput.value = value;
|
||||
} else if (rowInput.tagName === 'SELECT') {
|
||||
rowInput.value = value;
|
||||
} else {
|
||||
rowInput.value = value;
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// Ridimensionamento colonne
|
||||
const resizers = document.querySelectorAll('.resizer');
|
||||
let currentResizer = null;
|
||||
let startX = 0;
|
||||
let startWidth = 0;
|
||||
let columnIndex = 0; resizers.forEach(resizer => {
|
||||
resizer.addEventListener('mousedown', function(e) {
|
||||
currentResizer = resizer;
|
||||
const header = resizer.parentElement;
|
||||
columnIndex = header.getAttribute('data-index');
|
||||
startX = e.pageX;
|
||||
startWidth = header.offsetWidth;
|
||||
document.addEventListener('mousemove', resize);
|
||||
document.addEventListener('mouseup', stopResize);
|
||||
});
|
||||
|
||||
function resize(e) {
|
||||
if (currentResizer) {
|
||||
const dx = e.pageX - startX;
|
||||
const newWidth = startWidth + dx;
|
||||
const headers = document.querySelectorAll(`.grid-header[data-index="${columnIndex}"]`);
|
||||
const cells = document.querySelectorAll(`.grid-cell[data-index="${columnIndex}"]`);
|
||||
headers.forEach(header => header.style.flex = `0 0 ${newWidth}px`);
|
||||
cells.forEach(cell => cell.style.flex = `0 0 ${newWidth}px`);
|
||||
}
|
||||
}
|
||||
|
||||
function stopResize() {
|
||||
if (currentResizer) {
|
||||
document.removeEventListener('mousemove', resize);
|
||||
document.removeEventListener('mouseup', stopResize);
|
||||
currentResizer = null;
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user