drag & drop renewed, imageCropper revisited, imageOrder persisted, css quirks

bizmatch-server/src/listings/commercial-property-listings.controller.ts

@@ -1,9 +1,10 @@
-import { Body, Controller, Delete, Get, Inject, Param, Post, UploadedFile, UseInterceptors } from '@nestjs/common';
+import { Body, Controller, Delete, Get, Inject, Param, Post, Put, UploadedFile, UseInterceptors } from '@nestjs/common';
 import { ListingsService } from './listings.service.js';
 import { WINSTON_MODULE_PROVIDER } from 'nest-winston';
 import { Logger } from 'winston';
 import { FileInterceptor } from '@nestjs/platform-express';
 import { FileService } from '../file/file.service.js';
+import { CommercialPropertyListing, ImageProperty } from 'src/models/main.model.js';
 
 @Controller('listings/commercialProperty')
 export class CommercialPropertyListingsController {
@@ -21,7 +22,11 @@ export class CommercialPropertyListingsController {
     find(@Body() criteria: any): any {
         return this.listingsService.findCommercialPropertyListings(criteria);
     }
-  
+
+    @Put('imageOrder/:id')
+    async changeImageOrder(@Param('id') id:string,@Body() imageOrder: ImageProperty[]) {
+        this.listingsService.updateImageOrder(id, imageOrder)
+    }
     /**
      * @param listing creates a new listing
      */

bizmatch-server/src/listings/listings.module.ts

@@ -12,6 +12,7 @@ import { UserService } from '../user/user.service.js';
 @Module({
     imports: [RedisModule],
     controllers: [BusinessListingsController, CommercialPropertyListingsController,UnknownListingsController,BrokerListingsController],
-    providers: [ListingsService,FileService,UserService]
+    providers: [ListingsService,FileService,UserService],
+    exports: [ListingsService],
   })
 export class ListingsModule {}

bizmatch-server/src/listings/listings.service.ts

@@ -3,7 +3,8 @@ import {
   BusinessListing,
   CommercialPropertyListing,
   ListingCriteria,
-  ListingType
+  ListingType,
+  ImageProperty
 } from '../models/main.model.js';
 import { convertStringToNullUndefined } from '../utils.js';
 import { WINSTON_MODULE_PROVIDER } from 'nest-winston';
@@ -77,8 +78,8 @@ export class ListingsService {
     }
     return result;
   }
-  async getCommercialPropertyListingById(id: string) {
-    return await this.commercialPropertyListingRepository.fetch(id)
+  async getCommercialPropertyListingById(id: string): Promise<CommercialPropertyListing>{
+    return await this.commercialPropertyListingRepository.fetch(id) as unknown as CommercialPropertyListing;
   }
   async getBusinessListingById(id: string) {
     return await this.businessListingRepository.fetch(id)
@@ -134,4 +135,23 @@ export class ListingsService {
     }
     return listings
   }
+
+  async updateImageOrder(id:string,imageOrder: ImageProperty[]){
+    const listing = await this.getCommercialPropertyListingById(id) as unknown as CommercialPropertyListing
+    listing.imageOrder=imageOrder;
+    this.saveListing(listing);
+  }
+  async deleteImage(listingid:string,name:string,){
+    const listing = await this.getCommercialPropertyListingById(listingid) as unknown as CommercialPropertyListing
+    const index = listing.imageOrder.findIndex(im=>im.name===name);
+    if (index>-1){
+      listing.imageOrder.splice(index,1);
+      this.saveListing(listing);
+    }
+  }
+  async addImage(id:string,imagename: string){
+    const listing = await this.getCommercialPropertyListingById(id) as unknown as CommercialPropertyListing
+    listing.imageOrder.push({name:imagename,code:'',id:''});
+    this.saveListing(listing);
+  }
 }