lfg2025/archy
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases 33 Wiki Activity

feat: add drag-and-drop file upload to Cloud folders

Browse Source 
Drag files over the native file browser area to see a drop zone overlay
with dashed orange border. Dropping files triggers the existing upload
handler. Uses debounced dragleave to prevent flicker between children.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-03-05 07:08:57 +00:00
parent 37105e6be6
commit 621d74bfb3
3 changed files with 67 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.claude/plans/reflective-meandering-castle.md
View File

@@ -45,7 +45,7 @@ After getting Claude Max OAuth working on the live server, hardening the deploy
- **Change**: Add `getUsage()` method to filebrowser-client. In Home.vue, replace hardcoded "2.4 GB" and "5" folders with real data from FileBrowser API. Add `formatBytes()` helper. Show loading state while fetching.
- **Verify**: Home Cloud card shows real storage numbers from FileBrowser
### Task 8: Cloud file drag-and-drop upload
### Task 8: Cloud file drag-and-drop upload [DONE]
- **Files**: `neode-ui/src/views/CloudFolder.vue`, `neode-ui/src/style.css`
- **Change**: Add drag-and-drop overlay with `@dragover.prevent` and `@drop.prevent`. Show visual drop zone when dragging. Extract files from `dataTransfer` and call existing `handleUpload()`.
- **Verify**: Drag a file over CloudFolder — drop zone overlay appears, dropping uploads file