From 0802c2b175d7dfe27470688fb9bbb1c75c6e5710 Mon Sep 17 00:00:00 2001
From: Till Tomczak <till.tmk@gmail.com>
Date: Wed, 4 Jun 2025 00:00:13 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9A=20Improved=20database=20structure?=
 =?UTF-8?q?=20&=20log=20files=20organization=20in=20backend=20#123?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/database/myp.db                       | Bin 135168 -> 135168 bytes
 backend/database/myp.db-wal                   | Bin 32992 -> 37112 bytes
 backend/logs/app/app.log                      |   4 +
 .../logs/printer_monitor/printer_monitor.log  |   8 +
 backend/logs/queue_manager/queue_manager.log  |   4 +
 backend/static/css/ui-refinements.css         | 298 ++++++++++++++++++
 backend/templates/base.html                   |  28 +-
 7 files changed, 321 insertions(+), 21 deletions(-)
 create mode 100644 backend/static/css/ui-refinements.css

diff --git a/backend/database/myp.db b/backend/database/myp.db
index 440f2f07010c82769d9e545158dc54f0a71a4e48..15c7774bdb1bca68d9821ee07aff8b80b415c6f0 100644
GIT binary patch
delta 171
zcmZozz|pXPV}dl}&xtb5j6XLfaO;}}mxYCUT6zSQmYbA$nHUxsIvTq<mu4HMmn5e~
zWam0p<vJ$%<r^C(g&L>l8%2d#Rz;STPF|pIrD|efWn!skW?^7vVq#=qWU6amrfXoV
zU}S6slQA?k*!*Arpf(>+$kNKtM9<LJ#K6>e^SNklCPAPgQ?Q7!p}Db9qXF~ei_xmh
N{Bhg);}}0~1ONxEGeQ6W

delta 171
zcmZozz|pXPV}dl}kBKtQj6XIeaO<0<c<37iC+nG{r~4N=6{q={6!<%*mAXWlg%t;y
z<wQFBMV2I2=!NO!q?-G>B$ZfLhL~jfPhOyJrD|wqWooHsX<=z<W@%(#WU6amrfXoV
zU}S7%Yz&eyH#M>}-~3<ypf;b8m7$51skxq+fuVt!(dKi}+)RQ7CRWBqdIn}dF;ios
VMg!)_7o%01`Qx_p$1#4~2mrC~GJXI6

diff --git a/backend/database/myp.db-wal b/backend/database/myp.db-wal
index d8fc0687dafecada3073f766251ede1929adabee..12c8ca4415ad7d6c92893008a019ae6d16695c08 100644
GIT binary patch
delta 945
zcmaFR$n;|&Q<Ql<TN8usBMAlu0R|vo^p`A~x$9MjQGTpUQq<Xd2Z3UIK&%K8w_2Ef
zJ7IU-DPEu;FP|X;{|o*@{L}c$_#^oZ`MLR?@}1yY&ey@0$Y;2@QGuVYUXPbW(_T2e
zG_|-Sz9_X2L>FhKRK%l-#21$&mXsD7Dj2Hru!x$=X5}Y=Re@-zTzpApZfdcinSzCa
ziGr~#H;bsQIEu2;;?$z}%oLysLo<0U7ExnSptJ+Rn1Z6ryb_oa3u#UkQEiY4gaW7=
zfHtUbu!!3VgA6R5{9j(2-w^096?SAXiF%-r8XHhZ9IOoFB`^a_<|XE)#;4{cX667@
zDHuw#vWRO#j6<k{Nz1XYh#R6yf{X$g0@SR<%p&V740U{QabZqoNossz>Esu(LXkkP
zsxYz08jHiELB_+_&~P(T075ZF7F`Cxf}GNHSZL<trxzO=03(qNId%n#Us&txTDfoY
zgMyp9Jf?<L#wL1(#-_%mhMU*ssWI__lg2HsZ|l`rzr6!0I>Zf9WC~JbVqs{o+0TZX
z370mD)Ey5)lEUBM)MjF32)51K%oNGCC`G>F2Om6dLA9Acon&cg0<{ghwiiCZr*o!U
zJAp$Rm#G=V*=7ctSLbO!eHQRd>Oj8~k0n%-In+Ux7Up2Puxok}>Hb8bInNJ=CLU8u
mh?C9C%ngwIRX*MC$&q_4pP||;A<i*3GJ%C6vbI`3X(j-8V>W>R

literal 32992
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

diff --git a/backend/logs/app/app.log b/backend/logs/app/app.log
index a4e83ea6..ad59ce79 100644
--- a/backend/logs/app/app.log
+++ b/backend/logs/app/app.log
@@ -3654,3 +3654,7 @@ WHERE jobs.status = ?) AS anon_1]
 2025-06-03 23:45:54 - [app] app - [INFO] INFO - 💡 Kiosk-Browser sollte http://127.0.0.1:5000 verwenden
 2025-06-03 23:45:54 - [app] app - [INFO] INFO - ✅ IPv6-Probleme behoben durch IPv4-only Binding
 2025-06-03 23:45:54 - [app] app - [INFO] INFO - ✅ Performance optimiert für Kiosk-Betrieb
