From 7e6128dec44468c74c9300fca04e3286ebd25264 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Tue, 7 Oct 2025 16:06:17 +0200
Subject: [PATCH] =?UTF-8?q?F=C3=BCge=20Funktionalit=C3=A4t=20zum=20Fokussi?=
 =?UTF-8?q?eren=20des=20ersten=20Eingabefelds=20im=20Event-Formular=20hinz?=
 =?UTF-8?q?u=20und=20implementiere=20das=20Scrollen=20zum=20Formular=20bei?=
 =?UTF-8?q?=20der=20Erstellung=20und=20Bearbeitung=20von=20Veranstaltungen?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EventForm.vue          |  9 +++++++++
 src/content/admin/EventManagement.vue | 15 +++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/src/components/EventForm.vue b/src/components/EventForm.vue
index 7bf26e1..7da3739 100644
--- a/src/components/EventForm.vue
+++ b/src/components/EventForm.vue
@@ -312,6 +312,15 @@ export default {
       this.assignedImage = null;
       this.imageFilename = '';
     },
+    focusFirstField() {
+      // Fokussiert das erste Eingabefeld (Name)
+      this.$nextTick(() => {
+        const nameInput = document.getElementById('name');
+        if (nameInput) {
+          nameInput.focus();
+        }
+      });
+    }
   }
 };
 </script>
diff --git a/src/content/admin/EventManagement.vue b/src/content/admin/EventManagement.vue
index ba42d81..a024963 100644
--- a/src/content/admin/EventManagement.vue
+++ b/src/content/admin/EventManagement.vue
@@ -3,6 +3,7 @@
     <h2>Veranstaltungen</h2>
     <button @click="createEvent">Neue Veranstaltung</button>
     <EventForm v-if="showForm" 
+               ref="eventForm"
                :event="selectedEvent" 
                :institutions="institutions" 
                :eventPlaces="eventPlaces" 
@@ -84,10 +85,24 @@ export default {
     createEvent() {
       this.selectedEvent = {};
       this.showForm = true;
+      this.scrollToFormAndFocus();
     },
     editEvent(event) {
       this.selectedEvent = { ...event };
       this.showForm = true;
+      this.scrollToFormAndFocus();
+    },
+    scrollToFormAndFocus() {
+      // Wartet auf das Rendern des Formulars und scrollt dann nach oben
+      this.$nextTick(() => {
+        // Nach oben scrollen
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+        
+        // Das erste Feld fokussieren
+        if (this.$refs.eventForm) {
+          this.$refs.eventForm.focusFirstField();
+        }
+      });
     },
     async deleteEvent(id) {
       try {