Skip to content

[#42] Add drag-and-drop reordering for exercises in workout and template#48

Merged
brianwalborn merged 1 commit intomainfrom
feat/drag-reorder-exercises
Mar 26, 2026
Merged

[#42] Add drag-and-drop reordering for exercises in workout and template#48
brianwalborn merged 1 commit intomainfrom
feat/drag-reorder-exercises

Conversation

@brianwalborn
Copy link
Copy Markdown
Owner

This pull request adds drag-and-drop reordering for exercises in both the Home and Template Form views by integrating the vuedraggable library. It updates the package dependencies, enhances the user interface with drag handles, and refactors the relevant Vue templates to support interactive sorting.

Feature: Drag-and-drop exercise reordering

  • Integrated the vuedraggable library and its dependency sortablejs into the project by updating package.json and package-lock.json. [1] [2] [3] [4]
  • Refactored the exercise lists in HomeView.vue and TemplateFormView.vue to use the <draggable> component, enabling users to reorder exercises via drag-and-drop. [1] [2] [3] [4] [5]
  • Added visual drag handles to each exercise item for improved usability and clear affordance of the drag-and-drop feature. [1] [2]

UI/UX improvements

  • Adjusted spacing and layout in the exercise lists to accommodate the new drag-and-drop functionality and maintain visual consistency. [1] [2] [3]

@brianwalborn brianwalborn changed the title Add drag-and-drop reordering for exercises in workout and template [#42] Add drag-and-drop reordering for exercises in workout and template Mar 26, 2026
@brianwalborn brianwalborn merged commit a21abb1 into main Mar 26, 2026
@brianwalborn brianwalborn deleted the feat/drag-reorder-exercises branch March 26, 2026 01:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant