From 0f78c624b10908ad47a456fc2ab902b114a4d2fd Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Fri, 30 Jan 2026 11:44:08 +0100
Subject: [PATCH] Improve drag-and-drop indicators in LoggedInView: Enhance
 visual cues for widget insertion by updating placeholder comments and adding
 event handlers for drag-and-drop actions. This update aims to provide clearer
 instructions for users during widget rearrangement.

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

diff --git a/frontend/src/views/home/LoggedInView.vue b/frontend/src/views/home/LoggedInView.vue
index a6949df..e61e838 100644
--- a/frontend/src/views/home/LoggedInView.vue
+++ b/frontend/src/views/home/LoggedInView.vue
@@ -63,10 +63,12 @@
       @drop="onGridDrop"
     >
       <template v-for="(w, index) in widgets" :key="w.id">
-        <!-- Platzhalter vor dem Widget, wenn hier eingefügt werden soll -->
+        <!-- Platzhalter vor dem Widget: Drop hier = Einfügen an index -->
         <div
           v-if="dragOverIndex === index && draggedIndex !== null && draggedIndex !== index"
           class="dashboard-grid-cell dashboard-drop-indicator"
+          @dragover.prevent="setDropTarget(index)"
+          @drop.prevent="onDrop(index)"
         >
           <div class="drop-indicator-line"></div>
         </div>
@@ -108,10 +110,12 @@
             </button>
           </div>
         </div>
-        <!-- Platzhalter am Ende, wenn dort eingefügt werden soll -->
+        <!-- Platzhalter am Ende: Drop hier = An Ende einfügen -->
         <div
           v-if="dragOverIndex === widgets.length && draggedIndex !== null"
           class="dashboard-grid-cell dashboard-drop-indicator"
+          @dragover.prevent="onGridDragover"
+          @drop.prevent="onGridDrop"
         >
           <div class="drop-indicator-line"></div>
         </div>