raain-app 1.6.21 → 1.6.22

package/fesm2020/raain-app.mjs

@@ -1478,6 +1478,9 @@ class CompareManager {
         }
     }
     async setGaugesInMap() {
+        // Get all gauge IDs linked to this rainNode
+        const rainNodeGaugeIds = this.rainNode.getLinks(GaugeNode.TYPE).map((l) => l.getId());
+        // Fetch gauges from API (may be filtered/limited)
         let gaugesToFilter = await this.profileService.getGauges(this.rainNode?.id, this.rainNode.getCenter());
         gaugesToFilter = gaugesToFilter
             .sort((a, b) => {
@@ -1485,9 +1488,29 @@ class CompareManager {
                 b.approxDistanceFrom(this.rainNode.getCenter()));
         })
             .filter((v, index) => index < 200);
-        const rainNodeGaugeIds = this.rainNode.getLinks(GaugeNode.TYPE).map((l) => l.getId());
-        const visibleGauges = gaugesToFilter.filter((g) => rainNodeGaugeIds.indexOf(g.id) > -1);
-        console.log('visibleGauges:', visibleGauges);
+        // Build a map of gauges from API response
+        const gaugesFromApi = new Map();
+        for (const gauge of gaugesToFilter) {
+            gaugesFromApi.set(gauge.id, gauge);
+        }
+        // Fetch missing gauges individually (those linked but not in API response)
+        const missingGaugeIds = rainNodeGaugeIds.filter((id) => !gaugesFromApi.has(id));
+        for (const gaugeId of missingGaugeIds) {
+            try {
+                const gauge = await this.profileService.getGauge(gaugeId);
+                if (gauge) {
+                    gaugesFromApi.set(gauge.id, gauge);
+                }
+            }
+            catch (e) {
+                console.warn(`Failed to fetch gauge ${gaugeId}:`, e);
+            }
+        }
+        // Filter to only gauges linked to this rainNode
+        const visibleGauges = rainNodeGaugeIds
+            .map((id) => gaugesFromApi.get(id))
+            .filter((g) => !!g);
+        console.log('visibleGauges:', visibleGauges.length, '/', rainNodeGaugeIds.length);
         const gaugesLatLng = [];
         for (const gauge of visibleGauges) {
             gaugesLatLng.push(new MapLatLng(gauge.latitude, gauge.longitude, undefined, gauge.id, gauge.name));
@@ -2518,6 +2541,8 @@ class RaainDetailsComponent {
         const center = this.rainNode.getCenter();
         this.coordinates = new MapLatLng(center.lat, center.lng);
         this.teamNode = await this.profileService.getTeam(this.rainNode.getLink(TeamNode.TYPE).getId());
+        // Load all gauges linked to the rainNode on map
+        await this.compareManager.setGaugesInMap();
         if (this.periodBegin && this.periodEnd) {
             this.updateRefreshManagerPeriod();
             await this.refreshManager.refresh(false, this.toggleAdmin);