Implement member image management features in backend and frontend

This commit introduces new functionalities for managing member images, including uploading, deleting, and setting primary images. The memberController and memberService have been updated to handle these operations, while new routes have been added to facilitate image management. The frontend has been enhanced with an ImageViewerDialog component that supports image rotation, deletion, and setting primary images. Additionally, improvements to the member view allow for better image handling and display. These changes enhance the overall user experience and functionality of the member management system.

backend/models/MemberImage.js

@@ -0,0 +1,40 @@
+import { DataTypes } from 'sequelize';
+import sequelize from '../database.js';
+
+const MemberImage = sequelize.define('MemberImage', {
+  id: {
+    type: DataTypes.INTEGER,
+    autoIncrement: true,
+    primaryKey: true,
+    allowNull: false
+  },
+  memberId: {
+    type: DataTypes.INTEGER,
+    allowNull: false,
+    field: 'member_id',
+    references: {
+      model: 'member',
+      key: 'id'
+    },
+    onDelete: 'CASCADE',
+    onUpdate: 'CASCADE'
+  },
+  fileName: {
+    type: DataTypes.STRING(255),
+    allowNull: false,
+    field: 'file_name'
+  },
+  sortOrder: {
+    type: DataTypes.INTEGER,
+    allowNull: false,
+    defaultValue: 0,
+    field: 'sort_order'
+  }
+}, {
+  tableName: 'member_image',
+  underscored: true,
+  timestamps: true
+});
+
+export default MemberImage;
+

backend/models/index.js

@@ -41,6 +41,7 @@ import MyTischtennisFetchLog from './MyTischtennisFetchLog.js';
 import ApiLog from './ApiLog.js';
 import MemberTransferConfig from './MemberTransferConfig.js';
 import MemberContact from './MemberContact.js';
+import MemberImage from './MemberImage.js';
 // Official tournaments relations
 OfficialTournament.hasMany(OfficialCompetition, { foreignKey: 'tournamentId', as: 'competitions' });
 OfficialCompetition.belongsTo(OfficialTournament, { foreignKey: 'tournamentId', as: 'tournament' });
@@ -250,6 +251,9 @@ MemberTransferConfig.belongsTo(Club, { foreignKey: 'clubId', as: 'club' });
 Member.hasMany(MemberContact, { foreignKey: 'memberId', as: 'contacts' });
 MemberContact.belongsTo(Member, { foreignKey: 'memberId', as: 'member' });
 
+Member.hasMany(MemberImage, { foreignKey: 'memberId', as: 'images' });
+MemberImage.belongsTo(Member, { foreignKey: 'memberId', as: 'member' });
+
 export {
     User,
     Log,
@@ -293,4 +297,5 @@ export {
     ApiLog,
     MemberTransferConfig,
     MemberContact,
+    MemberImage,
 };