From ae71a066c7119f165da3c34cea302c1b64e8bb6e Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Fri, 30 Jan 2026 13:29:01 +0100
Subject: [PATCH] Enhance drag-and-drop functionality in LoggedInView: Update
 event handling to include event parameters for improved debugging and
 clarity. Add console logs to track drag-and-drop actions, enhancing the user
 experience during widget rearrangement.

---
 frontend/src/views/home/LoggedInView.vue | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/home/LoggedInView.vue b/frontend/src/views/home/LoggedInView.vue
index e20ce20..aec6088 100644
--- a/frontend/src/views/home/LoggedInView.vue
+++ b/frontend/src/views/home/LoggedInView.vue
@@ -60,7 +60,7 @@
       v-else
       class="dashboard-grid"
       @dragover.prevent
-      @drop="onGridDrop"
+      @drop.prevent="onGridDrop"
     >
       <template v-for="(w, index) in widgets" :key="w.id">
         <!-- Platzhalter vor dem Widget: Drop hier = Einfügen an index -->
@@ -68,7 +68,7 @@
           v-if="dragOverIndex === index && draggedIndex !== null && draggedIndex !== index"
           class="dashboard-grid-cell dashboard-drop-indicator"
           @dragover.prevent="setDropTarget(index)"
-          @drop.prevent.stop="onDrop(index)"
+          @drop.prevent.stop="onDrop(index, $event)"
         >
           <div class="drop-indicator-line"></div>
         </div>
@@ -80,7 +80,7 @@
           }"
           @dragover.prevent="() => setDropTarget(index)"
           @dragleave="clearDropTarget"
-          @drop="onDrop(index)"
+          @drop="onDrop(index, $event)"
         >
           <DashboardWidget
             v-if="!editMode"
@@ -263,6 +263,7 @@ export default {
     setDropTarget(index) {
       if (this.draggedIndex !== null && this.draggedIndex !== index) {
         this.dragOverIndex = index;
+        console.log('[Dashboard Drag] setDropTarget:', index, '→ dragOverIndex =', index);
       }
     },
     clearDropTarget() {
@@ -274,33 +275,40 @@ export default {
         this.dragOverIndex = this.widgets.length;
       }
     },
-    async onGridDrop() {
+    async onGridDrop(e) {
+      console.log('[Dashboard Drag] onGridDrop — target:', e?.target?.className, 'dragOverIndex:', this.dragOverIndex, 'draggedIndex:', this.draggedIndex);
       if (this.draggedIndex == null) return;
       const from = this.draggedIndex;
-      // Wenn Drop auf Grid landet: zuletzt angezeigte Einfügeposition nutzen (sonst ans Ende)
       const to = this.dragOverIndex != null ? this.dragOverIndex : this.widgets.length;
+      console.log('[Dashboard Drag] onGridDrop → from:', from, 'to:', to, 'widgets.length:', this.widgets.length);
       if (from === to || to < 0 || to > this.widgets.length) {
+        console.log('[Dashboard Drag] onGridDrop — abgebrochen (ungültig)');
         this.draggedIndex = null;
         this.dragOverIndex = null;
         return;
       }
       const item = this.widgets.splice(from, 1)[0];
       this.widgets.splice(to, 0, item);
+      console.log('[Dashboard Drag] onGridDrop — erledigt. Neue Reihenfolge (titles):', this.widgets.map(w => w.title));
       this.draggedIndex = null;
       this.dragOverIndex = null;
       await this.saveConfig();
     },
-    async onDrop(toIndex) {
+    async onDrop(toIndex, e) {
+      console.log('[Dashboard Drag] onDrop — target:', e?.target?.className, 'toIndex:', toIndex, 'draggedIndex:', this.draggedIndex);
       if (this.draggedIndex == null) return;
       const from = this.draggedIndex;
       const to = toIndex;
+      console.log('[Dashboard Drag] onDrop → from:', from, 'to:', to);
       if (from === to) {
+        console.log('[Dashboard Drag] onDrop — abgebrochen (from === to)');
         this.draggedIndex = null;
         this.dragOverIndex = null;
         return;
       }
       const item = this.widgets.splice(from, 1)[0];
       this.widgets.splice(to, 0, item);
+      console.log('[Dashboard Drag] onDrop — erledigt. Neue Reihenfolge (titles):', this.widgets.map(w => w.title));
       this.draggedIndex = null;
       this.dragOverIndex = null;
       await this.saveConfig();