Grotti 3.5.0: Pagination, Logging, Deb-Paket, Makro-Doku, PLA-Match-Fix.

web/templates/warteschlange.html

@@ -34,6 +34,7 @@
     </thead>
     <tbody id="q-rows"></tbody>
   </table>
+  <div class="pager" id="q-pager" hidden></div>
 </div>
 {% endblock %}
 {% block script %}
@@ -45,6 +46,7 @@ const STATUS_LABEL = {
 let jobs = [];
 let liveDirect = [];
 let filter = "";
+let qPage = 1;
 
 function targetOf(job) {
   return job.printer_name || job.host || (job.family_label ? "nächster " + job.family_label : "nächster freier");
@@ -86,6 +88,7 @@ function render() {
   });
   const body = document.getElementById("q-rows");
   const shown = shownJobs();
+  const pager = document.getElementById("q-pager");
   if (!shown.length) {
     const hint = jobs.length
       ? "Nichts in dieser Ansicht."
@@ -97,10 +100,13 @@ function render() {
       : "";
     body.innerHTML = '<tr><td class="empty" colspan="6"><div class="empty-state">' + icon("queue") + '<p>' + hint + '</p>' + cta + '</div></td></tr>';
     document.getElementById("q-note").textContent = "";
+    renderPager(pager, null, () => {});
     return;
   }
   const waiting = jobs.filter((j) => j.status === "waiting");
-  body.innerHTML = shown.map((job) => {
+  const paged = pageSlice(shown, qPage, DEFAULT_PAGE_SIZE);
+  qPage = paged.page;
+  body.innerHTML = paged.items.map((job) => {
     const st = job.status;
     if (job.direct) {
       return `<tr data-direct="${escapeHtml(job.host)}">
@@ -141,17 +147,22 @@ function render() {
     </tr>`;
   }).join("");
   document.getElementById("q-note").textContent = shown.length === 1 ? "1 Eintrag" : shown.length + " Einträge";
+  renderPager(pager, paged, (p) => {
+    qPage = p;
+    render();
+  });
 }
 
 async function load() {
   try {
     const [queue, active] = await Promise.all([
-      api("/druck-queue?limit=120"),
+      api("/druck-queue?limit=200"),
       api("/laeuft").catch(() => []),
     ]);
     jobs = queue || [];
     const queuedHosts = new Set(jobs.filter((j) => j.status === "running").map((j) => j.host));
     liveDirect = (active || []).filter((p) => p.host && !queuedHosts.has(p.host));
+    qPage = 1;
     render();
   } catch (error) {
     document.getElementById("q-rows").innerHTML =
@@ -163,6 +174,7 @@ document.getElementById("q-filter").addEventListener("click", (event) => {
   const btn = event.target.closest("[data-status]");
   if (!btn) return;
   filter = btn.dataset.status || "";
+  qPage = 1;
   render();
 });
 document.getElementById("q-refresh").addEventListener("click", load);