Added parentitem title to geotiff, shape and temporal selected-item components.

projects/common-map/src/fm-map/components/map/map.component.ts

@@ -64,6 +64,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
   public selectedFeature$: Observable<Feature> = this.store.select(mapReducers.selectGetSelectedFeature);
   public clickedFeature: Subject<Feature> = new Subject<Feature>();
   public selectedItem$: Observable<IItem> = this.store.select(mapReducers.selectGetSelectedItem);
+  public parentItem$: Observable<IItem> =this.store.select(mapReducers.selectGetParentItem);
   public queryState$: Observable<IQueryState> = this.store.select(mapReducers.selectGetQueryState);
   public state$:Observable<{mapState:IMapState,queryState:IQueryState,setStateCount:number}> = this.store.select(mapReducers.selectGetState);
   public period$: Observable<IPeriodState> = this.store.select(mapReducers.selectGetPeriod);
@@ -82,14 +83,14 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
   private lastUrl = "";
 
   @ViewChild('map') map;
-  
-  constructor(private store: Store<mapReducers.State | commonReducers.State>, 
-    private route: ActivatedRoute, 
+
+  constructor(private store: Store<mapReducers.State | commonReducers.State>,
+    private route: ActivatedRoute,
     private router: Router,
-    private uploadService: ResumableFileUploadService, 
-    private serializeService: StateSerializerService, 
-    public itemTypeService: ItemTypeService, 
-    private location: Location, 
+    private uploadService: ResumableFileUploadService,
+    private serializeService: StateSerializerService,
+    public itemTypeService: ItemTypeService,
+    private location: Location,
     private geolocationService: GeolocationService,
     private zone: NgZone,
     private deviceorientationService:DeviceOrientationService) {
@@ -98,29 +99,29 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
           let newQueryState = tassign(mapReducers.initialQueryState);
           console.debug(`Do Query ${setStateCount}`);
           let urlparts=[];
-          if (queryState.itemCode && queryState.itemCode != "") {         
+          if (queryState.itemCode && queryState.itemCode != "") {
             if(queryState.itemType && queryState.itemType!= "") {
               let itemType = this.itemTypeService.itemTypes[queryState.itemType];
               if (itemType && itemType.viewer && itemType.viewer == "edit_in_editor" && itemType.editor) {
                 urlparts.push('/editor');
                 urlparts.push(itemType.editor);
                 urlparts.push('item');
-                urlparts.push(queryState.itemCode);               
-              }    
-            }         
+                urlparts.push(queryState.itemCode);
+              }
+            }
           } else {
             newQueryState= queryState;
           }
-          if(urlparts.length==0 ) {              
+          if(urlparts.length==0 ) {
             newQueryState.itemCode = queryState.itemCode;
             this.zone.run(() => {
               this.store.dispatch(new mapActions.SetQueryState(newQueryState,false));
             })
           } else {
             this.router.navigate(urlparts);
-          }          
+          }
         }
-      });        
+      });
   }
 
   @HostListener('document:keyup', ['$event'])
@@ -159,7 +160,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
     console.debug("Init");
     this.store.dispatch(new mapActions.Clear());
     this.selectedFeatures$.next({x:0,y:0,features:[]});
