From f2efbb23fabd67baec8caa2c1a618f7d68120799 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Sun, 25 May 2025 06:33:44 +0200
Subject: [PATCH] Add drag and drop functionality for folders in renderer.js

---
 renderer.js | 44 ++++++++++++++++++++++++--------------------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/renderer.js b/renderer.js
index d06aeb1..ce737d6 100644
--- a/renderer.js
+++ b/renderer.js
@@ -8,6 +8,30 @@ window.addEventListener('DOMContentLoaded', async () => {
   const contentList = document.getElementById('contentList');
   const panel       = document.querySelector('.flex-1.p-4.overflow-y-auto');
 
+
+  // Drag and Drop
+  document.body.addEventListener('dragover', e => {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = 'copy';
+  });
+
+  document.body.addEventListener('drop', async e => {
+    e.preventDefault();
+    const files = [...e.dataTransfer.files];
+    if (!files.length) return;
+    // Prüfe, ob Ordner:
+    for (let f of files) {
+      // f ist File, hat .path und .type, aber bei Folders oft type="" (leerer String)
+      if (f.type === "" /* = Ordner (bei DnD) */) {
+        await window.electronAPI.addFolderByPath(f.path);
+        await renderSidebar();
+        const sel = await window.electronAPI.getSelected();
+        if (sel) await renderContent(sel);
+      }
+    }
+  });
+
+
   // Farben für Sky-Mode
   const DAY_COLOR   = [173, 216, 230];
   const NIGHT_COLOR = [0,   0,   50];
@@ -71,26 +95,6 @@ window.addEventListener('DOMContentLoaded', async () => {
     return folders.find(f => f.path === path) || null;
   }
 
-  document.body.addEventListener('dragover', e => {
-    e.preventDefault();
-    e.dataTransfer.dropEffect = 'copy';
-  });
-
-  document.body.addEventListener('drop', async e => {
-    e.preventDefault();
-    const files = [...e.dataTransfer.files];
-    if (!files.length) return;
-    // Prüfe, ob Ordner:
-    for (let f of files) {
-      // f ist File, hat .path und .type, aber bei Folders oft type="" (leerer String)
-      if (f.type === "" /* = Ordner (bei DnD) */) {
-        await window.electronAPI.addFolderByPath(f.path);
-        await renderSidebar();
-        const sel = await window.electronAPI.getSelected();
-        if (sel) await renderContent(sel);
-      }
-    }
-  });