Merge branch 'rates--service-calls' into 'main'

Rates  app:  service calls

See merge request !519

projects/nshmp-apps/src/app/source/rates/components/control-panel/control-panel.component.ts

-import {Component, computed, Signal} from '@angular/core';
+import {Component, computed, OnDestroy, OnInit, Signal} from '@angular/core';
 import {ReactiveFormsModule} from '@angular/forms';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatInputModule} from '@angular/material/input';
@@ -13,6 +13,7 @@ import {
 import {NshmpLibNgControlPanelButtonsComponent} from '@ghsc/nshmp-lib-ng/nshmp';
 import {Location} from '@ghsc/nshmp-utils-ts/libs/nshmp-lib/geo';
 import {environment} from 'projects/nshmp-apps/src/environments/environment';
+import {Subscription} from 'rxjs';
 
 import {AppService} from '../../services/app.service';
 
@@ -31,7 +32,7 @@ import {AppService} from '../../services/app.service';
   styleUrl: './control-panel.component.scss',
   templateUrl: './control-panel.component.html',
 })
-export class ControlPanelComponent {
+export class ControlPanelComponent implements OnInit, OnDestroy {
   formGroup = this.service.formGroup;
 
   /** Data for select site component */
@@ -54,8 +55,58 @@ export class ControlPanelComponent {
 
   parameters = computed(() => this.service.usage()?.response);
 
+  private subs: Subscription[] = [];
+
   constructor(public service: AppService) {}
 
+  ngOnInit(): void {
+    const controls = this.formGroup.controls;
+
+    this.subs.push(
+      controls.model.valueChanges.subscribe(() => this.onModelChange())
+    );
+    this.subs.push(
+      controls.latitude.valueChanges.subscribe(() => this.service.resetState())
+    );
+    this.subs.push(
+      controls.longitude.valueChanges.subscribe(() => this.service.resetState())
+    );
+    this.subs.push(
+      controls.distance.valueChanges.subscribe(() => this.service.resetState())
+    );
+    this.subs.push(
+      controls.timespan.valueChanges.subscribe(() => this.service.resetState())
+    );
+  }
+
+  ngOnDestroy(): void {
+    this.subs.forEach(sub => sub.unsubscribe());
+  }
+
+  private onModelChange(): void {
+    const {latitude, longitude} = this.formGroup.getRawValue();
+    const latitudeBounds = this.service.usage().response.latitude;
+    const longitudeBounds = this.service.usage().response.longitude;
+
+    if (
+      !(
+        latitude >= latitudeBounds.min &&
+        latitude <= latitudeBounds.max &&
+        longitude >= longitudeBounds.min &&
+        longitude <= longitudeBounds.max
+      )
+    ) {
+      this.formGroup.patchValue({
+        latitude: null,
+        longitude: null,
+      });
+    }
+
+    this.formGroup.controls.latitude.markAsPristine();
+    this.formGroup.controls.longitude.markAsPristine();
+    this.service.resetState();
+  }
+
   onSubmit(): void {
     this.service.callService();
   }

projects/nshmp-apps/src/app/source/rates/services/app.service.ts

@@ -160,6 +160,12 @@ export class AppService
       )
       .subscribe(([rateResponse, probabilityResponse]) => {
         this.handleServiceResponse(rateResponse, probabilityResponse);
+        this.updateState({
+          serviceCallInfo: {
+            ...this.state().serviceCallInfo,
+            serviceCalls: [rateUrl, probUrl],
+          },
+        });
         spinnerRef.close();
       });
   }
@@ -266,6 +272,7 @@ export class AppService
           usageResponses,
         });
 
+        this.updateUsageUrl();
         this.initialFormSet();
       });
   }
@@ -310,6 +317,7 @@ export class AppService
         serviceCalls: [],
       },
     });
+    this.updateUsageUrl();
   }
 
   /**
@@ -459,6 +467,15 @@ export class AppService
       .catch((error: Error) => this.nshmpService.throwError$(error));
   }
 
+  private updateUsageUrl(): void {
+    this.updateState({
+      serviceCallInfo: {
+        ...this.state().serviceCallInfo,
+        usage: [`${this.nshmService().url}${this.probabilityEndpoint}`],
+      },
+    });
+  }
+
   /**
    * Determine the X axis range from rate and probability magnitudes.
    *