Wfnews 1930

client/wfnews-war/src/main/angular/src/app/components/dashboard-component/widgets/overview-widget/overview-widget.component.html

@@ -18,9 +18,9 @@
         <img height="17" width="17" src="/assets/images/svg-icons/under-control.svg" alt="Under Control" class="icon"><span class="checkbox-label">Under Control</span>
       </div>
     </div>
-    <div (click)="showViewMapButton = !showViewMapButton" (mouseenter)="showViewMapButton = true" (mouseleave)="showViewMapButton = false" id="dashboard-map" class="dashboard-map-container">
+    <div (click)="toggleMapView()" (mouseenter)="showViewMapButton = true" (mouseleave)="showViewMapButton = false" id="dashboard-map" class="dashboard-map-container">
       <div class="map-overlay" *ngIf="showViewMapButton">
-        <a class="link" routerLink="../map">View Full Map</a>
+        <a class="link">View Full Map</a>
       </div>
     </div>
   </div>

client/wfnews-war/src/main/angular/src/app/components/dashboard-component/widgets/overview-widget/overview-widget.component.ts

@@ -8,6 +8,8 @@ import {
 import * as L from 'leaflet';
 import { AppConfigService } from '@wf1/core-ui';
 import { HttpClient } from '@angular/common/http';
+import { Router } from '@angular/router';
+import { ResourcesRoutes } from '@app/utils';
 
 @Component({
   selector: 'overview-widget',
@@ -24,6 +26,7 @@ export class OverviewWidget implements OnInit, AfterViewInit {
     private cdr: ChangeDetectorRef,
     private httpClient: HttpClient,
     private el: ElementRef,
+    private router: Router,
   ) {}
 
   ngOnInit(): void {
@@ -165,4 +168,9 @@ export class OverviewWidget implements OnInit, AfterViewInit {
       console.error('Feature data not loaded. No data found.');
     }
   }
+
+  toggleMapView(){
+    this.showViewMapButton = !this.showViewMapButton;
+    this.router.navigate([ResourcesRoutes.ACTIVEWILDFIREMAP]);
+  }
 }