WIP on displacement highlight sync

src/app/components/map/map.component.ts

@@ -102,20 +102,21 @@ export class MapComponent implements OnInit, OnDestroy  {
   ) {}
 
   ngOnInit(): void {
+
     this.subs.add(
-    this.mapService.selectedSarviewEvent$.pipe(
-      filter(id => !!id)
-    ).subscribe(
-      id => this.selectedSarviewEvent = this.sarviewsEvents?.find(event => event?.event_id === id)
-    ));
+      this.mapService.selectedSarviewEvent$.pipe(
+        filter(id => !!id)
+      ).subscribe(
+        id => this.selectedSarviewEvent = this.sarviewsEvents?.find(event => event?.event_id === id)
+      )
+    );
 
     this.subs.add(
       this.store$.select(scenesStore.getSelectedScene).subscribe(
         scene => this.selectedScene = scene
       )
     );
 
-
     this.subs.add(
       this.screenSize.breakpoint$.subscribe(
         breakpoint => this.breakpoint = breakpoint
@@ -255,7 +256,7 @@ export class MapComponent implements OnInit, OnDestroy  {
           }
         })
         this.pointHistoryService.selectedPoint = pointIndex;
-        console.log('map selected pointIndex:', pointIndex);
+        console.log('map selected point history:', this.pointHistoryService.getHistory());
 
         this.mapService.loadPolygonFrom(wktRepresentation.toString())
       })
@@ -290,7 +291,6 @@ export class MapComponent implements OnInit, OnDestroy  {
     const newMode = successful ?
     models.MapInteractionModeType.EDIT :
     models.MapInteractionModeType.NONE;
-
     this.onNewInteractionMode(newMode);
   }
 

src/app/services/map/map.service.ts

@@ -213,7 +213,6 @@ export class MapService {
     if (this.legacyAreaFormat.isValid(polygon)) {
       polygon = this.legacyAreaFormat.toWkt(polygon);
     }
-
     return this.loadWKT(polygon);
   }
 
@@ -225,7 +224,6 @@ export class MapService {
         polygon,
         this.epsg()
       );
-
       this.setDrawFeature(features);
     } catch (e) {
       didLoad = false;
@@ -519,7 +517,11 @@ export class MapService {
     });
     this.timeseriesClick.on('select', e => {
       e.target.getFeatures().forEach(
-        feature => { this.pointHistoryService.passDraw = true; this.newSelectedDisplacement$.next(feature.get('point')) }
+        feature => {
+          this.pointHistoryService.passDraw = true;
+          this.newSelectedDisplacement$.next(feature.get('point'));
+          console.log('map.service this.timeseriesClick feature:', feature);
+        }
       );
     });