Add delete inventory item endpoint and enhance breadcrumb template with save/delete buttons

This commit is contained in:
Yaro Kasear 2025-07-07 10:16:25 -05:00
parent a3c069a126
commit ebd2060fd8
3 changed files with 77 additions and 13 deletions

View file

@ -5,11 +5,13 @@
{% block content %}
{{ breadcrumbs.breadcrumb_header(
breadcrumbs=[
{'label': "Inventory", 'url': url_for('main.list_inventory')}
],
title=title,
submit_button=True) }}
breadcrumbs=[
{'label': "Inventory", 'url': url_for('main.list_inventory')}
],
title=title,
save_button=True,
delete_button= item.id != None
) }}
<input type="hidden" id="inventoryId" value="{{ item.id }}">
<div class="container">
@ -129,7 +131,9 @@ submit_button=True) }}
{% block script %}
document.addEventListener("DOMContentLoaded", () => {
const submitButton = document.getElementById("saveButton");
const saveButton = document.getElementById("saveButton");
const deleteButton = document.getElementById("deleteButton");
const toastData = localStorage.getItem("toastMessage");
if (toastData) {
const { message, type } = JSON.parse(toastData);
@ -137,8 +141,8 @@ submit_button=True) }}
localStorage.removeItem("toastMessage");
}
if (submitButton) {
submitButton.addEventListener("click", async (e) => {
if (saveButton) {
saveButton.addEventListener("click", async (e) => {
e.preventDefault();
const payload = {
@ -188,5 +192,41 @@ submit_button=True) }}
}
});
}
if (deleteButton) {
deleteButton.addEventListener("click", async () => {
const id = document.querySelector("#inventoryId").value;
if (!id || id === "None") {
renderToast({ message: "No item ID found to delete." });
return;
}
if(!confirm("Are you sure you want to delete this inventory item? This action cannot be undone.")) {
return;
}
try {
const response = await fetch(`/api/inventory/${id}`, {
method: "DELETE"
});
const result = await response.json();
if (result.success) {
localStorage.setItem("toastMessage", JSON.stringify({
message: "Inventory item deleted.",
type: "success"
}));
window.location.href = "/inventory";
} else {
renderToast({ message: `Error: ${result.error}`, type: "danger" });
}
} catch (err) {
renderToast({ message: `Error: ${result.error}`, type: "danger" });
}
});
}
});
{% endblock %}