1.5.1

fix: invoice edit/list improvements
- Due date uses days selector in edit mode (same as create) - Overdue invoices fully editable (same as issued) - Overdue status reversed to issued when due date moved to future - Invoice list: edit icon for issued/overdue, eye for paid - Invoice list: PDF opens blob from NAS (removed lang modal) - NAS cleanup: properly scans directories when cleaning old PDFs - Fixed syntax error from leftover else block Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-02 20:01:44 +02:00 · 2026-04-02 20:01:43 +02:00 · 2026-04-02 15:47:46 +02:00 · 2026-04-02 15:47:46 +02:00 · 2026-04-02 15:25:35 +02:00 · 2026-04-02 15:25:35 +02:00
7 changed files with 970 additions and 1226 deletions
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "app-ts",
-  "version": "1.4.6",
+  "version": "1.5.1",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "app-ts",
-      "version": "1.4.6",
+      "version": "1.5.1",
      "license": "ISC",
      "dependencies": {
        "@dnd-kit/core": "^6.3.1",
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "app-ts",
-  "version": "1.4.6",
+  "version": "1.5.1",
  "description": "",
  "main": "dist/server.js",
  "scripts": {
--- a/src/admin/pages/InvoiceDetail.tsx
+++ b/src/admin/pages/InvoiceDetail.tsx
--- a/src/admin/pages/Invoices.tsx
+++ b/src/admin/pages/Invoices.tsx
@@ -194,7 +194,6 @@ export default function Invoices() {
  }>({ show: false, invoice: null });
  const [deleting, setDeleting] = useState(false);
  const [pdfLoading, setPdfLoading] = useState<number | null>(null);
-  const [langModal, setLangModal] = useState<Invoice | null>(null);
  const [draft, setDraft] = useState<DraftData | null>(() => {
    try {
      const raw = localStorage.getItem(DRAFT_KEY);
@@ -284,29 +283,25 @@ export default function Invoices() {
    }
  };

-  const handlePdf = async (inv: Invoice, lang = "cs") => {
+  const handlePdf = async (inv: Invoice) => {
    if (pdfLoading) return;
-    setLangModal(null);
+    const newWindow = window.open("", "_blank");
    setPdfLoading(inv.id);
    try {
-      const response = await apiFetch(
-        `${API_BASE}/invoices-pdf/${inv.id}?lang=${encodeURIComponent(lang)}`,
-      );
-      if (response.status === 401) return;
-      if (!response.ok) {
-        alert.error("Nepodařilo se vygenerovat PDF");
+      const response = await apiFetch(`${API_BASE}/invoices/${inv.id}/file`);
+      if (response.status === 401) {
+        newWindow?.close();
        return;
      }
-      const html = await response.text();
-      const w = window.open("", "_blank");
-      if (w) {
-        w.document.open();
-        w.document.write(html);
-        w.document.close();
-        w.onload = () => w.print();
-      } else {
-        alert.error("Prohlížeč zablokoval vyskakovací okno");
+      if (!response.ok) {
+        newWindow?.close();
+        alert.error("PDF soubor nenalezen — otevřete fakturu a uložte ji");
+        return;
      }
+      const blob = await response.blob();
+      const url = URL.createObjectURL(blob);
+      if (newWindow) newWindow.location.href = url;
+      setTimeout(() => URL.revokeObjectURL(url), 60000);
    } catch {
      alert.error("Chyba při generování PDF");
    } finally {
@@ -996,26 +991,44 @@ export default function Invoices() {
                                <Link
                                  to={`/invoices/${inv.id}`}
                                  className="admin-btn-icon"
-                                  title="Detail"
-                                  aria-label="Detail"
+                                  title={
+                                    inv.status === "paid" ? "Detail" : "Upravit"
+                                  }
+                                  aria-label={
+                                    inv.status === "paid" ? "Detail" : "Upravit"
+                                  }
                                >
-                                  <svg
-                                    width="18"
-                                    height="18"
-                                    viewBox="0 0 24 24"
-                                    fill="none"
-                                    stroke="currentColor"
-                                    strokeWidth="2"
-                                  >
-                                    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
-                                    <circle cx="12" cy="12" r="3" />
-                                  </svg>
+                                  {inv.status === "paid" ? (
+                                    <svg
+                                      width="18"
+                                      height="18"
+                                      viewBox="0 0 24 24"
+                                      fill="none"
+                                      stroke="currentColor"
+                                      strokeWidth="2"
+                                    >
+                                      <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
+                                      <circle cx="12" cy="12" r="3" />
+                                    </svg>
+                                  ) : (
+                                    <svg
+                                      width="18"
+                                      height="18"
+                                      viewBox="0 0 24 24"
+                                      fill="none"
+                                      stroke="currentColor"
+                                      strokeWidth="2"
+                                    >
+                                      <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
+                                      <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
+                                    </svg>
+                                  )}
                                </Link>
                                {hasPermission("invoices.export") && (
                                  <button
-                                    onClick={() => setLangModal(inv)}
+                                    onClick={() => handlePdf(inv)}
                                    className="admin-btn-icon"
-                                    title="PDF"
+                                    title="Zobrazit fakturu"
                                    disabled={pdfLoading === inv.id}
                                  >
                                    {pdfLoading === inv.id ? (
@@ -1092,69 +1105,6 @@ export default function Invoices() {
            type="danger"
            loading={deleting}
          />
-
-          <AnimatePresence>
-            {langModal && (
-              <motion.div
-                className="admin-modal-overlay"
-                initial={{ opacity: 0 }}
-                animate={{ opacity: 1 }}
-                exit={{ opacity: 0 }}
-                transition={{ duration: 0.2 }}
-              >
-                <div
-                  className="admin-modal-backdrop"
-                  onClick={() => setLangModal(null)}
-                />
-                <motion.div
-                  className="admin-modal admin-confirm-modal"
-                  role="dialog"
-                  aria-modal="true"
-                  initial={{ opacity: 0, scale: 0.95, y: 20 }}
-                  animate={{ opacity: 1, scale: 1, y: 0 }}
-                  exit={{ opacity: 0, scale: 0.95, y: 20 }}
-                  transition={{ duration: 0.2 }}
-                >
-                  <div className="admin-modal-body admin-confirm-content">
-                    <div className="admin-confirm-icon admin-confirm-icon-info">
-                      <svg
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        strokeWidth="2"
-                      >
-                        <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z" />
-                        <path d="M2 12h20" />
-                        <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
-                      </svg>
-                    </div>
-                    <h2 className="admin-confirm-title">Jazyk faktury</h2>
-                    <p className="admin-confirm-message">
-                      V jakém jazyce chcete vygenerovat fakturu?
-                    </p>
-                  </div>
-                  <div className="admin-modal-footer">
-                    <button
-                      type="button"
-                      onClick={() => handlePdf(langModal, "cs")}
-                      className="admin-btn admin-btn-primary"
-                    >
-                      Čeština
-                    </button>
-                    <button
-                      type="button"
-                      onClick={() => handlePdf(langModal, "en")}
-                      className="admin-btn admin-btn-primary"
-                    >
-                      English
-                    </button>
-                  </div>
-                </motion.div>
-              </motion.div>
-            )}
-          </AnimatePresence>
        </>
      )}
    </div>
--- a/src/routes/admin/invoices-pdf.ts
+++ b/src/routes/admin/invoices-pdf.ts
@@ -284,6 +284,7 @@ export default async function invoicesPdfRoutes(
      > | null;

      let orderNumber = "";
+      let orderDate = "";
      if (invoice.order_id) {
        const orderRow = await prisma.orders.findUnique({
          where: { id: invoice.order_id },
@@ -299,6 +300,9 @@ export default async function invoicesPdfRoutes(
              orderRow.customer_order_number || orderRow.order_number || "",
            ),
          );
+          if (orderRow.created_at) {
+            orderDate = formatDate(orderRow.created_at);
+          }
        }
      }

@@ -491,14 +495,14 @@ export default async function invoicesPdfRoutes(
 <style>
  @page {
    size: A4;
-    margin: 12mm 15mm 15mm 15mm;
+    margin: 8mm 12mm 10mm 12mm;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html, body {
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
-    font-size: 9pt;
+    font-size: 10pt;
    color: #1a1a1a;
-    width: 180mm;
+    width: 186mm;
  }

  .invoice-page {
@@ -509,8 +513,6 @@ export default async function invoicesPdfRoutes(
  .invoice-content { flex: 1 1 auto; }
  .invoice-footer {
    flex-shrink: 0;
-    page-break-inside: avoid;
-    break-inside: avoid;
  }

  .accent { color: #de3a3a; }
@@ -520,8 +522,8 @@ export default async function invoicesPdfRoutes(
    display: flex;
    justify-content: space-between;
    align-items: center;
-    margin-bottom: 3mm;
-    padding-bottom: 3mm;
+    margin-bottom: 1mm;
+    padding-bottom: 1mm;
    border-bottom: 2pt solid #de3a3a;
  }
  .invoice-header .left {
@@ -553,10 +555,10 @@ export default async function invoicesPdfRoutes(
    border: 0.5pt solid #d0d0d0;
    border-collapse: collapse;
    width: 100%;
-    margin-bottom: 3mm;
+    margin-bottom: 1mm;
  }
  .header-grid td {
-    padding: 3mm 4mm;
+    padding: 2mm 3mm;
    border: 0.5pt solid #d0d0d0;
    vertical-align: top;
    width: 50%;
@@ -568,7 +570,7 @@ export default async function invoicesPdfRoutes(
    background: #f5f5f5;
  }
  .address-label {
-    font-size: 7pt;
+    font-size: 8pt;
    font-weight: 700;
    color: #de3a3a;
    text-transform: uppercase;
@@ -583,7 +585,7 @@ export default async function invoicesPdfRoutes(
    margin-bottom: 1mm;
  }
  .address-line {
-    font-size: 8pt;
+    font-size: 9pt;
    color: #444;
    line-height: 1.5;
  }
@@ -593,7 +595,7 @@ export default async function invoicesPdfRoutes(
  .info-row {
    display: flex;
    align-items: baseline;
-    font-size: 8pt;
+    font-size: 9pt;
    padding: 1mm 0;
    border-bottom: 0.5pt solid #f0f0f0;
  }
@@ -614,7 +616,7 @@ export default async function invoicesPdfRoutes(

  /* VS/KS blok */
  .vs-block {
-    font-size: 8pt;
+    font-size: 9pt;
    line-height: 1.4;
    padding-top: 2mm;
  }
@@ -623,7 +625,7 @@ export default async function invoicesPdfRoutes(
  .billing-label {
    font-weight: 700;
    color: #1a1a1a;
-    font-size: 9pt;
+    font-size: 10pt;
    padding: 2mm 0 1mm 0;
    border-bottom: 1.5pt solid #de3a3a;
    margin-bottom: 0;
@@ -635,24 +637,22 @@ export default async function invoicesPdfRoutes(
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
-    font-size: 8pt;
+    font-size: 9pt;
    margin-bottom: 2mm;
  }
  table.items thead th {
-    font-size: 8pt;
+    font-size: 8.5pt;
    font-weight: 600;
    color: #646464;
-    padding: 6px 8px;
+    padding: 4px 4px;
    text-align: left;
-    letter-spacing: 0.02em;
-    text-transform: uppercase;
    border-bottom: 0.5pt solid #d0d0d0;
    white-space: nowrap;
  }
  table.items thead th.center { text-align: center; }
  table.items thead th.right { text-align: right; }
  table.items tbody td {
-    padding: 5px 8px;
+    padding: 4px 4px;
    border-bottom: 0.5pt solid #e0e0e0;
    vertical-align: middle;
    color: #1a1a1a;
@@ -663,10 +663,10 @@ export default async function invoicesPdfRoutes(
  table.items tbody td.row-num {
    text-align: center;
    color: #969696;
-    font-size: 8pt;
+    font-size: 9pt;
  }
  table.items tbody td.desc {
-    font-size: 8pt;
+    font-size: 9pt;
    font-weight: 600;
    color: #1a1a1a;
  }
@@ -688,7 +688,7 @@ export default async function invoicesPdfRoutes(
    display: flex;
    justify-content: space-between;
    align-items: baseline;
-    font-size: 8.5pt;
+    font-size: 9.5pt;
    color: #1a1a1a;
    margin-bottom: 2mm;
  }
@@ -700,7 +700,7 @@ export default async function invoicesPdfRoutes(
    align-items: baseline;
  }
  .totals .grand .label {
-    font-size: 9.5pt;
+    font-size: 10.5pt;
    font-weight: 400;
    color: #1a1a1a;
    align-self: center;
@@ -714,14 +714,14 @@ export default async function invoicesPdfRoutes(
  }
  .totals .currency-note {
    text-align: right;
-    font-size: 7.5pt;
+    font-size: 8pt;
    color: #1a1a1a;
    margin-top: 2mm;
  }

  /* Vystavil */
  .issued-by {
-    font-size: 8pt;
+    font-size: 9pt;
    margin: 2mm 0;
    line-height: 1.4;
  }
@@ -729,7 +729,7 @@ export default async function invoicesPdfRoutes(

  /* Upozorneni */
  .notice {
-    font-size: 7pt;
+    font-size: 8pt;
    color: #1a1a1a;
    margin: 2mm 0;
    line-height: 1.3;
@@ -751,11 +751,11 @@ export default async function invoicesPdfRoutes(

  .recap-section table {
    border-collapse: collapse;
-    font-size: 8pt;
+    font-size: 9pt;
    flex: 1;
  }
  .recap-section table th {
-    font-size: 7.5pt;
+    font-size: 8pt;
    font-weight: 600;
    color: #555;
    padding: 3px 6px;
@@ -769,7 +769,7 @@ export default async function invoicesPdfRoutes(
  }
  .recap-section table td.center { text-align: center; }
  .recap-section table td.cnb-rate {
-    font-size: 7pt;
+    font-size: 8pt;
    color: #888;
    text-align: right;
    border-bottom: none;
@@ -779,13 +779,14 @@ export default async function invoicesPdfRoutes(
  /* Prevzal / razitko */
  .footer-row {
    display: flex;
+    justify-content: space-between;
    margin-top: 4mm;
-    font-size: 8pt;
-  }
-  .footer-row .col {
-    flex: 1;
+    font-size: 9pt;
    border-top: 0.5pt solid #aaa;
    padding-top: 2mm;
+    min-height: 15mm;
+  }
+  .footer-row .col {
    font-weight: 600;
    color: #555;
  }
@@ -793,13 +794,13 @@ export default async function invoicesPdfRoutes(
  /* Poznamky */
  .invoice-notes {
    margin-top: 4mm;
-    font-size: 9pt;
+    font-size: 10pt;
    line-height: 1.5;
    color: #1a1a1a;
  }
  .invoice-notes-label {
    font-weight: 600;
-    font-size: 8pt;
+    font-size: 9pt;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 1mm;
@@ -888,8 +889,7 @@ ${indentCSS}
        <div class="info-row"><span class="lbl">${escapeHtml(t.account_no)}</span> <span class="val">${escapeHtml(invoice.bank_account)}</span></div>
        <div class="vs-block">
          ${escapeHtml(t.var_symbol)} <strong>${invoiceNumber}</strong>
-          &nbsp;&nbsp;&nbsp; ${escapeHtml(t.const_symbol)} <strong>${escapeHtml(invoice.constant_symbol)}</strong><br>
-          ${orderNumber ? `${escapeHtml(t.order_no)} ${orderNumber}` : ""}
+          &nbsp;&nbsp;&nbsp; ${escapeHtml(t.const_symbol)} <strong>${escapeHtml(invoice.constant_symbol)}</strong>
        </div>
      </td>
      <td>
@@ -897,6 +897,8 @@ ${indentCSS}
        <div class="info-row"><span class="lbl">${escapeHtml(t.due_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.due_date))}</span></div>
        <div class="info-row"><span class="lbl">${escapeHtml(t.tax_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.tax_date))}</span></div>
        <div class="info-row"><span class="lbl">${escapeHtml(t.payment_method)}</span> <span class="val">${escapeHtml(invoice.payment_method)}</span></div>
+        ${orderNumber ? `<div class="info-row"><span class="lbl">${lang === "cs" ? "Objednávka č.:" : "Order no.:"}</span> <span class="val">${orderNumber}</span></div>` : ""}
+        ${orderDate ? `<div class="info-row"><span class="lbl">${lang === "cs" ? "Objednávka ze dne:" : "Order date:"}</span> <span class="val">${escapeHtml(orderDate)}</span></div>` : ""}
      </td>
    </tr>
  </table>
@@ -1006,6 +1008,7 @@ ${indentCSS}
          ? new Date(invoice.issue_date)
          : new Date();
        const saveMode = query.save === "1";
+        nasFinancialsManager.cleanIssuedInvoice(invoice.invoice_number!);
        const pdfPromise = htmlToPdf(html)
          .then((pdfBuffer) => {
            nasFinancialsManager.saveIssuedInvoicePdf(
--- a/src/services/invoices.service.ts
+++ b/src/services/invoices.service.ts
@@ -70,6 +70,11 @@ export async function markOverdueInvoices() {
      where: { status: "issued", due_date: { lt: new Date() } },
      data: { status: "overdue" },
    });
+    // Reverse: if due_date was changed to future, set back to issued
+    await prisma.invoices.updateMany({
+      where: { status: "overdue", due_date: { gte: new Date() } },
+      data: { status: "issued" },
+    });
  } catch (err) {
    console.error("markOverdueInvoices failed:", err);
  }
@@ -350,8 +355,8 @@ export async function updateInvoice(id: number, body: Record<string, any>) {

  const data: Record<string, unknown> = { modified_at: new Date() };

-  // Only allow full editing in 'issued' state
-  const isDraft = currentStatus === "issued";
+  // Allow full editing in 'issued' and 'overdue' states
+  const isDraft = currentStatus === "issued" || currentStatus === "overdue";
  if (isDraft) {
    const strFields = [
      "currency",
--- a/src/services/nas-financials-manager.ts
+++ b/src/services/nas-financials-manager.ts
@@ -30,6 +30,34 @@ class NasFinancialsManager {

  // ── Created (issued) invoices ────────────────────────────────────

+  /** Remove any existing PDF for this invoice number across all year/month folders */
+  cleanIssuedInvoice(invoiceNumber: string): void {
+    if (!this.basePath) return;
+    const safeName = this.sanitizeFilename(invoiceNumber) + ".pdf";
+    const issuedDir = path.join(this.basePath, DIR_ISSUED);
+    try {
+      if (!fs.existsSync(issuedDir)) return;
+      for (const yearDir of fs.readdirSync(issuedDir)) {
+        const yearPath = path.join(issuedDir, yearDir);
+        if (!fs.statSync(yearPath).isDirectory()) continue;
+        for (const monthDir of fs.readdirSync(yearPath)) {
+          const monthPath = path.join(yearPath, monthDir);
+          try {
+            if (!fs.statSync(monthPath).isDirectory()) continue;
+          } catch {
+            continue;
+          }
+          const filePath = path.join(monthPath, safeName);
+          if (fs.existsSync(filePath)) {
+            fs.unlinkSync(filePath);
+          }
+        }
+      }
+    } catch {
+      // best effort
+    }
+  }
+
  saveIssuedInvoicePdf(
    invoiceNumber: string,
    year: number,
Author	SHA1	Message	Date
BOHA	b197017644	1.5.1	2026-04-02 20:01:44 +02:00
BOHA	e9f07a4a39	fix: invoice edit/list improvements - Due date uses days selector in edit mode (same as create) - Overdue invoices fully editable (same as issued) - Overdue status reversed to issued when due date moved to future - Invoice list: edit icon for issued/overdue, eye for paid - Invoice list: PDF opens blob from NAS (removed lang modal) - NAS cleanup: properly scans directories when cleaning old PDFs - Fixed syntax error from leftover else block Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-02 20:01:43 +02:00
BOHA	44d389201c	1.5.0	2026-04-02 15:47:46 +02:00
BOHA	3106aaf314	feat: full invoice editing before payment, NAS cleanup on date change - Invoice edit mode now uses the same form as create mode (all fields editable) - Bank account pre-selected by matching IBAN/account number - Invoice number read-only in edit mode - Paid invoices remain read-only - NAS: old PDF deleted when invoice date changes to different month - Buttons: Zobrazit fakturu, Uložit, Smazat + status transitions Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-02 15:47:46 +02:00
BOHA	90e797b8fa	1.4.9	2026-04-02 15:25:35 +02:00
BOHA	1f7362c8af	fix: invoice PDF — tighter layout, more room for items - Page margins reduced, content width 186mm - Header/grid padding tightened - Table headers 8.5pt normal case, cells 4px padding - Footer flows naturally across pages (no forced page break) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-02 15:25:35 +02:00
BOHA	fe44a2b12d	1.4.8	2026-04-02 12:55:24 +02:00
BOHA	8a9239311d	feat: invoice PDF — larger fonts, order number and date in dates column - Base font 9pt→10pt, all sub-elements scaled proportionally - Order number and date shown in dates column when invoice linked to order - Uses customer_order_number with fallback to internal order_number Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-02 12:55:24 +02:00
BOHA	cd25cd6ee4	1.4.7	2026-04-02 12:31:51 +02:00
BOHA	967fbba2a4	fix: invoice PDF footer — single line with space for signatures Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-02 12:31:51 +02:00