feat: Implement treatment, gallery, and veil content management features across frontend and backend.

Author: beginwebdev2002

backend/src/app.module.ts

@@ -39,6 +39,5 @@ import { PartnershipModule } from '@modules/partnership';
   providers: [AppService],
 })
 export class AppModule {
-  constructor() {
-  }
+  constructor() {}
 }

backend/src/common/utils/file-system.ts

@@ -30,4 +30,4 @@ export async function deleteFileSafe(relativePath: string): Promise<boolean> {
   } catch (_) {
     return false;
   }
-};
+}

backend/src/common/utils/index.ts

@@ -1,2 +1,2 @@
 export * from './object';
-export * from './file-system';
+export * from './file-system';

backend/src/common/utils/object.ts

@@ -1,10 +1,13 @@
-export function deleteProperties<T>(object: T, properties: (keyof T)[]): Omit<T, keyof T> {
-    const newObject = { ...object };
-    properties.forEach((property) => {
-        if (!newObject[property]) {
-            return;
-        }
-        delete newObject[property];
-    });
-    return newObject;
-}
+export function deleteProperties<T>(
+  object: T,
+  properties: (keyof T)[],
+): Omit<T, keyof T> {
+  const newObject = { ...object };
+  properties.forEach((property) => {
+    if (!newObject[property]) {
+      return;
+    }
+    delete newObject[property];
+  });
+  return newObject;
+}

backend/src/modules/gallery/presentation/gallery.controller.ts

@@ -6,7 +6,12 @@ import {
   Put,
   Param,
   Delete,
+  UseInterceptors,
+  UploadedFiles,
 } from '@nestjs/common';
+import { FilesInterceptor } from '@nestjs/platform-express';
+import { diskStorage } from 'multer';
+import { extname } from 'path';
 import { GalleryService } from '../application/gallery.service';
 import { Gallery } from '../domain/gallery.entity';
 import { CreateGalleryDto } from './dto/create-gallery.dto';
@@ -27,23 +32,73 @@ export class GalleryController {
   }
 
   @Post()
-  async create(@Body() createGalleryDto: CreateGalleryDto): Promise<Gallery> {
+  @UseInterceptors(
+    FilesInterceptor('files', 10, {
+      storage: diskStorage({
+        destination: './uploads/gallery',
+        filename: (req, file, callback) => {
+          const uniqueSuffix =
+            Date.now() + '-' + Math.round(Math.random() * 1e9);
+          const ext = extname(file.originalname);
+          callback(null, `${file.fieldname}-${uniqueSuffix}${ext}`);
+        },
+      }),
+    }),
+  )
+  async create(
+    @Body() createGalleryDto: CreateGalleryDto,
+    @UploadedFiles() files: Array<Express.Multer.File>,
+  ): Promise<Gallery> {
+    const imagePath =
+      files && files.length > 0
+        ? `/uploads/gallery/${files[0].filename}`
+        : null;
+
+    const galleryData = {
+      ...createGalleryDto,
+      imageUrl: imagePath || (createGalleryDto as any).imageUrl,
+    };
+
     // Mapping DTO to Domain Entity
-    const gallery = createGalleryDto as unknown as Omit<
-      Gallery,
-      'id' | 'createdAt'
-    >;
+    const gallery = galleryData as unknown as Omit<Gallery, 'id' | 'createdAt'>;
     return this.galleryService.create(gallery);
   }
 
   @Put(':id')
+  @UseInterceptors(
+    FilesInterceptor('files', 10, {
+      storage: diskStorage({
+        destination: './uploads/gallery',
+        filename: (req, file, callback) => {
+          const uniqueSuffix =
+            Date.now() + '-' + Math.round(Math.random() * 1e9);
+          const ext = extname(file.originalname);
+          callback(null, `${file.fieldname}-${uniqueSuffix}${ext}`);
+        },
+      }),
+    }),
+  )
   async update(
     @Param('id') id: string,
     @Body() updateGalleryDto: UpdateGalleryDto,
+    @UploadedFiles() files: Array<Express.Multer.File>,
   ): Promise<Gallery> {
+    const imagePath =
+      files && files.length > 0
+        ? `/uploads/gallery/${files[0].filename}`
+        : null;
+
+    const galleryData = {
+      ...updateGalleryDto,
+    };
+
+    if (imagePath) {
+      (galleryData as any).imageUrl = imagePath;
+    }
+
     return this.galleryService.update(
       id,
-      updateGalleryDto as unknown as Partial<Gallery>,
+      galleryData as unknown as Partial<Gallery>,
     );
   }
 

backend/src/modules/treatments/presentation/dto/update-treatments.dto.ts

@@ -1,5 +1,4 @@
 import { PartialType } from '@nestjs/mapped-types';
 import { CreateServiceDto } from './create-treatments.dto';
 
-export class UpdateServiceDto extends PartialType(CreateServiceDto) {
-}
+export class UpdateServiceDto extends PartialType(CreateServiceDto) {}

backend/src/modules/treatments/presentation/treatments.controller.ts

@@ -1,4 +1,9 @@
-import { CreateServiceDto as CreateTreatmentDto, Treatments, TreatmentsService, UpdateServiceDto as UpdateTreatmentDto } from '@modules/treatments';
+import {
+  CreateServiceDto as CreateTreatmentDto,
+  Treatments,
+  TreatmentsService,
+  UpdateServiceDto as UpdateTreatmentDto,
+} from '@modules/treatments';
 import {
   Body,
   Controller,

frontend/src/core/constants/api-endpoints.ts

@@ -12,6 +12,11 @@ export const API_ENDPOINTS = {
     URL_BY_ID: (id: string) =>
       linkServerConvert(API_ENDPOINTS.TREATMENTS.URL, id),
   },
+  GALLERY: {
+    URL: "gallery",
+    BASE: linkServerConvert("gallery"),
+    URL_BY_ID: (id: string) => linkServerConvert(API_ENDPOINTS.GALLERY.URL, id),
+  },
   AUTH: {
     LOGIN: "/auth/login",
     REGISTER: "/auth/register",

frontend/src/entities/gallery/constants/gallery.constants.ts

@@ -0,0 +1,10 @@
+export enum GalleryCategories {
+  ALL = "all",
+  VISAGE = "visage",
+  MEDICAL_SPA = "medical_spa",
+  BRIDAL_VEILS = "bridal_veils",
+  INTERIOR = "interior",
+  PRODUCT = "product",
+}
+
+export const GALLERY_CATEGORIES = Object.values(GalleryCategories);

frontend/src/entities/gallery/gallery.service.ts

@@ -25,17 +25,17 @@ export class GalleryService {
   }
 
   // Use this for both create and update if sending full object, or create specific methods
-  createImage(image: Omit<Gallery, "id" | "createdAt">): Observable<Gallery> {
+  createImage(formData: FormData): Observable<Gallery> {
     return this.http
-      .post<Gallery>(this.apiUrl, image)
+      .post<Gallery>(this.apiUrl, formData)
       .pipe(
         tap((newImage) => this._images.update((imgs) => [newImage, ...imgs])),
       );
   }
 
-  updateImage(id: string, image: Partial<Gallery>): Observable<Gallery> {
+  updateImage(id: string, formData: FormData): Observable<Gallery> {
     return this.http
-      .put<Gallery>(`${this.apiUrl}/${id}`, image)
+      .put<Gallery>(`${this.apiUrl}/${id}`, formData)
       .pipe(
         tap((updatedImage) =>
           this._images.update((imgs) =>