3 Commits

Author	SHA1	Message	Date
matthias.lotz	8332a78c1e	fix: resolve reordering API routing issue ... 🔧 Problem identified and fixed: - nginx proxy was routing /api/groups to /groups (removing /api prefix) - Backend route was registered under /api/groups instead of /groups - Changed backend route registration from '/api/groups' to '/groups' - Tested API endpoint: curl to /api/groups/qion_-lT1/reorder now works - Removed debug console.log statements for cleaner production code ✅ Drag-and-drop reordering now functional in ModerationGroupImagesPage ✅ API requests properly routed through nginx proxy to backend ✅ Error 'Reihenfolge konnte nicht geändert werden' resolved	2025-11-03 21:39:44 +01:00
matthias.lotz	e20b1e433d	feat: complete drag-and-drop reordering integration ... ✅ Phase 2 Complete - Frontend Integration: - Fixed service imports and exports in reorderService.js - Added HTTP request helper to replace missing sendRequest - Integrated reordering in ModerationGroupImagesPage (Admin-only) - Disabled reordering in PublicGroupImagesPage (Public users) - Added optimistic updates with error rollback - Added success/error notifications via SweetAlert2 - Fixed useCallback dependency warnings ✅ Reordering Features: - Drag handles always visible for touch devices - Mobile-friendly drag zones and visual feedback - Loading states during API calls - Automatic slideshow integration via upload_order - Complete error handling and validation Next: End-to-end testing across browsers and devices	2025-11-03 21:16:40 +01:00
matthias.lotz	7564525c7e	feat: implement drag-and-drop reordering infrastructure ... Phase 1 (Backend API): ✅ GroupRepository.updateImageOrder() with SQL transactions ✅ PUT /api/groups/:groupId/reorder API route with validation ✅ Manual testing: Reordering verified working (group qion_-lT1) ✅ Error handling: Invalid IDs, missing groups, empty arrays Phase 2 (Frontend DnD): ✅ @dnd-kit/core packages installed ✅ ReorderService.js for API communication ✅ useReordering.js custom hook with optimistic updates ✅ ImageGalleryCard.js extended with drag handles & sortable ✅ ImageGallery.js with DndContext and SortableContext ✅ CSS styles for drag states, handles, touch-friendly mobile Next: Integration with ModerationGroupImagesPage	2025-11-03 21:06:39 +01:00