Grotti 2.5.1: Druckbericht, Statistik, Spulenakte und Protokoll-Fixes.

web/templates/material.html

@@ -120,6 +120,11 @@
           <button type="button" class="warn" id="spool-delete" hidden><svg class="ico"><use href="#i-trash"/></svg>Löschen</button>
         </div>
       </form>
+      <div id="spool-akte" class="spool-akte" hidden>
+        <h3>Akte</h3>
+        <p class="tiny" id="akte-summary"></p>
+        <ul class="plain" id="akte-runs"></ul>
+      </div>
       <p id="spool-note"></p>
     </section>
   </div>
@@ -424,6 +429,49 @@ function payload() {
   };
 }
 
+async function loadAkte(spoolId) {
+  const box = document.getElementById("spool-akte");
+  if (!spoolId) {
+    box.hidden = true;
+    return;
+  }
+  try {
+    const data = await api("/spulen/" + spoolId + "/akte");
+    const stats = data.stats || {};
+    const fillPct = Math.round(Number(stats.fill_pct) || 0);
+    let leer = "—";
+    if (stats.empty_in_days == null) leer = "kein Verbrauch";
+    else if (stats.empty_in_days <= 0) leer = "leer";
+    else leer = "noch ~" + Math.round(stats.empty_in_days) + " Tage";
+    document.getElementById("akte-summary").textContent =
+      "Verdruckt " + grams(stats.total_g)
+      + " · Ausschuss " + grams(stats.scrap_g)
+      + " · " + euro(stats.total_cost)
+      + " · Füllstand " + fillPct + " % · Leer-in: " + leer;
+    const list = document.getElementById("akte-runs");
+    list.innerHTML = "";
+    (data.runs || []).slice(0, 12).forEach((run) => {
+      const li = document.createElement("li");
+      const a = document.createElement("a");
+      a.href = "/protokoll/" + run.id;
+      a.textContent = (run.filename || "").split("/").pop() || ("#" + run.id);
+      li.appendChild(a);
+      li.appendChild(document.createTextNode(
+        " · " + grams(run.spool_weight_g)
+        + (run.spool_is_estimate ? " ≈" : "")
+        + " · " + (run.verdict || run.state || "")
+      ));
+      list.appendChild(li);
+    });
+    if (!(data.runs || []).length) {
+      list.innerHTML = '<li class="tiny">Noch kein Druck auf dieser Spule.</li>';
+    }
+    box.hidden = false;
+  } catch (error) {
+    box.hidden = true;
+  }
+}
+
 function fill(spool) {
   openSpoolPanel();
   document.getElementById("spool-id").value = spool ? spool.id : "";
@@ -451,6 +499,7 @@ function fill(spool) {
   showHint();
   renderPalette();
   renderSpools();
+  loadAkte(spool ? spool.id : null);
   document.getElementById("spool-panel").scrollIntoView({ block: "nearest", behavior: "smooth" });
 }
 
@@ -580,6 +629,7 @@ function renderSpools() {
     const rest = Number(spool.remaining_g) || 0;
     tr.children[5].textContent = grams(rest);
     if (rest < 100) tr.children[5].classList.add("msg");
+    if (rest < 0) tr.children[5].title = "Überzogen — Rest korrigieren";
     tr.addEventListener("click", () => fill(spool));
     body.appendChild(tr);
   });
@@ -806,7 +856,14 @@ async function openByCode(raw) {
       const match = code.match(/[?&]spool=(\d+)/);
       if (match) spool = spools.find((row) => String(row.id) === match[1]) || null;
     }
-    if (!spool) spool = await api("/spulen/by-code/" + encodeURIComponent(code));
+    if (!spool) {
+      const found = await api("/spulen/by-code/" + encodeURIComponent(code));
+      if (found && found.kind === "lauf" && found.redirect) {
+        location.href = found.redirect;
+        return;
+      }
+      spool = found;
+    }
     setView("spools");
     fill(spool);
     setScanNote("Spule " + (spool.chargen_nr || spool.name) + " geöffnet.", true);