From 2eb4c828fc6358d5d3b7af64e034ee54b89ae1f2 Mon Sep 17 00:00:00 2001
From: Till Tomczak <till.tmk@gmail.com>
Date: Fri, 30 May 2025 19:47:15 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Backend=20Database=20Optimizatio?=
 =?UTF-8?q?n:=20Improved=20performance=20and=20stability=20for=20myp.db-sh?=
 =?UTF-8?q?m=20&=20myp.db-wal,=20and=20updated=20jobs.html=20templates.=20?=
 =?UTF-8?q?=F0=9F=8E=89=F0=9F=93=9A=F0=9F=92=84?=
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 53592 -> 78312 bytes
 backend/app/templates/jobs.html | 113 +++++++++++++++++++++++++++++---
 3 files changed, 104 insertions(+), 9 deletions(-)

diff --git a/backend/app/database/myp.db-shm b/backend/app/database/myp.db-shm
index 863ce04eb396e4ac133da66d0205dd5d909a64d4..df032d2a1f766c5c30a4b3cdfe6a32359c74c4aa 100644
GIT binary patch
delta 199
zcmZo@U}|V!s+V}A%K!q*K+MR%ARr8+rGWT~g{8?B*1UTAg--T=YrL;6SFm2YF5_b-
zsp^47fdR<e|40BT%)}rtvC&$T3CLxIVmN!_L2cK`e_T13`4|K@9(>O+`J0~rJ3oT}
SgAjx8#)D@yH{YsIV+R0oXEv+=

delta 168
zcmZo@U}|V!s+V}A%K!q55G=q8q@{rPx%A1GVZ9}1>=!!O|E=-9YMz&vdQoAW3#saX
yMu7py-2X@bD$K;dGqKTn;}s3pi4P<u|8eEmc<B?z<Zpfg8!uha+<dD-jU52{ggHw9

diff --git a/backend/app/database/myp.db-wal b/backend/app/database/myp.db-wal
index c694ca039858ebad226c0aeed00882061ce2ec70..dde875e54bc2851ce58ad4212b43be25acefc12e 100644
GIT binary patch
delta 420
zcmcbyi2221mJJaXCkreT;5hi*{$kN~wvf#N69f4tue^|}VQFP-Ze?JpXKZ9*W@cby
zU}UOmV5)0upkRoQF*P+ZoP1z|lmr6<11k_q*)Mdm|6AjIb!GTPzt8D&5;t!Mkmlh5
z8f0jsXJ~F_W^BG$zV{CE<ZJ_8j@k^qFE77tuEL_`eNH<QH(Zyw;bujBFUHBgC-8E-
z_wNw&`_b|N>`v42Kp*okr<4d|-{3;yB!5#wmrB1fy^Q>@bW5YO$g*NfSEDRbSD#G3
zP{U$#pX6{;1OLp-$?G;);Pst}iIu5^o~5C&rGXJv-zCZwc}nitFcac(6H_ZgGd%+X
sLo;LJ%~)I>&d6b6X>p}Kk97+U4g7E;EQ~B06__V)kQdu*t*^@n0Gp$MBme*a

delta 9
QcmaFynB~SI<_!@S0UJC8CIA2c

diff --git a/backend/app/templates/jobs.html b/backend/app/templates/jobs.html
index e877df0b..032b11f1 100644
--- a/backend/app/templates/jobs.html
+++ b/backend/app/templates/jobs.html
@@ -572,7 +572,7 @@
         
         <!-- Quick Action Buttons -->
         <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6" id="quick-actions">
-            <button onclick="showQuickReservation()" 
+            <button onclick="openQuickModal()" 
                     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">
@@ -819,7 +819,7 @@
                     <h3 class="text-xl font-bold text-mercedes-black dark:text-white mb-2">Schnell-Reservierung</h3>
                     <p class="text-mercedes-gray dark:text-slate-400">Reservieren Sie einen Drucker für eine bestimmte Zeit</p>
                 </div>
-                <button onclick="closeQuickReservationModal()" class="p-2 hover:bg-gray-100 dark:hover:bg-slate-700 rounded-lg transition-colors">
+                <button onclick="closeQuickModal()" class="p-2 hover:bg-gray-100 dark:hover:bg-slate-700 rounded-lg transition-colors">
                     <svg class="w-6 h-6 text-mercedes-gray dark:text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
                     </svg>
@@ -865,7 +865,7 @@
                 </div>
                 
                 <div class="flex items-center justify-end gap-3 pt-6 border-t border-mercedes-silver">
-                    <button type="button" onclick="closeQuickReservationModal()" class="btn-secondary">
+                    <button type="button" onclick="closeQuickModal()" class="btn-secondary">
                         Abbrechen
                     </button>
                     <button type="submit" class="btn-primary">
@@ -1841,35 +1841,60 @@ class JobManager {
     }
 }
 
