Skip to content

Conversation

@aronovgj
Copy link

Summary
This PR adds drag & drop support to the Notes UI so notes can be moved between categories directly.

What changed

  • Notes are now draggable (when not read-only).
  • Dropping a note onto a category in the left sidebar updates the note’s category via the existing setCategory() API call.
  • Dropping a note onto “All notes” removes its category (moves it to uncategorized).
  • Sidebar items show a visual highlight while a draggable note is hovered over them.

Files touched

  • NoteItem.vue: sets drag payload (note id) on drag start.
  • CategoriesList.vue: implements drag-over/drop handlers for categories and “All notes”, and hover styling.

First PR, please let me know if I messed something up.

Signed-off-by: Grigorij Aronov <aronovgj@gmx.net>
@enjeck enjeck force-pushed the feat/drag-drop-categories branch from f6c04e3 to 32e1cb7 Compare January 21, 2026 08:03
@aronovgj aronovgj force-pushed the feat/drag-drop-categories branch from 4f6811e to 1396048 Compare January 22, 2026 19:57
@AndyScherzinger AndyScherzinger added enhancement New feature or request 3. to review labels Jan 22, 2026
Signed-off-by: Grigorij Aronov <aronovgj@gmx.net>
@aronovgj aronovgj force-pushed the feat/drag-drop-categories branch from 1396048 to 1fc61ba Compare January 23, 2026 17:25
Copy link
Contributor

@enjeck enjeck left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks! I tested and it works. Just one question, about what the user sees if the request fails

return
}
await setCategory(noteId, category)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if this fails, we get no feedback?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to review enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants