giers10/auto-git-gui
1
0
Fork 0
Code Releases Activity

Add drag and drop functionality for folders in renderer.js

Browse Source
This commit is contained in:
Victor Giers
2025-05-25 06:33:44 +02:00
parent 967e27d1b9
commit f2efbb23fa
1 changed files with 24 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
renderer.js
View File

@@ -8,6 +8,30 @@ window.addEventListener('DOMContentLoaded', async () => {
const contentList = document.getElementById('contentList'); const contentList = document.getElementById('contentList');
const panel = document.querySelector('.flex-1.p-4.overflow-y-auto'); 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 // Farben für Sky-Mode
const DAY_COLOR = [173, 216, 230]; const DAY_COLOR = [173, 216, 230];
const NIGHT_COLOR = [0, 0, 50]; const NIGHT_COLOR = [0, 0, 50];
@@ -71,26 +95,6 @@ window.addEventListener('DOMContentLoaded', async () => {
return folders.find(f => f.path === path) || null; 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);
}
}
});