1.5.1

- 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>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "app-ts",
-  "version": "1.4.8",
+  "version": "1.5.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "app-ts",
-      "version": "1.4.8",
+      "version": "1.5.1",
       "license": "ISC",
       "dependencies": {
         "@dnd-kit/core": "^6.3.1",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-ts",
-  "version": "1.4.8",
+  "version": "1.5.1",
   "description": "",
   "main": "dist/server.js",
   "scripts": {

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>

src/routes/admin/invoices-pdf.ts

@@ -495,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: 10pt;
     color: #1a1a1a;
-    width: 180mm;
+    width: 186mm;
   }
 
   .invoice-page {
@@ -513,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; }
@@ -524,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 {
@@ -557,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%;
@@ -643,20 +641,18 @@ export default async function invoicesPdfRoutes(
     margin-bottom: 2mm;
   }
   table.items thead th {
-    font-size: 9pt;
+    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;
@@ -1012,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(

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",

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,