From 129e8683ea1388801d3c4bb3bf294b2e460ecefa Mon Sep 17 00:00:00 2001
From: Andreas Knuth <andreas.knuth@gmail.com>
Date: Tue, 26 May 2026 14:14:41 -0500
Subject: [PATCH] show worker

---
 public/js/views/invoice-view.js | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/public/js/views/invoice-view.js b/public/js/views/invoice-view.js
index d6fe2e8..8163768 100644
--- a/public/js/views/invoice-view.js
+++ b/public/js/views/invoice-view.js
@@ -446,7 +446,12 @@ function renderInvoiceRow(invoice) {
         : '';    
 
     const rowClass = paid ? (invoice.payment_status === 'Deposited' ? 'bg-blue-50/50' : 'bg-green-50/50') : partial ? 'bg-yellow-50/30' : overdue ? 'bg-red-50/50' : '';
-
+    
+    // Erstellt einen kleinen runden Badge mit dem ersten Buchstaben, falls ein Worker gesetzt ist
+    const workerBadge = invoice.worker 
+        ? `<span title="Worker: ${invoice.worker}" class="ml-4 inline-flex items-center justify-center w-6 h-6 rounded-full bg-gray-200 text-gray-700 text-xs font-bold border border-gray-300 shrink-0 cursor-help">${invoice.worker.charAt(0).toUpperCase()}</span>`
+        : '';
+    
     return `
         <tr class="${rowClass}">
             <td class="px-4 py-3 whitespace-nowrap text-sm font-medium text-gray-900">${invNumDisplay} ${statusBadge}</td>
@@ -454,10 +459,16 @@ function renderInvoiceRow(invoice) {
             <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500">${formatDate(invoice.invoice_date)}</td>
             <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-600">
                 ${sendDateCell}
-            </td>            <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500">${invoice.terms}</td>
+            </td>            
+            <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500">${invoice.terms}</td>
             <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-900 font-semibold">${amountDisplay}</td>
-            <td class="px-4 py-3 whitespace-nowrap text-sm font-medium space-x-1">
-               ${editBtn} ${qboBtn} ${pdfBtn} ${htmlBtn} ${stripeEmailBtn} ${stripeCheckBtn} ${paidBtn} ${delBtn}
+            <td class="px-4 py-3 whitespace-nowrap text-sm font-medium">
+                <div class="flex items-center justify-between min-w-max">
+                    <div class="space-x-1">
+                        ${editBtn} ${qboBtn} ${pdfBtn} ${htmlBtn} ${stripeEmailBtn} ${stripeCheckBtn} ${paidBtn} ${delBtn}
+                    </div>
+                    ${workerBadge}
+                </div>
             </td>
         </tr>`;
 }