+2025-06-03 23:49:52 - [app] app - [INFO] INFO - Admin-Check für Funktion admin_page: User authenticated: True, User ID: 1, Is Admin: True
+2025-06-03 23:49:53 - [app] app - [INFO] INFO - Admin-Check für Funktion api_admin_system_health: User authenticated: True, User ID: 1, Is Admin: True
+2025-06-03 23:50:23 - [app] app - [INFO] INFO - Admin-Check für Funktion api_admin_error_recovery_status: User authenticated: True, User ID: 1, Is Admin: True
+2025-06-03 23:50:23 - [app] app - [INFO] INFO - Admin-Check für Funktion api_admin_system_health: User authenticated: True, User ID: 1, Is Admin: True
diff --git a/backend/logs/printer_monitor/printer_monitor.log b/backend/logs/printer_monitor/printer_monitor.log
index a627b0bc..18c7f73c 100644
--- a/backend/logs/printer_monitor/printer_monitor.log
+++ b/backend/logs/printer_monitor/printer_monitor.log
@@ -3729,3 +3729,11 @@
 2025-06-03 23:46:18 - [printer_monitor] printer_monitor - [INFO] INFO - 🔍 Teste IP 5/6: 192.168.0.102
 2025-06-03 23:46:24 - [printer_monitor] printer_monitor - [INFO] INFO - 🔍 Teste IP 6/6: 192.168.0.105
 2025-06-03 23:46:30 - [printer_monitor] printer_monitor - [INFO] INFO - ✅ Steckdosen-Erkennung abgeschlossen: 0/6 Steckdosen gefunden in 36.0s
+2025-06-03 23:49:53 - [printer_monitor] printer_monitor - [INFO] INFO - 🔄 Aktualisiere Live-Druckerstatus...
+2025-06-03 23:49:53 - [printer_monitor] printer_monitor - [INFO] INFO - ℹ️ Keine aktiven Drucker gefunden
+2025-06-03 23:49:53 - [printer_monitor] printer_monitor - [INFO] INFO - 🔄 Aktualisiere Live-Druckerstatus...
+2025-06-03 23:49:53 - [printer_monitor] printer_monitor - [INFO] INFO - ℹ️ Keine aktiven Drucker gefunden
+2025-06-03 23:50:23 - [printer_monitor] printer_monitor - [INFO] INFO - 🔄 Aktualisiere Live-Druckerstatus...
+2025-06-03 23:50:23 - [printer_monitor] printer_monitor - [INFO] INFO - ℹ️ Keine aktiven Drucker gefunden
+2025-06-03 23:50:23 - [printer_monitor] printer_monitor - [INFO] INFO - 🔄 Aktualisiere Live-Druckerstatus...
+2025-06-03 23:50:23 - [printer_monitor] printer_monitor - [INFO] INFO - ℹ️ Keine aktiven Drucker gefunden
diff --git a/backend/logs/queue_manager/queue_manager.log b/backend/logs/queue_manager/queue_manager.log
index 563b4be0..d043efdd 100644
--- a/backend/logs/queue_manager/queue_manager.log
+++ b/backend/logs/queue_manager/queue_manager.log
@@ -190,3 +190,7 @@
 2025-06-03 23:45:54 - [queue_manager] queue_manager - [INFO] INFO - ✅ Queue-Manager erfolgreich gestartet
 2025-06-03 23:45:54 - [queue_manager] queue_manager - [INFO] INFO - 🔍 Überprüfe 8 wartende Jobs...
 2025-06-03 23:48:34 - [queue_manager] queue_manager - [INFO] INFO - 🔍 Überprüfe 8 wartende Jobs...
