Změnit heslo
@@ -318,6 +335,21 @@
+
+
diff --git a/app/src/static/script.js b/app/src/static/script.js
index d7fdb5a..241f0b3 100644
--- a/app/src/static/script.js
+++ b/app/src/static/script.js
@@ -40,11 +40,23 @@ const passwordForm = document.getElementById("passwordForm");
const savePasswordButton = document.getElementById("savePasswordButton");
const cancelPasswordButton = document.getElementById("cancelPasswordButton");
const passwordStatus = document.getElementById("passwordStatus");
+const numberingSettingsButton = document.getElementById("numberingSettingsButton");
+const numberingSettingsPanel = document.getElementById("numberingSettingsPanel");
+const invoiceStartingNumberInput = document.getElementById("invoiceStartingNumber");
+const saveNumberingSettingsButton = document.getElementById("saveNumberingSettingsButton");
+const cancelNumberingSettingsButton = document.getElementById("cancelNumberingSettingsButton");
+const numberingSettingsStatus = document.getElementById("numberingSettingsStatus");
const issueDateInput = document.getElementById("issueDate");
const dueDateInput = document.getElementById("dueDate");
const paymentPresetSelect = document.getElementById("paymentPresetSelect");
const paymentPresetName = document.getElementById("paymentPresetName");
const savePaymentPresetButton = document.getElementById("savePaymentPresetButton");
+const signatureDropzone = document.getElementById("signatureDropzone");
+const signatureInput = document.getElementById("signatureInput");
+const signaturePreview = document.getElementById("signaturePreview");
+const signatureDropzoneText = document.getElementById("signatureDropzoneText");
+const removeSignatureButton = document.getElementById("removeSignatureButton");
+const signatureStatus = document.getElementById("signatureStatus");
const loadPaymentPresetButton = document.getElementById("loadPaymentPresetButton");
const deletePaymentPresetButton = document.getElementById("deletePaymentPresetButton");
@@ -68,6 +80,93 @@ let invoices = [];
let paymentPresets = [];
let currentInvoiceId = null;
let isRegistrationMode = false;
+let signatureDataUrl = null;
+
+const SIGNATURE_WIDTH = 420;
+const SIGNATURE_HEIGHT = 210;
+
+const setSignatureStatus = (message, isError = false) => {
+ signatureStatus.textContent = message || "";
+ signatureStatus.classList.toggle("is-error", Boolean(isError));
+};
+
+const applySignaturePreview = (dataUrl) => {
+ signatureDataUrl = dataUrl || null;
+ if (signatureDataUrl) {
+ signaturePreview.src = signatureDataUrl;
+ signaturePreview.hidden = false;
+ signatureDropzoneText.hidden = true;
+ removeSignatureButton.hidden = false;
+ } else {
+ signaturePreview.hidden = true;
+ signaturePreview.src = "";
+ signatureDropzoneText.hidden = false;
+ removeSignatureButton.hidden = true;
+ }
+};
+
+const readImageDimensions = (dataUrl) => new Promise((resolve, reject) => {
+ const image = new Image();
+ image.onload = () => resolve({ width: image.naturalWidth, height: image.naturalHeight });
+ image.onerror = () => reject(new Error("Obrázek se nepodařilo načíst."));
+ image.src = dataUrl;
+});
+
+const handleSignatureFile = async (file) => {
+ if (!file) {
+ return;
+ }
+ if (!["image/png", "image/jpeg"].includes(file.type)) {
+ setSignatureStatus("Podporovány jsou pouze soubory JPG nebo PNG.", true);
+ return;
+ }
+ try {
+ const dataUrl = await new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.onload = () => resolve(reader.result);
+ reader.onerror = () => reject(new Error("Soubor se nepodařilo načíst."));
+ reader.readAsDataURL(file);
+ });
+ const { width, height } = await readImageDimensions(dataUrl);
+ if (width !== SIGNATURE_WIDTH || height !== SIGNATURE_HEIGHT) {
+ setSignatureStatus(`Obrázek musí mít rozměry přesně ${SIGNATURE_WIDTH}×${SIGNATURE_HEIGHT} px (nahráno ${width}×${height} px).`, true);
+ return;
+ }
+ applySignaturePreview(dataUrl);
+ setSignatureStatus("Podpis byl nahrán.");
+ } catch (error) {
+ setSignatureStatus(error.message, true);
+ }
+};
+
+signatureDropzone.addEventListener("click", () => signatureInput.click());
+signatureDropzone.addEventListener("keydown", (event) => {
+ if (event.key === "Enter" || event.key === " ") {
+ event.preventDefault();
+ signatureInput.click();
+ }
+});
+signatureDropzone.addEventListener("dragover", (event) => {
+ event.preventDefault();
+ signatureDropzone.classList.add("is-dragover");
+});
+signatureDropzone.addEventListener("dragleave", () => {
+ signatureDropzone.classList.remove("is-dragover");
+});
+signatureDropzone.addEventListener("drop", (event) => {
+ event.preventDefault();
+ signatureDropzone.classList.remove("is-dragover");
+ handleSignatureFile(event.dataTransfer.files[0]);
+});
+signatureInput.addEventListener("change", () => {
+ handleSignatureFile(signatureInput.files[0]);
+ signatureInput.value = "";
+});
+removeSignatureButton.addEventListener("click", (event) => {
+ event.stopPropagation();
+ applySignaturePreview(null);
+ setSignatureStatus("");
+});
const profileFieldMap = {
nazevSpolecnosti: "NazevSpolecnosti",
@@ -249,6 +348,7 @@ const readInvoiceData = () => ({
iban: getValue("iban"),
swift: getValue("swift")
},
+ signature: signatureDataUrl,
total: Number.parseFloat(getValue("total").replace(",", ".")) || 0,
items: Array.from(itemsContainer.querySelectorAll(".invoice-item")).map((item) => {
const inputs = item.querySelectorAll("input");
@@ -277,6 +377,8 @@ const clearInvoiceEditor = () => {
["cisloUctu", "iban", "swift"].forEach((id) => {
document.getElementById(id).value = "";
});
+ applySignaturePreview(null);
+ setSignatureStatus("");
itemsContainer.replaceChildren();
itemIndex = 0;
updateTotal();
@@ -300,6 +402,8 @@ const loadInvoiceIntoEditor = (invoice) => {
["cisloUctu", "iban", "swift"].forEach((id) => {
document.getElementById(id).value = invoice.data.payment?.[id] || "";
});
+ applySignaturePreview(invoice.data.signature || null);
+ setSignatureStatus("");
itemsContainer.replaceChildren();
itemIndex = 0;
(invoice.data.items || []).forEach((item) => addInvoiceItem(item));
@@ -525,10 +629,27 @@ deleteClientButton.addEventListener("click", async () => {
const showInvoiceApp = async () => {
authScreen.hidden = true;
document.getElementById("main-container").hidden = false;
- await Promise.all([loadSupplier(), loadClients(), loadInvoices(), loadPaymentPresets()]);
+ await Promise.all([loadSupplier(), loadClients(), loadInvoices(), loadPaymentPresets(), loadNumberingSettings()]);
showInvoiceScreen("list");
};
+const loadNumberingSettings = async () => {
+ try {
+ const { settings } = await apiRequest("/api/settings");
+ invoiceStartingNumberInput.value = settings.invoiceStartingNumber;
+ invoiceStartingNumberInput.placeholder = String(settings.invoiceStartingNumber);
+ } catch {
+ // Keep the placeholder default if settings cannot be loaded.
+ }
+};
+
+const showNumberingSettingsPanel = (visible) => {
+ numberingSettingsPanel.hidden = !visible;
+ if (!visible) {
+ numberingSettingsStatus.textContent = "";
+ }
+};
+
const showPasswordPanel = (visible) => {
passwordPanel.hidden = !visible;
if (!visible) {
@@ -581,6 +702,24 @@ logoutButton.addEventListener("click", async () => {
passwordButton.addEventListener("click", () => showPasswordPanel(passwordPanel.hidden));
cancelPasswordButton.addEventListener("click", () => showPasswordPanel(false));
+numberingSettingsButton.addEventListener("click", () => showNumberingSettingsPanel(numberingSettingsPanel.hidden));
+cancelNumberingSettingsButton.addEventListener("click", () => showNumberingSettingsPanel(false));
+
+saveNumberingSettingsButton.addEventListener("click", async () => {
+ numberingSettingsStatus.textContent = "";
+ const invoiceStartingNumber = Number.parseInt(invoiceStartingNumberInput.value, 10) || 1;
+ try {
+ const { settings } = await apiRequest("/api/settings", {
+ method: "PUT",
+ body: JSON.stringify({ invoiceStartingNumber })
+ });
+ invoiceStartingNumberInput.value = settings.invoiceStartingNumber;
+ numberingSettingsStatus.textContent = "Uloženo";
+ } catch (error) {
+ numberingSettingsStatus.textContent = error.message;
+ }
+});
+
savePasswordButton.addEventListener("click", async () => {
passwordStatus.textContent = "";
try {
diff --git a/app/src/static/style.css b/app/src/static/style.css
index 5b35ae5..9344a13 100644
--- a/app/src/static/style.css
+++ b/app/src/static/style.css
@@ -595,6 +595,12 @@ body {
outline-offset: 1px;
}
+.field-hint {
+ margin: 0.35rem 0 0;
+ color: var(--muted-ink);
+ font-size: 0.8rem;
+}
+
.form-group output {
min-height: 1.5rem;
padding: 0.25rem 0;
@@ -621,6 +627,72 @@ body {
gap: 2rem;
}
+.signature-row {
+ align-items: flex-start;
+}
+
+.signature-group {
+ width: 100%;
+ max-width: 420px;
+}
+
+.signature-dropzone {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ gap: 0.5rem;
+ min-height: 120px;
+ padding: 1rem;
+ text-align: center;
+ color: var(--muted-ink);
+ background: #fff;
+ border: 2px dashed #c8d0d5;
+ border-radius: 0.5rem;
+ cursor: pointer;
+ transition: border-color 0.15s ease, background 0.15s ease;
+}
+
+.signature-dropzone:hover,
+.signature-dropzone:focus-visible {
+ border-color: var(--blue);
+ outline: none;
+}
+
+.signature-dropzone.is-dragover {
+ border-color: var(--blue);
+ background: rgba(43, 111, 143, 0.08);
+}
+
+.signature-dropzone-text {
+ margin: 0;
+ font-size: 0.85rem;
+ line-height: 1.4;
+}
+
+.signature-preview {
+ display: block;
+ max-width: 100%;
+ max-height: 130px;
+ object-fit: contain;
+ border-radius: 0.25rem;
+}
+
+.signature-actions {
+ margin-top: 0.5rem;
+}
+
+.signature-status {
+ margin: 0.4rem 0 0;
+ min-height: 1.1rem;
+ color: var(--muted-ink);
+ font-size: 0.8rem;
+}
+
+.signature-status.is-error {
+ color: #b3261e;
+}
+
.total-amount-group {
grid-column: 1 / -1;
margin: 0;
diff --git a/app/test/app.test.js b/app/test/app.test.js
index 1c5fd6c..38313b7 100644
--- a/app/test/app.test.js
+++ b/app/test/app.test.js
@@ -30,4 +30,23 @@ describe('normalizeInvoiceData', () => {
{ mnozstvi: 'not-a-number', cenaZaMj: 10 }
] })).toBeNull();
});
+
+ test('accepts a valid signature data URL and rejects invalid ones', () => {
+ const withValidSignature = normalizeInvoiceData({
+ items: [{ mnozstvi: 1, cenaZaMj: 10 }],
+ signature: 'data:image/png;base64,aGVsbG8='
+ });
+ expect(withValidSignature.signature).toBe('data:image/png;base64,aGVsbG8=');
+
+ const withInvalidSignature = normalizeInvoiceData({
+ items: [{ mnozstvi: 1, cenaZaMj: 10 }],
+ signature: 'not-a-data-url'
+ });
+ expect(withInvalidSignature.signature).toBeNull();
+
+ const withoutSignature = normalizeInvoiceData({
+ items: [{ mnozstvi: 1, cenaZaMj: 10 }]
+ });
+ expect(withoutSignature.signature).toBeNull();
+ });
});
+
+
+
+ ![Náhled podpisu]()
+
+ Přetáhněte sem obrázek podpisu (420×210 px, JPG nebo PNG) nebo klikněte pro výběr souboru
+ +
+
+
+
+