-    this.selectedFeatures$.next(null);      
+    this.selectedFeatures$.next(null);
   }
 
   initCustomStyles() {
@@ -203,8 +204,8 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
 
   normalizeMapState(mapState:IMapState):IMapState {
     if(!mapState) return null;
-    return {zoom: this.round(mapState.zoom,0), 
-      rotation: this.round(mapState.rotation,2), 
+    return {zoom: this.round(mapState.zoom,0),
+      rotation: this.round(mapState.rotation,2),
       xCenter: this.round(mapState.xCenter,5),
       yCenter: this.round(mapState.yCenter,5),
       baseLayerCode: mapState.baseLayerCode };
@@ -219,7 +220,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
       let queryState = params.get("queryState");
       var newQueryState = tassign(mapReducers.initialQueryState);
       if (queryState != "") {
-        newQueryState = this.serializeService.deserialize(queryState);          
+        newQueryState = this.serializeService.deserialize(queryState);
       }
       return newQueryState;
     } else {
@@ -227,16 +228,16 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
     }
   }
 
-  ngAfterViewInit() {    
+  ngAfterViewInit() {
     console.debug("View init");
-    this.initCustomStyles();   
+    this.initCustomStyles();
 
     // url to state
 
     this.paramSub = this.route.paramMap.pipe(withLatestFrom(this.state$),switchMap(([params,state]) => {
       var newMapState: IMapState = state.mapState;
       var newQueryState: IQueryState = state.queryState;
-     
+
       var queryStateChanged = false;
       var mapStateChanged = false;
       let urlMapState = this.getMapStateFromUrl(params);
@@ -250,7 +251,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
         newQueryState = urlQueryState;
         queryStateChanged = this.serializeService.serialize(state.queryState) !=  this.serializeService.serialize(urlQueryState);
       }
-  
+
       if(queryStateChanged && mapStateChanged && state.setStateCount ==0) {
         return of(new mapActions.SetState(newMapState,newQueryState));
         window.localStorage.setItem("FarmMapsCommonMap_mapState",this.serializeMapState(newMapState));
@@ -258,16 +259,16 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
         return of(new mapActions.SetQueryState(newQueryState));
       } return of(new mapActions.SetReplaceUrl(true));
     })).subscribe((action) => {
-      if(action) {    
+      if(action) {
         this.zone.run(() => {
           console.debug("Url to state");
-          this.store.dispatch(action);  
-        });       
+          this.store.dispatch(action);
+        });
       }
     });
 
     // state to url
-    
+
     this.stateSub = this.state$.pipe(switchMap((state) => {
       let newUrl = this.serializeMapState(state.mapState) + "_" + this.serializeService.serialize(state.queryState);
       if(this.lastUrl!=newUrl && state.setStateCount>0) {
@@ -276,13 +277,13 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
       }
       else {
         return of(null);
-      }          
+      }
       })).subscribe((newUrlState) =>{
         if(newUrlState) {
           console.debug(`State to url ${newUrlState.setStateCount}`);
           this.replaceUrl(newUrlState.mapState,newUrlState.queryState,newUrlState.replaceUrl);
         }
-      });  
+      });
 
     setTimeout(() => {
       this.map.instance.updateSize();
@@ -315,7 +316,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
     event.preventDefault();
     var queryState = tassign(mapReducers.initialQueryState, query);
     this.store.dispatch(new mapActions.DoQuery(queryState));
-  } 
+  }
 
   replaceUrl(mapState: IMapState, queryState: IQueryState, replace: boolean = true) {
       let parts =["."];
@@ -328,7 +329,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
         parts.push( this.serializeService.serialize(queryState));
         console.debug("Replace url",parts);
         this.router.navigate(parts, { replaceUrl: replace,relativeTo:this.route.parent });
-      }      
+      }
   }
 
   handleOnMoveEnd(event) {
@@ -350,7 +351,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
           this.store.dispatch(new mapActions.SetViewExtent(state.extent));
         }
       });
-    });   
+    });
   }
 
   handleOnMouseDown(event: MouseEvent) {
@@ -366,7 +367,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
 
   handleClearSearch(event) {
     this.store.dispatch(new commonActions.Escape(true, false));
-  }  
+  }
 
   handleOnDelete(itemLayer: IItemLayer) {
     this.store.dispatch(new mapActions.RemoveLayer(itemLayer));
@@ -385,7 +386,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
     extend(extent, itemLayer.layer.getExtent());
     if (extent) {
       this.store.dispatch(new mapActions.SetExtent(extent));
-    }    
+    }
   }
 
   handleSelectBaseLayer(itemLayer: IItemLayer) {
@@ -400,7 +401,7 @@ export class MapComponent implements OnInit, OnDestroy,AfterViewInit {
     if (this.paramSub) this.paramSub.unsubscribe();
     if (this.itemTypeSub) this.itemTypeSub.unsubscribe();
     if (this.stateSub) this.stateSub.unsubscribe();
-    if (this.queryStateSub) this.queryStateSub.unsubscribe();  
+    if (this.queryStateSub) this.queryStateSub.unsubscribe();
     if (this.querySub) this.querySub.unsubscribe();
   }
 }