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

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);
+  }
 }