validatedCity, mask for input, confirmatonService, Version Info,

bizmatch/src/app/components/drag-drop-mixed/drag-drop-mixed.component.ts

@@ -1,7 +1,7 @@
 import { CdkDrag, CdkDragEnd, CdkDragMove, DragDropModule, DragRef, moveItemInArray } from '@angular/cdk/drag-drop';
 import { _getShadowRoot } from '@angular/cdk/platform';
 import { CommonModule } from '@angular/common';
-import { Component, ElementRef, input, output, QueryList, ViewChild, ViewChildren } from '@angular/core';
+import { ChangeDetectorRef, Component, ElementRef, Input, input, output, QueryList, ViewChild, ViewChildren } from '@angular/core';
 import { CommercialPropertyListing } from '../../../../../bizmatch-server/src/models/db.model';
 import { environment } from '../../../environments/environment';
 @Component({
@@ -14,12 +14,11 @@ import { environment } from '../../../environments/environment';
 export class DragDropMixedComponent {
   @ViewChild('_container') _container!: ElementRef<HTMLDivElement>;
   @ViewChildren(CdkDrag) _drags!: QueryList<CdkDrag>;
-
+  @Input() ts: number;
   listing = input<CommercialPropertyListing>();
   imageOrderChanged = output<string[]>();
   imageToDelete = output<string>();
   env = environment;
-  ts = new Date().getTime();
   items: string[] = []; //[1, 2, 3, 4, 5, 6, 7, 8, 9];
   private _cachedItems: string[] = []; //[1, 2, 3, 4, 5, 6, 7, 8, 9];
 
@@ -34,12 +33,15 @@ export class DragDropMixedComponent {
   };
   private _containerStyle: CSSStyleDeclaration | null = null;
   public isAnimationActive = false;
-
+  constructor(private cdr: ChangeDetectorRef) {}
   ngOnChanges() {
     this.items = this.listing()?.imageOrder;
     this._cachedItems = this.items.slice();
   }
-
+  ngAfterViewInit() {
+    // Führen Sie einen zusätzlichen Change Detection-Zyklus durch
+    this.cdr.detectChanges();
+  }
   getImageUrl(image: string): string {
     return `${this.env.imageBaseUrl}/pictures/property/${this.listing().imagePath}/${this.listing().serialId}/${image}?_ts=${this.ts}`;
   }