+2025-06-03 23:51:14 - [queue_manager] queue_manager - [INFO] INFO - 🔍 Überprüfe 8 wartende Jobs...
+2025-06-03 23:53:54 - [queue_manager] queue_manager - [INFO] INFO - 🔍 Überprüfe 8 wartende Jobs...
+2025-06-03 23:56:34 - [queue_manager] queue_manager - [INFO] INFO - 🔍 Überprüfe 8 wartende Jobs...
+2025-06-03 23:59:14 - [queue_manager] queue_manager - [INFO] INFO - 🔍 Überprüfe 8 wartende Jobs...
diff --git a/backend/static/css/ui-refinements.css b/backend/static/css/ui-refinements.css
new file mode 100644
index 00000000..b293b0ae
--- /dev/null
+++ b/backend/static/css/ui-refinements.css
@@ -0,0 +1,298 @@
+/* UI Refinements - Subtle animations and improved components */
+
+/* ===== DARK MODE TOGGLE - REFINED ===== */
+.dark-mode-toggle {
+  position: relative;
+  width: 44px;
+  height: 24px;
+  padding: 0;
+  background: #e2e8f0;
+  border: none;
+  border-radius: 12px;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+  overflow: hidden;
+}
+
+.dark .dark-mode-toggle {
+  background: #1e293b;
+}
+
+.dark-mode-toggle:hover {
+  background: #cbd5e1;
+}
+
+.dark .dark-mode-toggle:hover {
+  background: #334155;
+}
+
+.dark-mode-toggle-slider {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 20px;
+  height: 20px;
+  background: white;
+  border-radius: 50%;
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.dark .dark-mode-toggle-slider {
+  transform: translateX(20px);
+  background: #475569;
+}
+
+.dark-mode-toggle-icon {
+  font-size: 12px;
+  color: #f59e0b;
+  transition: opacity 0.2s ease;
+}
+
+.dark .dark-mode-toggle-icon.sun {
+  opacity: 0;
+}
+
+.dark .dark-mode-toggle-icon.moon {
+  opacity: 1;
+  color: #60a5fa;
+}
+
+/* ===== SIMPLE NOTIFICATIONS ===== */
+.notification-simple {
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  padding: 12px 16px;
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  transition: opacity 0.2s ease, transform 0.2s ease;
+}
+
+.dark .notification-simple {
+  background: #1f2937;
+  border-color: #374151;
+}
+
+.notification-simple.notification-enter {
+  opacity: 0;
+  transform: translateX(100%);
+}
+
+.notification-simple.notification-enter-active {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+.notification-simple.notification-exit {
+  opacity: 0;
+  transform: translateX(100%);
+}
+
+.notification-content {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex: 1;
+}
+
+.notification-icon {
+  font-size: 18px;
+  width: 20px;
+  text-align: center;
+}
+
+.notification-icon.success { color: #10b981; }
+.notification-icon.error { color: #ef4444; }
+.notification-icon.warning { color: #f59e0b; }
+.notification-icon.info { color: #3b82f6; }
+
+.notification-message {
+  font-size: 14px;
+  color: #374151;
+}
+
+.dark .notification-message {
+  color: #e5e7eb;
+}
+
+.notification-close {
+  background: none;
+  border: none;
+  color: #9ca3af;
+  cursor: pointer;
+  font-size: 20px;
+  line-height: 1;
+  padding: 0;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  transition: background-color 0.2s ease;
+}
+
+.notification-close:hover {
+  background-color: #f3f4f6;
+  color: #6b7280;
+}
+
+.dark .notification-close:hover {
+  background-color: #374151;
+  color: #d1d5db;
+}
+
+/* ===== SIMPLE LOADING SPINNER ===== */
+.loading-spinner {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  border: 2px solid #e5e7eb;
+  border-top-color: #3b82f6;
+  border-radius: 50%;
+  animation: simple-spin 0.8s linear infinite;
+}
+
+@keyframes simple-spin {
+  to { transform: rotate(360deg); }
+}
+
+/* ===== SKELETON LOADER ===== */
+.skeleton {
+  background: #f3f4f6;
+  background-image: linear-gradient(90deg, #f3f4f6 0%, #e5e7eb 50%, #f3f4f6 100%);
+  background-size: 200% 100%;
+  animation: skeleton-shimmer 1.5s ease-in-out infinite;
+  border-radius: 4px;
+}
+
+.dark .skeleton {
+  background: #374151;
+  background-image: linear-gradient(90deg, #374151 0%, #4b5563 50%, #374151 100%);
+}
+
+@keyframes skeleton-shimmer {
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}
+
+.skeleton-text {
+  height: 16px;
+  margin-bottom: 8px;
+  border-radius: 4px;
+}
+
+.skeleton-title {
+  height: 24px;
+  width: 60%;
+  margin-bottom: 12px;
+  border-radius: 4px;
+}
+
+.skeleton-button {
+  height: 40px;
+  width: 120px;
+  border-radius: 6px;
+}
+
+/* ===== SUBTLE HOVER ANIMATIONS ===== */
+.hover-lift {
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.hover-lift:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.hover-scale {
+  transition: transform 0.2s ease;
+}
+
+.hover-scale:hover {
+  transform: scale(1.02);
+}
+
+/* ===== FADE IN ANIMATION ===== */
+.fade-in {
+  animation: fadeIn 0.3s ease-in;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+/* ===== BUTTON PRESS EFFECT ===== */
+.btn-press {
+  transition: transform 0.1s ease;
+}
+
+.btn-press:active {
+  transform: scale(0.98);
+}
+
+/* ===== SUBTLE PULSE FOR ACTIVE STATUS ===== */
+.status-pulse {
+  position: relative;
+}
+
+.status-pulse::before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  background: currentColor;
+  opacity: 0.3;
+  transform: translate(-50%, -50%);
+  animation: subtle-pulse 2s ease-in-out infinite;
+}
+
+@keyframes subtle-pulse {
+  0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }
+  50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0; }
+}
+
+/* ===== SIMPLE PROGRESS BAR ===== */
+.progress-bar {
+  height: 4px;
+  background: #e5e7eb;
+  border-radius: 2px;
+  overflow: hidden;
+}
+
+.progress-bar-fill {
+  height: 100%;
+  background: #3b82f6;
+  transition: width 0.3s ease;
+}
+
+/* ===== NAVBAR ICON ADJUSTMENTS ===== */
+.nav-item i {
+  font-size: 18px;
+  width: 20px;
+  height: 20px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* Mobile Menu Icons */
+.mobile-nav-item i {
+  font-size: 18px;
+  width: 20px;
+  height: 20px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
\ No newline at end of file
diff --git a/backend/templates/base.html b/backend/templates/base.html
index 97674c84..faad1113 100644
--- a/backend/templates/base.html
+++ b/backend/templates/base.html
@@ -301,57 +301,43 @@
                     <nav class="navbar-menu-new" role="navigation" aria-label="Hauptnavigation">
                         <a href="{{ url_for('dashboard') }}" 
                            class="nav-item {{ 'active' if request.endpoint == 'dashboard' else '' }}">
-                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2H5a2 2 0 00-2-2z"/>
-                            </svg>
+                            <i class="fas fa-tachometer-alt w-5 h-5"></i>
                             <span>Dashboard</span>
                         </a>
                         
                         <a href="{{ url_for('printers_page') }}" 
                            class="nav-item {{ 'active' if request.endpoint == 'printers_page' else '' }}">
-                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
-                            </svg>
+                            <i class="fas fa-plug w-5 h-5"></i>
                             <span>Drucker-Steckdosen</span>
                         </a>
                         
                         <a href="{{ url_for('jobs_page') }}" 
                            class="nav-item {{ 'active' if request.endpoint == 'jobs_page' else '' }}">
-                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/>
-                            </svg>
+                            <i class="fas fa-clipboard-list w-5 h-5"></i>
                             <span>Reservierungen</span>
                         </a>
                         
                         <a href="{{ url_for('stats_page') }}" 
                            class="nav-item {{ 'active' if request.endpoint == 'stats_page' else '' }}">
-                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
-                            </svg>
+                            <i class="fas fa-chart-bar w-5 h-5"></i>
                             <span>Statistiken</span>
                         </a>
                         
                         <a href="{{ url_for('calendar.calendar_view') }}" 
                            class="nav-item {{ 'active' if request.endpoint == 'calendar.calendar_view' else '' }}">
-                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
-                            </svg>
+                            <i class="fas fa-calendar-alt w-5 h-5"></i>
                             <span>Schichtplan</span>
                         </a>
                         
                         <a href="{{ url_for('guest.guest_request_form') }}" 
                            class="nav-item {{ 'active' if request.endpoint == 'guest.guest_request_form' else '' }}">
-                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
-                            </svg>
+                            <i class="fas fa-user-plus w-5 h-5"></i>
                             <span>Antrag stellen</span>
                         </a>
                         
                         <a href="{{ url_for('guest.guest_requests_overview') }}" 
                            class="nav-item {{ 'active' if request.endpoint == 'guest.guest_requests_overview' else '' }}">
-                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
-                            </svg>
+                            <i class="fas fa-file-alt w-5 h-5"></i>
                             <span>Meine Anträge</span>
                         </a>