Checkin Seite erstellt

2026-01-30 18:59:00 +01:00
parent a1ddaf5a35
commit 32f40124a8
10 changed files with 619 additions and 42 deletions
--- a/views/checkin-result.ejs
+++ b/views/checkin-result.ejs
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title><%= title %> - Stundenerfassung</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+      background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 20px;
+      color: #333;
+    }
+    .card {
+      background: #fff;
+      border-radius: 12px;
+      box-shadow: 0 10px 40px rgba(0,0,0,0.2);
+      padding: 2.5rem;
+      max-width: 420px;
+      width: 100%;
+      text-align: center;
+    }
+    .icon {
+      font-size: 4rem;
+      margin-bottom: 1rem;
+      line-height: 1;
+    }
+    .card h1 {
+      font-size: 1.5rem;
+      margin-bottom: 0.75rem;
+      color: #2c3e50;
+    }
+    .card .message {
+      color: #555;
+      font-size: 1rem;
+      line-height: 1.5;
+    }
+    .card.success .icon { color: #27ae60; }
+    .card.success h1 { color: #27ae60; }
+    .card.error .icon { color: #e74c3c; }
+    .card.error h1 { color: #e74c3c; }
+  </style>
+</head>
+<body>
+  <div class="card <%= success ? 'success' : 'error' %>">
+    <div class="icon" aria-hidden="true"><%= success ? '✓' : '!' %></div>
+    <h1><%= title %></h1>
+    <p class="message"><%= message %></p>
+  </div>
+</body>
+</html>
--- a/views/dashboard.ejs
+++ b/views/dashboard.ejs
@@ -116,6 +116,9 @@
                  <button onclick="copyToClipboard('checkoutUrl')" class="btn btn-sm btn-secondary" style="padding: 8px 12px;">Kopieren</button>
                </div>
              </div>
+              <div style="margin-top: 12px;">
+                <a href="/api/dashboard/qr-pdf" class="btn btn-sm btn-secondary" style="padding: 8px 12px; text-decoration: none; display: inline-block;" download>QR-Code-PDF herunterladen</a>
+              </div>
            </div>
            
            <!-- IP-Erfassung -->