From bb54643d18dc03b94fb6ecab1434401815ff39cb Mon Sep 17 00:00:00 2001
From: Till Tomczak <till.tmk@gmail.com>
Date: Fri, 30 May 2025 19:58:13 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9A=20Improved=20database=20structure?=
 =?UTF-8?q?=20&=20templates=20for=20job=20scheduling=20=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/app/database/myp.db-shm | Bin 32768 -> 32768 bytes
 backend/app/database/myp.db-wal | Bin 78312 -> 94792 bytes
 backend/app/templates/jobs.html |  97 ++++++++++++++++++++++++++++++--
 3 files changed, 92 insertions(+), 5 deletions(-)

diff --git a/backend/app/database/myp.db-shm b/backend/app/database/myp.db-shm
index df032d2a1f766c5c30a4b3cdfe6a32359c74c4aa..0c0092ba6904f4133d5f57e94cdb77a853cce87c 100644
GIT binary patch
delta 192
zcmZo@U}|V!s+V}A%K!qbK+MR%ARq&zrGR+WMq_ugntc!K7dqMht?|D4r=!87>_B5H
zsp^47fdR<e|40BT%)}r*u`zh!8jgtvL?+JR*m#A-b@Crq9##<sQ3i>P7hiHr{^lpa
ZEyf_uAPIDqG=t2>iw89~->Oh!2LOHIJ#zp6

delta 171
zcmZo@U}|V!s+V}A%K!q*K+MR%ARr8+rGWT~g{8?B*1UTAg--T=YrL;6SFm2YF5_b-
zsp^47fdR<e|40BT%)}rtu`zh#4;I(S0*oq?|G4sOW@3EDG5MRH1dwq?bMvhVHFf}|
C|232V

diff --git a/backend/app/database/myp.db-wal b/backend/app/database/myp.db-wal
index dde875e54bc2851ce58ad4212b43be25acefc12e..51946c77137bd479aebb3bd078245efcf571d71d 100644
GIT binary patch
delta 297
zcmaFynB~M1)`l&NFAS$IU}O~Fc&VnhG$ME6@y!Ag1Nlu|i;|7qydCuooHN3_s+^Jn
zeUco_{r%H&O2dkc-HQWKqm1<&qXI+ABiypwoL%(2vhrPxrrQZJhVYmgS{WJZ85^1y
z8k<f&ut93Fz(N6zWe3y~bS}$kKuk}H$V$!k3l2z+NJ|gN%lC;g^KvTC%hD^$Pjt_$
z3<@#~$p|a;w@6G$bgam%$_+3`^QnTFZfs>@u4is$YG7grHof4X0LSi#mr9p~w}x)s
z5FpLNV`^e$V5(<kWNc<+x}9H-@h0=+00jY#zK!K}E*0TDU`5<WiZ;K?>0siA3z!(0
RH7YPq-XJfw*;-$h5deC0U-JL}

delta 11
ScmX@{g!RQ^mWC~iFAM=DnFY@P

diff --git a/backend/app/templates/jobs.html b/backend/app/templates/jobs.html
index 032b11f1e..8af674445 100644
--- a/backend/app/templates/jobs.html
+++ b/backend/app/templates/jobs.html
@@ -363,6 +363,93 @@
         outline: 2px solid #0073ce;
         outline-offset: 2px;
     }
