gru/hosts_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix edycji ajax

Browse Source
This commit is contained in:
Mateusz Gruszczyński 2025-03-10 23:57:23 +01:00
parent 1ed40e96dd
commit 3d5189d9e3
1 changed files with 120 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

230
templates/local_defaults.html
View File

@ -69,117 +69,127 @@
{% block extra_js %} {% block extra_js %}
{{ super() }} {{ super() }}
<script> <script>
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
// Logika edycji w tabeli // Logika edycji w tabeli
document.querySelectorAll(".edit-btn").forEach(button => { document.querySelectorAll(".edit-btn").forEach(button => {
button.addEventListener("click", function() { button.addEventListener("click", function(event) {
let row = this.closest("tr"); event.preventDefault(); // ✅ Zapobiega przeładowaniu strony
let entryId = this.getAttribute("data-id");
let ipCell = row.querySelector(".ip-address"); let row = this.closest("tr");
let hostnameCell = row.querySelector(".hostname"); let entryId = this.getAttribute("data-id");
let saveButton = row.querySelector(".save-btn"); let ipCell = row.querySelector(".ip-address");
let hostnameCell = row.querySelector(".hostname");
let ipInput = document.createElement("input"); let saveButton = row.querySelector(".save-btn");
ipInput.type = "text";
ipInput.className = "form-control form-control-sm"; // Jeśli pola edycji już istnieją, nie duplikuj ich
ipInput.value = ipCell.textContent.trim(); if (ipCell.querySelector("input") || hostnameCell.querySelector("input")) {
return;
let hostnameInput = document.createElement("input"); }
hostnameInput.type = "text";
hostnameInput.className = "form-control form-control-sm"; let ipInput = document.createElement("input");
hostnameInput.value = hostnameCell.textContent.trim(); ipInput.type = "text";
ipInput.className = "form-control form-control-sm";
ipCell.textContent = ""; ipInput.value = ipCell.textContent.trim();
hostnameCell.textContent = "";
ipCell.appendChild(ipInput); let hostnameInput = document.createElement("input");
hostnameCell.appendChild(hostnameInput); hostnameInput.type = "text";
hostnameInput.className = "form-control form-control-sm";
this.classList.add("d-none"); hostnameInput.value = hostnameCell.textContent.trim();
saveButton.classList.remove("d-none");
ipCell.textContent = "";
saveButton.addEventListener("click", function() { hostnameCell.textContent = "";
let newIp = ipInput.value.trim(); ipCell.appendChild(ipInput);
let newHostname = hostnameInput.value.trim(); hostnameCell.appendChild(hostnameInput);
fetch(`/local-defaults/update/${entryId}`, { this.classList.add("d-none");
method: "POST", saveButton.classList.remove("d-none");
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ ip_address: newIp, hostname: newHostname }) saveButton.addEventListener("click", function(event) {
}) event.preventDefault(); // ✅ Zapobiega przeładowaniu strony
.then(response => response.json())
.then(data => { let newIp = ipInput.value.trim();
if (data.status === "success") { let newHostname = hostnameInput.value.trim();
ipCell.textContent = newIp;
hostnameCell.textContent = newHostname; fetch(`/local-defaults/update/${entryId}`, {
method: "POST",
button.classList.remove("d-none"); headers: { "Content-Type": "application/json" },
saveButton.classList.add("d-none"); body: JSON.stringify({ ip_address: newIp, hostname: newHostname })
} else { })
alert("Błąd: " + data.message); .then(response => response.json())
} .then(data => {
}) if (data.status === "success") {
.catch(error => { ipCell.textContent = newIp;
alert("Wystąpił błąd podczas zapisywania: " + error); hostnameCell.textContent = newHostname;
});
button.classList.remove("d-none");
saveButton.classList.add("d-none");
} else {
alert("Błąd: " + data.message);
}
})
.catch(error => {
alert("Wystąpił błąd podczas zapisywania: " + error);
});
}, { once: true }); // ✅ Zapobiega dodaniu wielu eventów do przycisku "Zapisz"
});
});
// Logika zaznaczania i usuwania wpisów
let deleteButton = document.getElementById("deleteSelectedBtn");
let checkboxes = document.querySelectorAll(".entry-checkbox");
let selectAllCheckbox = document.getElementById("selectAll");
function updateDeleteButtonState() {
let anyChecked = Array.from(checkboxes).some(checkbox => checkbox.checked);
deleteButton.disabled = !anyChecked;
}
checkboxes.forEach(checkbox => {
checkbox.addEventListener("change", updateDeleteButtonState);
});
selectAllCheckbox.addEventListener("change", function() {
let isChecked = this.checked;
checkboxes.forEach(checkbox => checkbox.checked = isChecked);
updateDeleteButtonState();
});
deleteButton.addEventListener("click", function() {
let selectedIds = Array.from(checkboxes)
.filter(checkbox => checkbox.checked)
.map(checkbox => checkbox.value);
if (selectedIds.length === 0) {
alert("Nie zaznaczono żadnych wpisów do usunięcia.");
return;
}
if (!confirm("Czy na pewno chcesz usunąć zaznaczone wpisy?")) {
return;
}
fetch("/local-defaults/delete", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ entry_ids: selectedIds })
})
.then(response => response.json())
.then(data => {
if (data.status === "success") {
selectedIds.forEach(id => {
let row = document.querySelector(`input[value='${id}']`).closest("tr");
row.remove();
});
updateDeleteButtonState();
} else {
alert("Błąd: " + data.message);
}
})
.catch(error => {
alert("Wystąpił błąd podczas usuwania: " + error);
}); });
}); });
}); });
</script>
// Logika zaznaczania i usuwania wpisów
let deleteButton = document.getElementById("deleteSelectedBtn");
let checkboxes = document.querySelectorAll(".entry-checkbox");
let selectAllCheckbox = document.getElementById("selectAll");
function updateDeleteButtonState() {
let anyChecked = Array.from(checkboxes).some(checkbox => checkbox.checked);
deleteButton.disabled = !anyChecked;
}
checkboxes.forEach(checkbox => {
checkbox.addEventListener("change", updateDeleteButtonState);
});
selectAllCheckbox.addEventListener("change", function() {
let isChecked = this.checked;
checkboxes.forEach(checkbox => checkbox.checked = isChecked);
updateDeleteButtonState();
});
deleteButton.addEventListener("click", function() {
let selectedIds = Array.from(checkboxes)
.filter(checkbox => checkbox.checked)
.map(checkbox => checkbox.value);
if (selectedIds.length === 0) {
alert("Nie zaznaczono żadnych wpisów do usunięcia.");
return;
}
if (!confirm("Czy na pewno chcesz usunąć zaznaczone wpisy?")) {
return;
}
fetch("/local-defaults/delete", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ entry_ids: selectedIds })
})
.then(response => response.json())
.then(data => {
if (data.status === "success") {
selectedIds.forEach(id => {
let row = document.querySelector(`input[value='${id}']`).closest("tr");
row.remove();
});
updateDeleteButtonState();
} else {
alert("Błąd: " + data.message);
}
})
.catch(error => {
alert("Wystąpił błąd podczas usuwania: " + error);
});
});
});
</script>
{% endblock %} {% endblock %}