solocla/trf_certest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

import xls update

Browse Source
This commit is contained in:
Claudio
2025-03-08 08:34:00 +01:00
parent e9bad2260f
commit 8cad59e3d6
19 changed files with 2583 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/userarea/mapping_template_xls.php
+273 -12
View File
@@ -7,10 +7,11 @@ if (!isset($_GET['id']) || !is_numeric($_GET['id'])) {
$id = intval($_GET['id']);
$db = DBHandlerSelect::getInstance();
$pdo = $db->getConnection();
$stmt = $pdo->prepare("SELECT name, header_row, start_column, target_table FROM excel_templates WHERE id = ?");
$stmt = $pdo->prepare("SELECT name, header_row, start_column, target_table, sample_xlsx FROM excel_templates WHERE id = ?");
$stmt->execute([$id]);
$template = $stmt->fetch(PDO::FETCH_ASSOC);
if (!$template) {
die("Template not found");
}
@@ -26,6 +27,8 @@ if (!$template) {
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<?php include('cssinclude.php'); ?>
<title>Mapping XLS Template <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
</head>
<body>
@@ -59,8 +62,20 @@ if (!$template) {
<div class="mb-4">
<label class="form-label">Upload XLS Example:</label>
<input type="file" id="xlsUpload" class="form-control">
<small id="uploadStatus" class="text-muted">
<?php if (!empty($template['sample_xlsx'])): ?>
✅ Current file: <a href="xlstemplates/<?php echo htmlspecialchars($template['sample_xlsx']); ?>" target="_blank">
<?php echo htmlspecialchars($template['sample_xlsx']); ?>
</a>
<?php else: ?>
No file uploaded yet.
<?php endif; ?>
</small>
</div>
<!-- Association Section -->
<div class="row">
<div class="col-md-5">
@@ -84,8 +99,9 @@ if (!$template) {
<!-- Save Button -->
<div class="mt-4 text-end">
<button class="btn btn-success" id="saveAssociations">Save Associations</button>
<a href="templates_dashboard.php" class="btn btn-primary">⬅ Back to Template Dashboard</a>
</div>
</div>
</div>
@@ -117,8 +133,48 @@ if (!$template) {
<script>
document.getElementById('xlsUpload').addEventListener('change', function(event) {
let file = event.target.files[0];
if (!file) return;
if (!file) {
console.error("❌ No file selected");
return;
}
console.log("📂 File selected:", file.name);
// 🔹 UPLOAD DEL FILE PRIMA DI PROCESSARE I DATI
let formData = new FormData();
formData.append("xls_file", file);
formData.append("template_id", <?php echo $id; ?>);
let statusText = document.getElementById('uploadStatus');
statusText.innerText = "Uploading...";
fetch('upload_xls_example.php', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
if (!data.success) {
console.error("❌ Error uploading file:", data.message);
statusText.innerText = "❌ Upload failed: " + data.message;
return;
}
console.log("✅ File uploaded successfully:", data.filepath);
statusText.innerHTML = `✅ File uploaded: <a href="xlstemplates/${data.filename}" target="_blank">${data.filename}</a>`;
// 🔹 UNA VOLTA CARICATO, ESTRAIAMO LE COLONNE
processXLSX(file);
})
.catch(error => {
console.error("❌ Fetch error:", error);
statusText.innerText = "❌ Upload failed. Check console.";
});
});
// 🔹 FUNZIONE PER PROCESSARE IL FILE ESTRARRE LE COLONNE
function processXLSX(file) {
let reader = new FileReader();
reader.onload = function(e) {
let data = new Uint8Array(e.target.result);
@@ -127,21 +183,49 @@ if (!$template) {
});
let sheet = workbook.Sheets[workbook.SheetNames[0]];
console.log("📄 Sheet found:", workbook.SheetNames[0]);
// Recupera "Header Row" e "Start Column" dal template
let rowIndex = parseInt(document.getElementById('headerRow').textContent) || 1;
let startColumn = parseInt(document.getElementById('startColumn').textContent) || 1;
let headers = XLSX.utils.sheet_to_json(sheet, {
header: 1
})[rowIndex - 1];
console.log("📌 Using Header Row:", rowIndex, "Start Column:", startColumn);
if (!headers || headers.length === 0) {
console.error("No headers found in row:", rowIndex);
// Legge il foglio SENZA eliminare righe vuote
let sheetData = XLSX.utils.sheet_to_json(sheet, {
header: 1,
defval: "",
raw: false,
range: 0
});
console.log("📊 Sheet Data:", sheetData);
// Verifica che la riga richiesta esista
if (!sheetData[rowIndex - 1]) {
console.warn("⚠️ No headers found in the specified row:", rowIndex);
document.getElementById('xlsColumns').innerHTML = "<li class='list-group-item text-danger'>No headers found</li>";
return;
}
// Rimuove le colonne prima di startColumn
let adjustedHeaders = headers.slice(startColumn - 1);
// Prende la riga esatta specificata nel template
let headers = sheetData[rowIndex - 1] || [];
console.log("🔎 Raw Headers:", headers);
// Se la riga specificata è vuota, avvisa l'utente
if (!headers.length || headers.every(h => h.trim() === "")) {
console.warn("⚠️ Header row is empty at row:", rowIndex);
document.getElementById('xlsColumns').innerHTML = "<li class='list-group-item text-warning'>No headers found in the specified row</li>";
return;
}
// Rimuove le colonne prima di "Start Column"
let adjustedHeaders = headers.slice(startColumn - 1).filter(header => header !== undefined && header.trim() !== "");
console.log("✅ Extracted Headers:", adjustedHeaders);
// Popola la lista delle colonne XLSX
let xlsColumns = document.getElementById('xlsColumns');
xlsColumns.innerHTML = '';
@@ -151,13 +235,22 @@ if (!$template) {
li.textContent = header;
xlsColumns.appendChild(li);
});
};
reader.readAsArrayBuffer(file);
});
}
document.addEventListener("DOMContentLoaded", function() {
fetch('load_table_columns.php?table=<?php echo urlencode($template['target_table']); ?>')
let selectedXLSColumn = null;
let selectedTableColumn = null;
let templateId = <?php echo $id; ?>;
/** =======================
* CARICAMENTO COLONNE MYSQL DAL DATABASE
* ======================= */
/* fetch('load_table_columns.php?table=<?php echo urlencode($template['target_table']); ?>')
.then(response => response.json())
.then(data => {
if (!data.success) {
@@ -180,6 +273,174 @@ if (!$template) {
}
})
.catch(error => console.error('Error loading table columns:', error));
*/
/** =======================
* CARICAMENTO MAPPATURE GIÀ ESISTENTI
* ======================= */
function loadMappings() {
fetch('load_existing_mappings.php?template_id=' + templateId)
.then(response => response.json())
.then(data => {
if (!data.success) {
console.error("❌ Error loading mappings:", data.message);
return;
}
let associationsList = document.getElementById('associationsList');
let xlsColumnsList = document.getElementById('xlsColumns');
let tableColumnsList = document.getElementById('tableColumns');
// 🔥 FIX: Pulisce sempre la lista prima di aggiornare
associationsList.innerHTML = '';
xlsColumnsList.innerHTML = '';
tableColumnsList.innerHTML = '';
// Carica le associazioni esistenti
data.mappings.forEach(mapping => {
let li = document.createElement('li');
li.className = 'list-group-item d-flex justify-content-between align-items-center';
li.innerHTML = `
${mapping.excel_column} ➝ ${mapping.mysql_column}
<button class="btn btn-danger btn-sm removeAssociation" data-excel="${mapping.excel_column}" data-mysql="${mapping.mysql_column}">X</button>
`;
associationsList.appendChild(li);
});
// 🔥 FIX: Ora carica SOLO le colonne MySQL rimaste disponibili!
if (Array.isArray(data.remaining_mysql_columns)) {
data.remaining_mysql_columns.forEach(column => {
let li = document.createElement('li');
li.className = 'list-group-item';
li.textContent = column;
tableColumnsList.appendChild(li);
});
}
// Carica le colonne XLSX rimanenti
if (Array.isArray(data.remaining_xls_columns)) {
data.remaining_xls_columns.forEach(header => {
let li = document.createElement('li');
li.className = 'list-group-item';
li.textContent = header;
xlsColumnsList.appendChild(li);
});
}
console.log("✅ Loaded existing mappings and remaining columns");
})
.catch(error => console.error("❌ Error fetching mappings:", error));
}
// 🔥 Chiama il caricamento iniziale
loadMappings();
/** =======================
* SELEZIONE COLONNE XLS & MYSQL
* ======================= */
document.getElementById('xlsColumns').addEventListener('click', function(event) {
if (event.target.tagName === 'LI') {
document.querySelectorAll('#xlsColumns li').forEach(el => el.classList.remove('active'));
event.target.classList.add('active');
selectedXLSColumn = event.target.textContent;
console.log("📌 Selected XLS Column:", selectedXLSColumn);
}
});
document.getElementById('tableColumns').addEventListener('click', function(event) {
if (event.target.tagName === 'LI') {
document.querySelectorAll('#tableColumns li').forEach(el => el.classList.remove('active'));
event.target.classList.add('active');
selectedTableColumn = event.target.textContent;
console.log("📌 Selected MySQL Column:", selectedTableColumn);
}
});
/** =======================
* AGGIUNTA ASSOCIAZIONE
* ======================= */
document.getElementById('addAssociation').addEventListener('click', function() {
if (!selectedXLSColumn || !selectedTableColumn) {
alert("Please select both an XLS and MySQL column.");
return;
}
// Salva l'associazione nel database
saveAssociation(selectedXLSColumn, selectedTableColumn);
// Reset selezioni
selectedXLSColumn = null;
selectedTableColumn = null;
});
function saveAssociation(excelColumn, mysqlColumn) {
let allHeaders = [...document.querySelectorAll('#xlsColumns li')].map(el => el.textContent).join(",");
fetch('save_column_mapping.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
template_id: templateId,
tablename: "<?php echo $template['target_table']; ?>",
excel_column: excelColumn,
mysql_column: mysqlColumn,
data_type: "VARCHAR",
is_required: 0,
default_value: "",
headerexcel: allHeaders
})
})
.then(response => response.json())
.then(data => {
if (!data.success) {
console.error("❌ Error saving mapping:", data.message);
alert("Error saving mapping: " + data.message);
} else {
console.log("✅ Association saved:", data);
loadMappings(); // Ricarica le colonne dopo il salvataggio
}
})
.catch(error => console.error("❌ Fetch error:", error));
}
/** =======================
* RIMOZIONE ASSOCIAZIONE
* ======================= */
document.getElementById('associationsList').addEventListener('click', function(event) {
if (event.target.classList.contains('removeAssociation')) {
let excelColumn = event.target.getAttribute("data-excel");
let mysqlColumn = event.target.getAttribute("data-mysql");
removeAssociation(excelColumn, mysqlColumn);
}
});
function removeAssociation(excelColumn, mysqlColumn) {
fetch('remove_column_mapping.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
template_id: templateId,
excel_column: excelColumn,
mysql_column: mysqlColumn,
tablename: "<?php echo $template['target_table']; ?>"
})
})
.then(response => response.json())
.then(data => {
if (!data.success) {
console.error("❌ Error removing mapping:", data.message);
alert("Error removing mapping: " + data.message);
} else {
console.log("🗑️ Association removed:", data);
loadMappings(); // Ricarica la lista dopo la rimozione
}
})
.catch(error => console.error("❌ Fetch error:", error));
}
});
</script>
</body>