ptorrel/JS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ts migration package.json

Browse Source
This commit is contained in:
Philippe Torrel
2026-08-03 09:04:28 +02:00
parent 56295802c0
commit 831644667e
11 changed files with 5976 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
webseite-ts/frontend/assets/js/build.js
View File

@@ -5499,7 +5499,7 @@
enableDismissTrigger(Toast);
defineJQueryPlugin(Toast);
// dev/scripts/modules/Toast.js
// dev/scripts/modules/Toast.ts
var import_toastify_js = __toESM(require_toastify(), 1);
var Toast2 = (text = "", variant = "primary") => {
const getColorByName = (variant2 = "") => {
@@ -5532,7 +5532,7 @@
break;
default:
console.warn("variant not found");
color: "white";
color = "white";
}
return color;
};
@@ -5558,34 +5558,43 @@
};
var Toast_default = Toast2;
// dev/scripts/modules/ProductManager.js
var ProductManager = (el = null) => {
// dev/scripts/utils/helpers.ts
var querySelectorTyped = (selector, parent = document) => {
const element = parent.querySelector(selector);
if (!element) {
throw new Error(`Element with selector "${selector}" not found.`);
}
return element;
};
// dev/scripts/modules/ProductManager.ts
var ProductManager = (el) => {
const BASE_URL = "http://127.0.0.1:8000";
const module = el || document.querySelector(".product-manager") || console.error("Product Manager not found");
const module = el || querySelectorTyped(".product-manager");
if (!module) return;
const DOM = {
module,
table: module.querySelector(".table-products"),
tBody: module.querySelector("tbody"),
inputName: module.querySelector(".input-product-name"),
inputPrice: module.querySelector(".input-product-price"),
btnAdd: module.querySelector(".button-product-add"),
templateRow: module.querySelector(".template-row"),
table: querySelectorTyped(".table-products", module),
tBody: querySelectorTyped("tbody", module),
inputName: querySelectorTyped(".input-product-name", module),
inputPrice: querySelectorTyped(".input-product-price", module),
btnAdd: querySelectorTyped(".button-product-add", module),
templateRow: querySelectorTyped(".template-row", module),
// Nav Actions
btnSave: module.querySelector(".button-products-save"),
btnReset: module.querySelector(".button-products-reset"),
btnSave: querySelectorTyped(".button-products-save", module),
btnReset: querySelectorTyped(".button-products-reset", module),
// Modal Edit
modalEdit: module.querySelector(".modal-edit"),
formEdit: module.querySelector(".form-product-edit"),
inputEditName: module.querySelector(".input-edit-name"),
inputEditPrice: module.querySelector(".input-edit-price"),
inputEditId: module.querySelector(".input-edit-id"),
inputEditPosition: module.querySelector(".input-edit-position"),
btnUpdate: module.querySelector(".button-product-update"),
modalEdit: querySelectorTyped(".modal-edit", module),
formEdit: querySelectorTyped(".form-product-edit", module),
inputEditName: querySelectorTyped(".input-edit-name", module),
inputEditPrice: querySelectorTyped(".input-edit-price", module),
inputEditId: querySelectorTyped(".input-edit-id", module),
inputEditPosition: querySelectorTyped(".input-edit-position", module),
btnUpdate: querySelectorTyped(".button-product-update", module),
// Modal Delete
modalDelete: module.querySelector(".modal-delete"),
productName: module.querySelector("strong.product-name"),
btnConfirmDelete: module.querySelector(".button-confirm-delete")
modalDelete: querySelectorTyped(".modal-delete", module),
productName: querySelectorTyped("strong.product-name", module),
btnConfirmDelete: querySelectorTyped(".button-confirm-delete", module)
};
console.log(DOM);
const bsModalEdit = new Modal(DOM.modalEdit, {
@@ -5609,7 +5618,7 @@
DOM.formEdit.addEventListener("submit", onSubmitEdit);
window.addEventListener("keyup", onKeyUp);
};
const onKeyUp = (e) => {
const onKeyUp = () => {
DOM.btnAdd.disabled = DOM.inputName.value === "" || DOM.inputPrice.value === "";
};
const onClickReset = (e) => {
@@ -5642,12 +5651,12 @@
_id: DOM.inputEditId.value,
position: DOM.inputEditPosition.value
};
DOM.btnUpdate.querySelector("i").classList.add("fa-spin");
querySelectorTyped("i", DOM.btnUpdate).classList.add("fa-spin");
updateProduct(product).then((data) => {
console.log(data);
if (data.success) {
Toast_default(data.msg, "success").show();
DOM.btnUpdate.querySelector("i").classList.remove("fa-spin");
querySelectorTyped("i", DOM.btnUpdate).classList.remove("fa-spin");
loadProducts();
resetFields();
bsModalEdit.hide();
@@ -5656,7 +5665,7 @@
}
});
};
const onClickAdd = (e) => {
const onClickAdd = () => {
console.log("click");
const product = {
name: DOM.inputName.value,
@@ -5731,7 +5740,7 @@
console.log("DragEvent: ", e);
const currentRowEl = e.currentTarget;
const idx = [...currentRowEl.parentNode.children].indexOf(currentRowEl);
e.dataTransfer.setData("text/plain", idx);
e.dataTransfer?.setData("text/plain", String(idx));
console.log("tr index:", idx);
};
const onDragOver = (e) => {
@@ -5740,7 +5749,7 @@
const onDrop = (e) => {
const currentRowEl = e.currentTarget;
const targetIdx = [...currentRowEl.parentNode.children].indexOf(currentRowEl);
const sourceIdx = parseInt(e.dataTransfer.getData("text/plain"));
const sourceIdx = parseInt(e.dataTransfer?.getData("text/plain") || "0");
console.log({ targetIdx, sourceIdx });
if (sourceIdx === targetIdx) {
return;
@@ -5768,7 +5777,11 @@
const data = await response.json();
return data;
} catch (error) {
Toast_default(error, "error").show();
if (error instanceof Error) {
Toast_default(error.message, "error").show();
} else {
Toast_default("An unknown error occurred.", "error").show();
}
console.error(error);
return error;
}
@@ -5808,7 +5821,11 @@
const data = await response.json();
return data;
} catch (error) {
Toast_default(error, "error").show();
if (error instanceof Error) {
Toast_default(error.message, "error").show();
} else {
Toast_default("An unknown error occurred.", "error").show();
}
console.error(error);
return error;
}
@@ -5835,7 +5852,11 @@
const data = await response.json();
return data;
} catch (error) {
console.error(error);
if (error instanceof Error) {
console.error(error.message);
} else {
console.error("An unknown error occurred.");
}
return error;
}
};
@@ -8525,7 +8546,7 @@
Splide.defaults = {};
Splide.STATES = STATES;
// dev/scripts/main.js
// dev/scripts/main.ts
(() => {
const DOM = {};
const init = () => {