Fügt die Funktion zum Drehen von Mitgliedsbildern hinzu. Implementiert die Logik zur Bildrotation in MemberService und aktualisiert die entsprechenden Routen und Frontend-Komponenten, um die Benutzeroberfläche für die Bildbearbeitung zu verbessern. Ermöglicht das Drehen von Bildern über die Mitgliederansicht und aktualisiert die Anzeige nach der Bearbeitung.

backend/controllers/memberController.js

@@ -80,4 +80,25 @@ const updateRatingsFromMyTischtennis = async (req, res) => {
     }
 };
 
-export { getClubMembers, getWaitingApprovals, setClubMembers, uploadMemberImage, getMemberImage, updateRatingsFromMyTischtennis };
+const rotateMemberImage = async (req, res) => {
+    try {
+        const { clubId, memberId } = req.params;
+        const { direction } = req.body;
+        const { authcode: userToken } = req.headers;
+        
+        if (!direction || !['left', 'right'].includes(direction)) {
+            return res.status(400).json({ 
+                success: false, 
+                error: 'Ungültige Drehrichtung. Verwenden Sie "left" oder "right".' 
+            });
+        }
+        
+        const result = await MemberService.rotateMemberImage(userToken, clubId, memberId, direction);
+        res.status(result.status).json(result.response);
+    } catch (error) {
+        console.error('[rotateMemberImage] - Error:', error);
+        res.status(500).json({ success: false, error: 'Failed to rotate image' });
+    }
+};
+
+export { getClubMembers, getWaitingApprovals, setClubMembers, uploadMemberImage, getMemberImage, updateRatingsFromMyTischtennis, rotateMemberImage };

backend/routes/memberRoutes.js

@@ -1,4 +1,4 @@
-import { getClubMembers, getWaitingApprovals, setClubMembers, uploadMemberImage, getMemberImage, updateRatingsFromMyTischtennis } from '../controllers/memberController.js';
+import { getClubMembers, getWaitingApprovals, setClubMembers, uploadMemberImage, getMemberImage, updateRatingsFromMyTischtennis, rotateMemberImage } from '../controllers/memberController.js';
 import express from 'express';
 import { authenticate } from '../middleware/authMiddleware.js';
 import multer from 'multer';
@@ -14,5 +14,6 @@ router.get('/get/:id/:showAll', authenticate, getClubMembers);
 router.post('/set/:id', authenticate, setClubMembers);
 router.get('/notapproved/:id', authenticate, getWaitingApprovals);
 router.post('/update-ratings/:id', authenticate, updateRatingsFromMyTischtennis);
+router.post('/rotate-image/:clubId/:memberId', authenticate, rotateMemberImage);
 
 export default router;

backend/services/memberService.js

@@ -320,6 +320,56 @@ class MemberService {
             };
         }
     }
+
+    async rotateMemberImage(userToken, clubId, memberId, direction) {
+        try {
+            await checkAccess(userToken, clubId);
+            const member = await Member.findOne({ where: { id: memberId, clubId: clubId } });
+            
+            if (!member) {
+                return { status: 404, response: { success: false, error: 'Member not found in this club' } };
+            }
+            
+            const imagePath = path.join('images', 'members', `${memberId}.jpg`);
+            if (!fs.existsSync(imagePath)) {
+                return { status: 404, response: { success: false, error: 'Image not found' } };
+            }
+            
+            // Read the image
+            const imageBuffer = await fs.promises.readFile(imagePath);
+            
+            // Calculate rotation angle (-90 for left, +90 for right)
+            const rotationAngle = direction === 'left' ? -90 : 90;
+            
+            // Rotate the image
+            const rotatedBuffer = await sharp(imageBuffer)
+                .rotate(rotationAngle)
+                .jpeg({ quality: 80 })
+                .toBuffer();
+            
+            // Save the rotated image
+            await fs.promises.writeFile(imagePath, rotatedBuffer);
+            
+            return { 
+                status: 200, 
+                response: { 
+                    success: true, 
+                    message: `Bild um ${rotationAngle}° gedreht`,
+                    direction: direction,
+                    rotation: rotationAngle
+                } 
+            };
+        } catch (error) {
+            console.error('[rotateMemberImage] - Error:', error);
+            return { 
+                status: 500, 
+                response: { 
+                    success: false, 
+                    error: 'Fehler beim Drehen des Bildes: ' + error.message 
+                } 
+            };
+        }
+    }
 }
 
 export default new MemberService();