Display-Seiten individuell gestalten

Jede Display-Seite bringt jetzt ihr eigenes Erscheinungsbild mit – der
Empfang sieht anders aus als der Tagungsraum nebenan:

- eigenes Logo (leer = Logo aus den Einstellungen)
- formatfüllendes Hintergrundbild mit einstellbarer Abdunklung (0–90 %),
  damit die Karte auf hellen Fotos lesbar bleibt
- eigene Akzentfarbe für den Knopf (leer = Farbe aus dem Design-Tab)
- Karte wahlweise hell oder dunkel; auf Fotos wirkt dunkel meist ruhiger

Logo und Hintergrund lassen sich hochladen oder als URL hinterlegen; beim
Löschen einer Display-Seite verschwinden die hochgeladenen Dateien mit.

Nebenbei aufgeräumt: das Bildfeld (Vorschau + Upload + URL + Entfernen)
lag als Funktion in admin/settings.php und wird jetzt von beiden Seiten
genutzt – Ui::imageField() für die Darstellung, Upload::resolveField()
für die Auswertung.

Sicherheit: die Akzentfarbe landet in einem style-Attribut, deshalb wird
sie sowohl beim Speichern als auch beim Ausgeben auf eine echte Hex-Farbe
geprüft; ein Test hält das fest.

Migration 0006, database.sql nachgezogen, 4 neue Tests (42 gesamt),
Screenshots ergänzt, Version 2.8.0.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

tools/demo/build.py

@@ -99,6 +99,11 @@ document.addEventListener('DOMContentLoaded', function () {
 
 $headline = trim((string)($kiosk['headline'] ?? ''))''')
 
+    # Kiosk-Verwaltung: Formular fuer den Screenshot geoeffnet zeigen
+    patch(os.path.join(target, 'admin', 'kiosks.php'),
+          '<div class="modal" id="kioskModal">',
+          '<div class="modal<?= ($_GET[\'demo\'] ?? \'\') === \'form\' ? \' active\' : \'\' ?>" id="kioskModal">')
+
     # Theme per Query-Parameter erzwingen (fuer Dark-Mode-Screenshots)
     ui = os.path.join(target, 'includes', 'Ui.php')
     patch(ui, 'var s=localStorage.getItem("theme");',

tools/demo/overlay/includes/Database.php

@@ -62,12 +62,16 @@ class Database {
             return [
                 ['id'=>1,'site_id'=>1,'template_id'=>1,'name'=>'Empfang Erdgeschoss','token'=>'a1b2c3d4e5f60718293a4b5c6d7e8f90',
                  'headline'=>'Willkommen im Hotel Seeblick','subline'=>'Tippen Sie auf den Knopf – Ihr WLAN-Code erscheint sofort.',
+                 'logo_url'=>'/demo-assets/logo.svg','background_url'=>'/demo-assets/background.svg',
+                 'bg_overlay'=>55,'accent_color'=>'#0f766e','card_style'=>'dark',
                  'is_active'=>1,'daily_limit'=>150,'cooldown_seconds'=>15,'display_seconds'=>90,'last_used_at'=>null,
                  'site_name'=>'Hauptstandort Nord','site_active'=>1,'template_name'=>'Tagesgast',
                  'tpl_max_uses'=>2,'tpl_expire_minutes'=>480,'qos_rate_max_down'=>20000,'qos_rate_max_up'=>5000,'qos_usage_quota'=>0,
                  'total_vouchers'=>412,'today_vouchers'=>23,'created_at'=>'2026-06-01 10:00:00'],
                 ['id'=>2,'site_id'=>2,'template_id'=>null,'name'=>'Tagungsraum West','token'=>'0f1e2d3c4b5a69788796a5b4c3d2e1f0',
-                 'headline'=>'','subline'=>'','is_active'=>1,'daily_limit'=>0,'cooldown_seconds'=>30,'display_seconds'=>60,
+                 'headline'=>'','subline'=>'','logo_url'=>null,'background_url'=>null,'bg_overlay'=>45,
+                 'accent_color'=>null,'card_style'=>'light',
+                 'is_active'=>1,'daily_limit'=>0,'cooldown_seconds'=>30,'display_seconds'=>60,
                  'last_used_at'=>null,'site_name'=>'Campus West','site_active'=>1,'template_name'=>null,
                  'tpl_max_uses'=>0,'tpl_expire_minutes'=>0,'qos_rate_max_down'=>0,'qos_rate_max_up'=>0,'qos_usage_quota'=>0,
                  'total_vouchers'=>87,'today_vouchers'=>4,'created_at'=>'2026-07-12 09:30:00'],

tools/screenshots.py

@@ -35,9 +35,11 @@ SHOTS = [
     ('two-factor.png',           'admin/security.php',              1200, 900),
     ('updater.png',              'admin/update.php',                1200, 780),
     ('updater-available.png',    'admin/update.php?demo=available', 1200, 780),
-    ('kiosk-display.png',        'kiosk.php?k=a1b2c3d4e5f60718293a4b5c6d7e8f90',            1200, 900),
+    ('kiosk-display.png',        'kiosk.php?k=0f1e2d3c4b5a69788796a5b4c3d2e1f0',            1200, 900),
     ('kiosk-code.png',           'kiosk.php?k=a1b2c3d4e5f60718293a4b5c6d7e8f90&demo=code',  1200, 900),
+    ('kiosk-branded.png',        'kiosk.php?k=a1b2c3d4e5f60718293a4b5c6d7e8f90',            1200, 900),
     ('kiosks-admin.png',         'admin/kiosks.php',                1200, 780),
+    ('kiosks-form.png',          'admin/kiosks.php?demo=form',      1200, 1150),
     ('mobile-vouchers.png',      'admin/users.php',                  430, 860),
     ('maintenance.png',          'updater/templates/maintenance.html', 1200, 700),
 ]