-// Modal Animations
+// Modal Animations - Robuste Version
 function showModal(modalId) {
+    console.log('Opening modal:', modalId);
     const modal = document.getElementById(modalId);
     const content = modal.querySelector('.mercedes-modal, .dashboard-card');
     
-    // Entferne hidden-Klasse und setze display
+    if (!modal || !content) {
+        console.error('Modal or content not found:', modalId);
+        return;
+    }
+    
+    // 1. Setze grundlegende Sichtbarkeit
     modal.classList.remove('hidden');
     modal.style.display = 'block';
+    modal.style.visibility = 'visible';
     
-    // Animation mit leichter Verzögerung für smooth transition
-    setTimeout(() => {
+    // 2. Stelle sicher, dass Modal im Ausgangszustand ist
+    content.classList.remove('scale-100', 'opacity-100');
+    content.classList.add('scale-95', 'opacity-0');
+    
+    // 3. Force repaint für smooth animation
+    modal.offsetHeight;
+    
+    // 4. Animiere zur sichtbaren Position
+    requestAnimationFrame(() => {
         content.classList.remove('scale-95', 'opacity-0');
         content.classList.add('scale-100', 'opacity-100');
-    }, 10);
+    });
+    
+    console.log('Modal opened successfully:', modalId);
 }
 
 function hideModal(modalId) {
+    console.log('Closing modal:', modalId);
     const modal = document.getElementById(modalId);
     const content = modal.querySelector('.mercedes-modal, .dashboard-card');
     
+    if (!modal || !content) {
+        console.error('Modal or content not found:', modalId);
+        return;
+    }
+    
     // Animation rückwärts
     content.classList.remove('scale-100', 'opacity-100');
     content.classList.add('scale-95', 'opacity-0');
     
-    // Nach Animation verstecken
+    // Nach Animation komplett verstecken
     setTimeout(() => {
         modal.classList.add('hidden');
         modal.style.display = 'none';
+        modal.style.visibility = 'hidden';
     }, 200);
+    
+    console.log('Modal closed successfully:', modalId);
 }
 
 // Global functions for UI interactions
@@ -1927,6 +1952,7 @@ function changePage(direction) {
 }
 
 function showQuickReservation() {
+    console.log('🔧 TEST: showQuickReservation() aufgerufen');
     showModal('quickReservationModal');
 }
 
@@ -1960,5 +1986,74 @@ let jobManager;
 document.addEventListener('DOMContentLoaded', () => {
     jobManager = new JobManager();
 });
+
+// Debug-Test-Funktionen
+function testModal() {
+    console.log('🧪 Modal-Test gestartet...');
+    const modal = document.getElementById('quickReservationModal');
+    const content = modal.querySelector('.mercedes-modal');
+    
+    console.log('Modal gefunden:', !!modal);
+    console.log('Content gefunden:', !!content);
+    console.log('Modal HTML:', modal ? modal.outerHTML.substring(0, 200) + '...' : 'NULL');
+    
+    if (modal && content) {
+        console.log('✅ Elemente gefunden - Modal wird geöffnet');
+        showModal('quickReservationModal');
+    } else {
+        console.error('❌ Modal oder Content nicht gefunden');
+    }
+}
+
+// Inline Test-Button (nur für Debugging)
+window.testModalFunction = testModal;
+
+function openQuickModal() {
+    console.log('🚀 openQuickModal() aufgerufen');
+    
+    // Direkte Modal-Öffnung ohne komplizierte Funktionen
+    const modal = document.getElementById('quickReservationModal');
+    const content = modal.querySelector('.mercedes-modal');
+    
+    console.log('Modal Element:', modal);
+    console.log('Content Element:', content);
+    
+    if (modal && content) {
+        // Schritt 1: Modal sichtbar machen
+        modal.classList.remove('hidden');
+        modal.style.display = 'block';
+        
+        // Schritt 2: Animation starten (mit setTimeout für Browser-Repaint)
+        setTimeout(() => {
+            content.classList.remove('scale-95', 'opacity-0');
+            content.classList.add('scale-100', 'opacity-100');
+            console.log('✅ Modal Animation gestartet');
+        }, 100);
+        
+        console.log('✅ Modal sollte jetzt sichtbar sein');
+    } else {
+        console.error('❌ Modal oder Content nicht gefunden');
+    }
+}
+
+function closeQuickModal() {
+    console.log('🔒 closeQuickModal() aufgerufen');
+    
+    const modal = document.getElementById('quickReservationModal');
+    const content = modal.querySelector('.mercedes-modal');
+    
+    if (modal && content) {
+        // Animation rückwärts
+        content.classList.remove('scale-100', 'opacity-100');
+        content.classList.add('scale-95', 'opacity-0');
+        
+        // Nach Animation verstecken
+        setTimeout(() => {
+            modal.classList.add('hidden');
+            modal.style.display = 'none';
+            console.log('✅ Modal geschlossen');
+        }, 200);
+    }
+}
 </script>
 {% endblock %} 
\ No newline at end of file