From 7f9a1632b3e24a664e87e31a913f101ab863a2a2 Mon Sep 17 00:00:00 2001
From: Erik Thiele <erik.thiele@cancom.de>
Date: Wed, 2 Sep 2026 16:01:35 +0200
Subject: [PATCH] feat: gewaehlte Logo-Datei im Formular anzeigen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ein Neuladen der Willkommensseite - etwa beim Wechsel des Standorts -
leert alle <input type="file">. Die zuvor gewaehlte Datei ist damit weg,
ohne dass es auffaellt, und das Absenden erzeugt eine Willkommensseite
ohne das hochgeladene Logo.

Unter jedem Datei-Feld steht jetzt "Keine Datei gewählt" bzw. nach der
Auswahl Name und Groesse der Datei. Damit ist vor dem Absenden
erkennbar, ob wirklich etwas angehaengt ist.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 templates/customer.html | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/templates/customer.html b/templates/customer.html
index c9a316a..41b58d6 100644
--- a/templates/customer.html
+++ b/templates/customer.html
@@ -154,8 +154,10 @@
                   placeholder="{{ slots[i][1] }}">{{ contacts[i] if contacts else '' }}</textarea>
 
                 <label class="form-label mt-2" for="logo_file_{{ i + 1 }}">Logo hochladen (optional)</label>
-                <input type="file" class="form-control" id="logo_file_{{ i + 1 }}"
-                       name="logo_file_{{ i + 1 }}" accept="image/*">
+                <input type="file" class="form-control logo-datei" id="logo_file_{{ i + 1 }}"
+                       name="logo_file_{{ i + 1 }}" accept="image/*"
+                       data-status="logo_status_{{ i + 1 }}">
+                <div class="form-hint" id="logo_status_{{ i + 1 }}">Keine Datei gewählt</div>
                 <div class="form-check mt-1">
                   <input class="form-check-input" type="checkbox"
                          id="logo_keep_bg_{{ i + 1 }}" name="logo_keep_bg_{{ i + 1 }}">
@@ -247,5 +249,23 @@
   {% include "_footer.html" %}
 </div> <!-- /page -->
 
+<script>
+  /* Gewaehlte Logo-Datei sichtbar machen. Ein Neuladen der Seite - etwa beim
+     Wechsel des Standorts - leert Datei-Felder, ohne dass man es bemerkt. */
+  document.querySelectorAll(".logo-datei").forEach(function (feld) {
+    var status = document.getElementById(feld.dataset.status);
+    feld.addEventListener("change", function () {
+      if (feld.files && feld.files.length) {
+        var kb = Math.round(feld.files[0].size / 1024);
+        status.textContent = "Gewählt: " + feld.files[0].name + " (" + kb + " KB)";
+        status.className = "form-hint text-success";
+      } else {
+        status.textContent = "Keine Datei gewählt";
+        status.className = "form-hint";
+      }
+    });
+  });
+</script>
+
 </body>
 </html>