477 lines
22 KiB
PHP
477 lines
22 KiB
PHP
<?php include('include/headscript.php');
|
|
|
|
// Retrieve all routines from database
|
|
$db = DBHandlerSelect::getInstance();
|
|
$pdo = $db->getConnection();
|
|
$stmt = $pdo->prepare("SELECT * FROM routine");
|
|
$stmt->execute();
|
|
$routines = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|
?>
|
|
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
|
|
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
|
|
<?php include('cssinclude.php'); ?>
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
|
|
<title>Insert Template <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="wrapper">
|
|
<?php include('include/navbar.php'); ?>
|
|
<?php include('include/topbar.php'); ?>
|
|
|
|
<div class="page-wrapper">
|
|
<div class="page-content">
|
|
|
|
<div class="card mb-4">
|
|
<div class="card-header">
|
|
<h5 class="mb-0">Insert New Template</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="mb-2">Fill the following form in order to create a new import template</p>
|
|
<p class="mb-2">Mandatory Fields</p>
|
|
<ul class="mb-0">
|
|
<li>Template Name</li>
|
|
<li>Source Type</li>
|
|
<li>Schema and Client</li>
|
|
<li>Row Header and Column Header only for XLS templates</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card radius-10">
|
|
<div class="card-header">
|
|
<div class="d-flex align-items-center">
|
|
<div>
|
|
<h6 class="mb-0">Fill the form and click "Create Template"</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
<div class="col-12">
|
|
<form id="insertTemplateForm" method="POST">
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label"><?= htmlspecialchars($templatename, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
|
<input type="text" name="name" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Source Type *</label>
|
|
<select name="source_type" id="sourceType" class="form-control" required>
|
|
<option value="XLS" selected>XLS</option>
|
|
<option value="API">API</option>
|
|
</select>
|
|
<small class="text-muted">Choose the source used by this template</small>
|
|
</div>
|
|
|
|
<div class="mb-3" id="headerRowWrapper">
|
|
<label class="form-label"><?= htmlspecialchars($rowheader, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
|
<input type="number" name="header_row" id="headerRow" class="form-control" value="1" required>
|
|
</div>
|
|
|
|
<div class="mb-3" id="startColumnWrapper">
|
|
<label class="form-label"><?= htmlspecialchars($columnheader, ENT_QUOTES, 'UTF-8'); ?> *</label>
|
|
<input type="text" name="start_column" id="startColumn" class="form-control" value="A" required>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label"><?= htmlspecialchars($desctemplate, ENT_QUOTES, 'UTF-8'); ?></label>
|
|
<textarea name="description" class="form-control"></textarea>
|
|
</div>
|
|
|
|
<input type="hidden" name="target_table" value="datadb">
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Button Size</label>
|
|
<select name="button_size" class="form-control">
|
|
<option value="small">Small</option>
|
|
<option value="medium" selected>Medium</option>
|
|
<option value="large">Large</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Button Background Color</label>
|
|
<input type="color" name="button_bg_color" class="form-control form-control-color" value="#007bff">
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Button Text Color</label>
|
|
<input type="color" name="button_text_color" class="form-control form-control-color" value="#ffffff">
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Button Label</label>
|
|
<input type="text" name="button_label" class="form-control" value="Click Me">
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Select Client *</label>
|
|
<select name="client_id" id="clientSelect" class="form-control" required>
|
|
<option value="">Select a client...</option>
|
|
</select>
|
|
<span id="clientLoadingStatus" class="text-muted" style="margin-left: 10px; display: none;">Recupero clienti in corso...</span>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Select Schema *</label>
|
|
<select name="schema_id" id="schemaSelect" class="form-control" required>
|
|
<option value="">Select a schema...</option>
|
|
</select>
|
|
<span id="schemaLoadingStatus" class="text-muted" style="margin-left: 10px; display: none;">Caricamento schemi in corso...</span>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Select Routine</label>
|
|
<select name="idroutine" id="routineSelect" class="form-control">
|
|
<option value="">Select a routine...</option>
|
|
<?php foreach ($routines as $routine): ?>
|
|
<option value="<?php echo $routine['idroutine']; ?>">
|
|
<?php echo htmlspecialchars($routine['name']); ?>
|
|
</option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
|
|
<div id="routineDetails" class="mt-2" style="display: none;">
|
|
<h6>Routine Details</h6>
|
|
<p><strong>Name:</strong> <span id="routineName"></span></p>
|
|
<p><strong>Description:</strong> <span id="routineDescription"></span></p>
|
|
<p><strong>Action 1:</strong> <span id="routineAction1"></span></p>
|
|
<p><strong>Action 2:</strong> <span id="routineAction2"></span></p>
|
|
<p><strong>Action 3:</strong> <span id="routineAction3"></span></p>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
<button type="submit" class="btn btn-primary">Create Template</button>
|
|
<a href="templates_dashboard.php" class="btn btn-secondary">Cancel</a>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="overlay toggle-icon"></div>
|
|
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
|
|
<?php include('include/footer.php'); ?>
|
|
</div>
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
if (typeof jQuery === 'undefined') {
|
|
alert("Errore: jQuery non è caricato. Contatta l'amministratore.");
|
|
return;
|
|
}
|
|
|
|
const form = document.getElementById("insertTemplateForm");
|
|
const clientLoadingStatus = document.getElementById("clientLoadingStatus");
|
|
const schemaLoadingStatus = document.getElementById("schemaLoadingStatus");
|
|
const routineSelect = document.getElementById("routineSelect");
|
|
const routineDetails = document.getElementById("routineDetails");
|
|
const routineName = document.getElementById("routineName");
|
|
const routineDescription = document.getElementById("routineDescription");
|
|
const routineAction1 = document.getElementById("routineAction1");
|
|
const routineAction2 = document.getElementById("routineAction2");
|
|
const routineAction3 = document.getElementById("routineAction3");
|
|
|
|
const sourceType = document.getElementById("sourceType");
|
|
const headerRowWrapper = document.getElementById("headerRowWrapper");
|
|
const startColumnWrapper = document.getElementById("startColumnWrapper");
|
|
const headerRow = document.getElementById("headerRow");
|
|
const startColumn = document.getElementById("startColumn");
|
|
|
|
if (!form || !clientLoadingStatus || !schemaLoadingStatus || !routineSelect || !routineDetails) {
|
|
alert("Errore: Uno o più elementi della pagina non sono stati trovati. Contatta l'amministratore.");
|
|
return;
|
|
}
|
|
|
|
$('#clientSelect').select2({
|
|
placeholder: "Search for a client...",
|
|
allowClear: true
|
|
});
|
|
|
|
$('#schemaSelect').select2({
|
|
placeholder: "Search for a schema...",
|
|
allowClear: true
|
|
});
|
|
|
|
$('#routineSelect').select2({
|
|
placeholder: "Select a routine...",
|
|
allowClear: true
|
|
});
|
|
|
|
function updateSourceFields() {
|
|
const selectedSource = sourceType.value;
|
|
|
|
if (selectedSource === 'API') {
|
|
headerRowWrapper.style.opacity = '0.6';
|
|
startColumnWrapper.style.opacity = '0.6';
|
|
|
|
headerRow.required = false;
|
|
startColumn.required = false;
|
|
|
|
headerRow.disabled = true;
|
|
startColumn.disabled = true;
|
|
} else {
|
|
headerRowWrapper.style.opacity = '1';
|
|
startColumnWrapper.style.opacity = '1';
|
|
|
|
headerRow.required = true;
|
|
startColumn.required = true;
|
|
|
|
headerRow.disabled = false;
|
|
startColumn.disabled = false;
|
|
}
|
|
}
|
|
|
|
sourceType.addEventListener('change', updateSourceFields);
|
|
updateSourceFields();
|
|
|
|
async function loadClients() {
|
|
try {
|
|
clientLoadingStatus.style.display = 'inline';
|
|
clientLoadingStatus.textContent = 'Recupero clienti in corso...';
|
|
|
|
const response = await fetch("get_clienti.php", {
|
|
method: "GET",
|
|
headers: {
|
|
"Content-Type": "application/json"
|
|
}
|
|
});
|
|
|
|
const data = await response.json();
|
|
|
|
if (!response.ok) {
|
|
throw new Error(data.error || `Errore HTTP: ${response.status}`);
|
|
}
|
|
|
|
const select = document.getElementById("clientSelect");
|
|
select.innerHTML = '<option value="">Select a client...</option>';
|
|
|
|
data.value.forEach(client => {
|
|
const nome = client.Nominativo || "Nome non disponibile";
|
|
const id = client.IdCliente || "ID non disponibile";
|
|
const option = new Option(`${nome.trim()} (ID: ${id})`, id);
|
|
select.add(option);
|
|
});
|
|
|
|
$(select).trigger('change');
|
|
clientLoadingStatus.textContent = "Clienti caricati.";
|
|
} catch (error) {
|
|
clientLoadingStatus.textContent = "Errore nel caricamento.";
|
|
|
|
Swal.fire({
|
|
title: "Errore!",
|
|
text: "Impossibile caricare i clienti: " + error.message,
|
|
icon: "error",
|
|
confirmButtonText: "OK"
|
|
});
|
|
} finally {
|
|
setTimeout(() => clientLoadingStatus.style.display = 'none', 2000);
|
|
}
|
|
}
|
|
|
|
async function loadSchemas() {
|
|
try {
|
|
schemaLoadingStatus.style.display = 'inline';
|
|
schemaLoadingStatus.textContent = 'Caricamento schemi in corso...';
|
|
|
|
const response = await fetch("get_schemi.php", {
|
|
method: "GET",
|
|
headers: {
|
|
"Content-Type": "application/json"
|
|
}
|
|
});
|
|
|
|
const data = await response.json();
|
|
|
|
if (!response.ok) {
|
|
throw new Error(data.error || `Errore HTTP: ${response.status}`);
|
|
}
|
|
|
|
const select = document.getElementById("schemaSelect");
|
|
select.innerHTML = '<option value="">Select a schema...</option>';
|
|
|
|
const sortedSchemas = [...data.value].sort((a, b) => {
|
|
const nomeA = (a.Nome || "").trim().toLowerCase();
|
|
const nomeB = (b.Nome || "").trim().toLowerCase();
|
|
return nomeA.localeCompare(nomeB, 'it', {
|
|
sensitivity: 'base'
|
|
});
|
|
});
|
|
|
|
sortedSchemas.forEach(schema => {
|
|
const nome = schema.Nome || "Nome non disponibile";
|
|
const id = schema.IdSchemaCustomFields || "ID non disponibile";
|
|
const option = new Option(`${nome.trim()} (ID: ${id})`, id);
|
|
select.add(option);
|
|
});
|
|
|
|
$(select).trigger('change');
|
|
schemaLoadingStatus.textContent = "Schemi caricati.";
|
|
} catch (error) {
|
|
schemaLoadingStatus.textContent = "Errore nel caricamento.";
|
|
|
|
Swal.fire({
|
|
title: "Errore!",
|
|
text: "Impossibile caricare gli schemi: " + error.message,
|
|
icon: "error",
|
|
confirmButtonText: "OK"
|
|
});
|
|
} finally {
|
|
setTimeout(() => schemaLoadingStatus.style.display = 'none', 2000);
|
|
}
|
|
}
|
|
|
|
async function loadData() {
|
|
try {
|
|
await loadClients();
|
|
await loadSchemas();
|
|
} catch (error) {
|
|
Swal.fire({
|
|
title: "Errore!",
|
|
text: "Errore nel caricamento dei dati: " + error.message,
|
|
icon: "error",
|
|
confirmButtonText: "OK"
|
|
});
|
|
}
|
|
}
|
|
|
|
loadData();
|
|
|
|
const routines = <?php echo json_encode($routines); ?>;
|
|
|
|
function updateRoutineDetails() {
|
|
const selectedId = routineSelect.value;
|
|
routineDetails.style.display = selectedId ? 'block' : 'none';
|
|
|
|
if (selectedId) {
|
|
const routine = routines.find(r => r.idroutine == selectedId);
|
|
|
|
if (routine) {
|
|
routineName.textContent = routine.name || 'N/A';
|
|
routineDescription.textContent = routine.description || 'N/A';
|
|
routineAction1.textContent = routine.action1 || 'N/A';
|
|
routineAction2.textContent = routine.action2 || 'N/A';
|
|
routineAction3.textContent = routine.action3 || 'N/A';
|
|
} else {
|
|
routineName.textContent = 'N/A';
|
|
routineDescription.textContent = 'N/A';
|
|
routineAction1.textContent = 'N/A';
|
|
routineAction2.textContent = 'N/A';
|
|
routineAction3.textContent = 'N/A';
|
|
}
|
|
} else {
|
|
routineName.textContent = '';
|
|
routineDescription.textContent = '';
|
|
routineAction1.textContent = '';
|
|
routineAction2.textContent = '';
|
|
routineAction3.textContent = '';
|
|
}
|
|
}
|
|
|
|
routineSelect.addEventListener('change', updateRoutineDetails);
|
|
updateRoutineDetails();
|
|
|
|
form.addEventListener("submit", function(e) {
|
|
e.preventDefault();
|
|
|
|
let formData = new FormData(this);
|
|
|
|
const clientSelect = document.getElementById("clientSelect");
|
|
const clientId = clientSelect.value;
|
|
const selectedClientOption = clientSelect.options[clientSelect.selectedIndex];
|
|
|
|
if (!clientId) {
|
|
Swal.fire({
|
|
title: "Errore!",
|
|
text: "Per favore seleziona un cliente.",
|
|
icon: "error",
|
|
confirmButtonText: "OK"
|
|
});
|
|
return;
|
|
}
|
|
|
|
let clientName = "";
|
|
if (selectedClientOption) {
|
|
const optionText = selectedClientOption.text.trim();
|
|
const nameMatch = optionText.match(/^(.+?)(?:\s*\(ID:\s*\d+\))?$/);
|
|
clientName = nameMatch ? nameMatch[1].trim() : optionText;
|
|
}
|
|
formData.append("client_name", clientName);
|
|
|
|
const schemaSelect = document.getElementById("schemaSelect");
|
|
const schemaId = schemaSelect.value;
|
|
const selectedSchemaOption = schemaSelect.options[schemaSelect.selectedIndex];
|
|
|
|
if (!schemaId) {
|
|
Swal.fire({
|
|
title: "Errore!",
|
|
text: "Per favore seleziona uno schema.",
|
|
icon: "error",
|
|
confirmButtonText: "OK"
|
|
});
|
|
return;
|
|
}
|
|
|
|
let schemaName = "";
|
|
if (selectedSchemaOption) {
|
|
const optionText = selectedSchemaOption.text.trim();
|
|
const nameMatch = optionText.match(/^(.+?)(?:\s*\(ID:\s*\d+\))?$/);
|
|
schemaName = nameMatch ? nameMatch[1].trim() : optionText;
|
|
}
|
|
|
|
formData.append("idschema", schemaId);
|
|
formData.append("schemaname", schemaName);
|
|
|
|
const routineId = routineSelect.value;
|
|
formData.append("idroutine", routineId);
|
|
|
|
fetch("process_insert_template_xls.php", {
|
|
method: "POST",
|
|
body: formData
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
Swal.fire({
|
|
title: "Successo!",
|
|
text: "Template creato con successo!",
|
|
icon: "success",
|
|
confirmButtonText: "OK"
|
|
}).then(() => {
|
|
window.location.href = "templates_dashboard.php";
|
|
});
|
|
} else {
|
|
Swal.fire({
|
|
title: "Errore!",
|
|
text: data.message,
|
|
icon: "error",
|
|
confirmButtonText: "OK"
|
|
});
|
|
}
|
|
})
|
|
.catch(error => {
|
|
Swal.fire({
|
|
title: "Errore!",
|
|
text: "Si è verificato un errore imprevisto.",
|
|
icon: "error",
|
|
confirmButtonText: "OK"
|
|
});
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|