From faaeefe6ce1c4041fd60161a91e7c3897a1f715a Mon Sep 17 00:00:00 2001
From: Lorenz Stechauner <lorenz.stechauner@necronda.net>
Date: Tue, 5 Sep 2023 20:41:03 +0200
Subject: [PATCH] Documents: Update documents

---
 Elwig/Documents/BusinessDocument.cshtml |  1 -
 Elwig/Documents/BusinessLetter.cshtml   |  1 -
 Elwig/Documents/DeliveryNote.cshtml     | 44 +++++++++++++++----------
 Elwig/Documents/Document.cshtml         | 11 +++++--
 Elwig/Documents/style.css               |  6 +++-
 5 files changed, 40 insertions(+), 23 deletions(-)

diff --git a/Elwig/Documents/BusinessDocument.cshtml b/Elwig/Documents/BusinessDocument.cshtml
index 425642c..5633e55 100644
--- a/Elwig/Documents/BusinessDocument.cshtml
+++ b/Elwig/Documents/BusinessDocument.cshtml
@@ -2,7 +2,6 @@
 @inherits TemplatePage<Elwig.Documents.BusinessDocument>
 @model Elwig.Documents.BusinessDocument
 @{ Layout = "Document"; }
-
 <div class="info-wrapper">
     <div class="address-wrapper">
         <div class="sender">
diff --git a/Elwig/Documents/BusinessLetter.cshtml b/Elwig/Documents/BusinessLetter.cshtml
index cb9d624..d10323e 100644
--- a/Elwig/Documents/BusinessLetter.cshtml
+++ b/Elwig/Documents/BusinessLetter.cshtml
@@ -2,7 +2,6 @@
 @inherits TemplatePage<Elwig.Documents.BusinessLetter>
 @model Elwig.Documents.BusinessLetter
 @{ Layout = "BusinessDocument"; }
-
 <p>Sehr geehrtes Mitglied,</p>
 <p>nein.</p>
 <p>Mit freundlichen Grüßen<br/>Ihre Winzergenossenschaft</p>
diff --git a/Elwig/Documents/DeliveryNote.cshtml b/Elwig/Documents/DeliveryNote.cshtml
index 5a96763..0627836 100644
--- a/Elwig/Documents/DeliveryNote.cshtml
+++ b/Elwig/Documents/DeliveryNote.cshtml
@@ -2,7 +2,6 @@
 @inherits TemplatePage<Elwig.Documents.DeliveryNote>
 @model Elwig.Documents.DeliveryNote
 @{ Layout = "BusinessDocument"; }
-
 <div class="date">@Model.Location, am @($"{Model.Date:dd.MM.yyyy}")</div>
 <h1>@Model.Title</h1>
 @{
@@ -11,24 +10,35 @@
 <script>
     document.addEventListener("DOMContentLoaded", () => {
         const hidden = document.getElementsByClassName("hidden")[0];
-        const bottom = hidden.offsetTop + hidden.offsetHeight;
-        const cm = bottom * 2.54 / 96 * window.devicePixelRatio;
+        const table = document.getElementsByClassName("delivery")[0];
+        const stats = document.getElementById("delivery-stats");
+        const mm = px2mm(0, hidden.offsetTop + hidden.offsetHeight);
+        const heightTable = px2mm(table.offsetTop, hidden.offsetTop + hidden.offsetHeight);
 
-        if (cm > 25.75) {
-            // force page break
-            const table = document.getElementsByClassName("delivery")[0];
+        if (mm >= heightA4 - heightFooter) {
+            if (heightTable + 10 >= heightMain) {
+                // force page break in table
+                const tblOff = px2mm(0, table.offsetTop);
+                let last = null;
+                for (const tr of table.getElementsByTagName("tr")) {
+                    if (!tr.classList.contains("main")) continue;
+                    const mm2 = tblOff + px2mm(0, tr.offsetTop);
+                    if (mm2 >= heightA4 - heightFooter) {
+                        last.classList.add("page-break");
+                        break;
+                    }
+                    last = tr;
+                }
+            } else {
+                // force page break
+                const hr = document.createElement("hr");
+                hr.classList.add("page-break");
+                table.before(hr);
 
-            const hr = document.createElement("hr");
-            hr.classList.add("page-break");
-            table.before(hr);
-
-            const stats = document.getElementById("delivery-stats");
-            stats.getElementsByTagName("table")[0].classList.add("expanded");
-            hr.before(stats);
-
-            const p = document.createElement("p");
-            p.innerText = "Siehe nächste Seite."
-            stats.before(p);
+                const p = document.createElement("p");
+                p.innerText = "Siehe nächste Seite."
+                hr.before(p);
+            }
         }
     });
 </script>
diff --git a/Elwig/Documents/Document.cshtml b/Elwig/Documents/Document.cshtml
index 9db33ad..01fbac3 100644
--- a/Elwig/Documents/Document.cshtml
+++ b/Elwig/Documents/Document.cshtml
@@ -1,7 +1,6 @@
 @using RazorLight
 @inherits TemplatePage<Elwig.Documents.Document>
 @model Elwig.Documents.Document
-
 <!DOCTYPE html>
 <html lang="de-AT">
 <head>
@@ -13,9 +12,15 @@
             window.addEventListener("beforeprint", async () => { await window.PagedPolyfill.preview(); });
             window.addEventListener("afterprint", () => { location.reload(); });
         }
+
+        const heightA4 = 297, widhtA4 = 210, heightFooter = 35, heightHeader = 25;
+        const heightMain = heightA4 - heightFooter - heightHeader;
+        function px2mm(px1, px2) {
+            return (px2 - px1 + 1) * 2.54 / 96 * window.devicePixelRatio * 10;
+        }
     </script>
-    <script src="@Raw(Model.DataPath)\resources\paged.polyfill.js"></script>
-    <link rel="stylesheet" href="@Raw(Model.DataPath)\resources\style.css" />
+    <script src="file:///@Raw(Model.DataPath)\resources\paged.polyfill.js"></script>
+    <link rel="stylesheet" href="file:///@Raw(Model.DataPath)\resources\style.css"/>
 </head>
 <body>
     <div class="m1"></div>
diff --git a/Elwig/Documents/style.css b/Elwig/Documents/style.css
index f187fc7..66e00ad 100644
--- a/Elwig/Documents/style.css
+++ b/Elwig/Documents/style.css
@@ -165,7 +165,7 @@ main p.comment {
 }
 
 .pre-footer {
-    margin: 4.23mm 0;
+    margin: 1em 0;
     font-size: 10pt;
     display: flex;
 }
@@ -327,6 +327,10 @@ hr.page-break {
     break-after: page;
 }
 
+tr.page-break {
+    break-before: page;
+}
+
 @page {
     size: A4;
     margin: 25mm 0 35mm 0;