+    
+    /* ===== DEZENTE SCROLLBALKEN ===== */
+    
+    /* Webkit-Browser (Chrome, Safari, Edge) */
+    ::-webkit-scrollbar {
+        width: 4px;
+        height: 4px;
+    }
+    
+    ::-webkit-scrollbar-track {
+        background: transparent;
+        border-radius: 4px;
+    }
+    
+    ::-webkit-scrollbar-thumb {
+        background: rgba(0, 0, 0, 0.1);
+        border-radius: 4px;
+        transition: all 0.3s ease;
+    }
+    
+    ::-webkit-scrollbar-thumb:hover {
+        background: rgba(0, 0, 0, 0.2);
+    }
+    
+    /* Dark Mode Scrollbalken */
+    .dark ::-webkit-scrollbar-thumb {
+        background: rgba(255, 255, 255, 0.1);
+    }
+    
+    .dark ::-webkit-scrollbar-thumb:hover {
+        background: rgba(255, 255, 255, 0.2);
+    }
+    
+    /* Firefox-Scrollbalken */
+    * {
+        scrollbar-width: thin;
+        scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
+    }
+    
+    .dark * {
+        scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
+    }
+    
+    /* Hover-Effekt für bessere Sichtbarkeit */
+    body:hover ::-webkit-scrollbar-thumb,
+    .dashboard-card:hover ::-webkit-scrollbar-thumb,
+    .mercedes-modal:hover ::-webkit-scrollbar-thumb {
+        background: rgba(0, 0, 0, 0.15);
+    }
+    
+    .dark body:hover ::-webkit-scrollbar-thumb,
+    .dark .dashboard-card:hover ::-webkit-scrollbar-thumb,
+    .dark .mercedes-modal:hover ::-webkit-scrollbar-thumb {
+        background: rgba(255, 255, 255, 0.15);
+    }
+    
+    /* Auto-Hide Scrollbars (nur bei Bedarf sichtbar) */
+    .jobs-container,
+    .filter-section,
+    .dashboard-card {
+        overflow: auto;
+        scrollbar-width: thin;
+    }
+    
+    /* Smooth Scrolling für bessere UX */
+    html {
+        scroll-behavior: smooth;
+    }
+    
+    /* Spezielle Modal-Scrollbalken */
+    .mercedes-modal {
+        max-height: 90vh;
+        overflow-y: auto;
+    }
+    
+    .mercedes-modal::-webkit-scrollbar {
+        width: 6px;
+    }
+    
+    .mercedes-modal::-webkit-scrollbar-thumb {
+        background: rgba(0, 115, 206, 0.2);
+        border-radius: 3px;
+    }
+    
+    .mercedes-modal::-webkit-scrollbar-thumb:hover {
+        background: rgba(0, 115, 206, 0.3);
+    }
 </style>
 {% endblock %}
 
@@ -582,7 +669,7 @@
                     <p class="text-sm text-mercedes-gray dark:text-slate-400">Reservieren Sie einen Drucker für eine bestimmte Zeit</p>
                 </div>
             </button>
-            <a href="{{ url_for('new_job_page') }}" 
+            <button onclick="toggleFormExpansion()" 
                class="p-6 border-2 border-dashed border-mercedes-silver hover:border-mercedes-blue rounded-xl transition-colors group">
                 <div class="text-center">
                     <svg class="w-8 h-8 mx-auto mb-3 text-mercedes-silver group-hover:text-mercedes-blue transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -591,7 +678,7 @@
                     <h3 class="font-semibold text-mercedes-black dark:text-white mb-1">Vollständiger Auftrag</h3>
                     <p class="text-sm text-mercedes-gray dark:text-slate-400">Erstellen Sie einen kompletten Druckauftrag mit Datei</p>
                 </div>
-            </a>
+            </button>
         </div>
         
         <!-- Expanded Form (Hidden by default) -->
@@ -754,13 +841,13 @@
                     </div>
                     <h3 class="text-xl font-semibold text-mercedes-black dark:text-white mb-2">Keine Aufträge gefunden</h3>
                     <p class="text-mercedes-gray dark:text-slate-400 mb-6">Sie haben derzeit keine Druckaufträge, die den Filterkriterien entsprechen.</p>
-                    <a href="{{ url_for('new_job_page') }}" 
+                    <button onclick="toggleFormExpansion()" 
                        class="btn-primary flex items-center gap-2">
                         <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"/>
                         </svg>
                         Ersten Auftrag erstellen
-                    </a>
+                    </button>
                 </div>
             </div>
         </div>
@@ -1724,7 +1811,7 @@ class JobManager {
             
             if (data.success) {
                 this.showSuccess('Schnell-Reservierung erfolgreich erstellt!');
-                closeQuickReservationModal();
+                closeQuickModal();
                 this.loadJobs(); // Refresh job list
                 
                 // Reset form