|
|
|
@ -15,10 +15,6 @@
|
|
|
|
</head>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<body>
|
|
|
|
<div class="header">
|
|
|
|
<div class="header">
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<button class="pdfButton" onclick="generatePDF()">Generar PDF de esta pagina</button>
|
|
|
|
|
|
|
|
<button class="pdfButton" onclick="generatePDF_All()">Generar PDF de todas entradas</button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<h1>
|
|
|
|
<h1>
|
|
|
|
<i class="fas fa-arrow-left" onclick="goBack()" style="cursor:pointer;"></i>
|
|
|
|
<i class="fas fa-arrow-left" onclick="goBack()" style="cursor:pointer;"></i>
|
|
|
|
Listado de Familias
|
|
|
|
Listado de Familias
|
|
|
|
@ -27,8 +23,12 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<input type="text" id="myInput" placeholder="Buscar por...."> <i class="fas fa-plus hide-icon" id="create-icon" th:if="${isAdmin}"></i>
|
|
|
|
<input type="text" id="myInput" placeholder="Buscar por....">
|
|
|
|
|
|
|
|
<i class="fas fa-plus hide-icon" id="create-icon" th:if="${isAdmin}"></i>
|
|
|
|
|
|
|
|
<div class="button-group">
|
|
|
|
|
|
|
|
<button class="pdfButton" onclick="generatePDF()">Generar PDF de esta pagina</button>
|
|
|
|
|
|
|
|
<button class="pdfButton" onclick="generatePDF_All()">Generar PDF de todas entradas</button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="table-container">
|
|
|
|
<div class="table-container">
|
|
|
|
<table class="table" id="table">
|
|
|
|
<table class="table" id="table">
|
|
|
|
<thead class="thread-light">
|
|
|
|
<thead class="thread-light">
|
|
|
|
@ -113,28 +113,29 @@
|
|
|
|
var isSearchBarUsed = false;
|
|
|
|
var isSearchBarUsed = false;
|
|
|
|
|
|
|
|
|
|
|
|
$table.on('click', '.edit-icon', function(event) {
|
|
|
|
$table.on('click', '.edit-icon', function(event) {
|
|
|
|
console.log("Edit icon clicked");
|
|
|
|
//console.log("Edit icon clicked");
|
|
|
|
handleEdit(event);
|
|
|
|
handleEdit(event);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$table.on('click', '.delete-icon', function(event) {
|
|
|
|
$table.on('click', '.delete-icon', function(event) {
|
|
|
|
console.log("Delete icon clicked");
|
|
|
|
// console.log("Delete icon clicked");
|
|
|
|
handleDelete(event);
|
|
|
|
handleDelete(event);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
function handleEdit(event) {
|
|
|
|
function handleEdit(event) {
|
|
|
|
console.log("handleEdit function called");
|
|
|
|
//console.log("handleEdit function called");
|
|
|
|
const row = event.target.closest('tr');
|
|
|
|
const row = event.target.closest('tr');
|
|
|
|
const rowId = row.dataset.id;
|
|
|
|
const rowId = row.dataset.id;
|
|
|
|
console.log("Row ID: " + rowId);
|
|
|
|
//console.log("Row ID: " + rowId);
|
|
|
|
window.location = "/admin/familia/update/" + rowId;
|
|
|
|
window.location = "/admin/familia/update/" + rowId;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var modal = document.getElementById("modalDelete");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function handleDelete(event) {
|
|
|
|
function handleDelete(event) {
|
|
|
|
console.log("handleDelete function called");
|
|
|
|
//console.log("handleDelete function called");
|
|
|
|
console.log("Delete icon clicked");
|
|
|
|
//console.log("Delete icon clicked");
|
|
|
|
|
|
|
|
var modal = document.getElementById("modalDelete");
|
|
|
|
const row = event.target.closest('tr');
|
|
|
|
const row = event.target.closest('tr');
|
|
|
|
const rowId = row.dataset.id;
|
|
|
|
const rowId = row.dataset.id;
|
|
|
|
modal.style.display = "block";
|
|
|
|
modal.style.display = "block";
|
|
|
|
@ -148,25 +149,21 @@
|
|
|
|
modal.style.display = "none";
|
|
|
|
modal.style.display = "none";
|
|
|
|
document.body.style.pointerEvents = 'auto';
|
|
|
|
document.body.style.pointerEvents = 'auto';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
deleteSpan.onclick = function() {
|
|
|
|
setTimeout(function() {
|
|
|
|
$.ajax({
|
|
|
|
deleteSpan.onclick = function() {
|
|
|
|
url: '/familia/delete/' + rowId,
|
|
|
|
$.ajax({
|
|
|
|
type: 'GET',
|
|
|
|
url: '/familia/delete/' + rowId,
|
|
|
|
success: function(response) {
|
|
|
|
type: 'GET',
|
|
|
|
if (response === "La familia ha sido eliminado") {
|
|
|
|
success: function(response) {
|
|
|
|
alert("Familia borrada con exito");
|
|
|
|
if (response === "La familia ha sido eliminada") {
|
|
|
|
modal.style.display = "none"; // Hide the modal
|
|
|
|
alert("Familia borrada con exito");
|
|
|
|
window.location.reload(); // Reload the page
|
|
|
|
modal.style.display = "none"; // Hide the modal
|
|
|
|
} else {
|
|
|
|
document.body.style.pointerEvents = 'auto'; // Enable pointer events
|
|
|
|
alert("Error al borrar familia");
|
|
|
|
window.location.reload(); // Reload the page
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
alert("Error al borrar familia");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}, 500); // Delay of 500 milliseconds
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$myInput.on('input', function() {
|
|
|
|
$myInput.on('input', function() {
|
|
|
|
|
vicsash
4 months ago