From 097934ac187038b2a4172c101336fc963f195a38 Mon Sep 17 00:00:00 2001
From: root <root@localhost>
Date: Wed, 12 Mar 2025 13:28:37 +0100
Subject: [PATCH] Verbesserte Druckeransicht mit Warteschlange und
 verbleibender Zeit
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Anzeige der verbleibenden Zeit für aktuelle Druckaufträge in der Druckeransicht
- Neue Spalte für wartende Jobs in der Druckerliste
- Übersichtliche Anzeige der Warteschlange mit Job-Informationen

🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
---
 backend/templates/printers.html | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/backend/templates/printers.html b/backend/templates/printers.html
index 773312f..1657f77 100644
--- a/backend/templates/printers.html
+++ b/backend/templates/printers.html
@@ -57,6 +57,8 @@
                                 <th>Beschreibung</th>
                                 <th>Status</th>
                                 <th>IP-Adresse</th>
+                                <th>Aktueller Job</th>
+                                <th>Wartende Jobs</th>
                                 <th>Aktionen</th>
                             </tr>
                         </thead>
@@ -214,12 +216,42 @@
                 2: 'text-danger'
             }[printer.status] || '';
             
+            // Informationen zum aktuellen Job
+            let currentJobInfo = '-';
+            if (printer.latestJob && printer.status === 1) {
+                // Verbleibende Zeit berechnen
+                const remainingTime = printer.latestJob.remainingMinutes || 0;
+                currentJobInfo = `
+                    <div class="small">
+                        <strong>ID:</strong> ${printer.latestJob.id.substring(0, 8)}...<br>
+                        <strong>Dauer:</strong> ${printer.latestJob.durationInMinutes} Min<br>
+                        <strong>Verbleibend:</strong> ${remainingTime} Min
+                    </div>
+                `;
+            }
+            
+            // Wartende Jobs anzeigen
+            let waitingJobsInfo = '-';
+            if (printer.waitingJobs && printer.waitingJobs.length > 0) {
+                const waitingJobsCount = printer.waitingJobs.length;
+                waitingJobsInfo = `
+                    <div class="small">
+                        <strong>${waitingJobsCount} Job${waitingJobsCount !== 1 ? 's' : ''} in Warteschlange</strong><br>
+                        ${printer.waitingJobs.map((job, index) => 
+                            `<span>${index + 1}. Job ${job.id.substring(0, 8)}... (${job.durationInMinutes} Min)</span>`
+                        ).join('<br>')}
+                    </div>
+                `;
+            }
+            
             row.innerHTML = `
                 <td>${printer.id}</td>
                 <td>${printer.name}</td>
                 <td>${printer.description}</td>
                 <td><span class="${statusClass}">${statusText} (${printer.status})</span></td>
                 <td>${printer.ipAddress || '-'}</td>
+                <td>${currentJobInfo}</td>
+                <td>${waitingJobsInfo}</td>
                 <td>
                     <button type="button" class="btn btn-sm btn-primary" 
                         data-bs-toggle="modal"