@sailingrotevista/rotevista-dash 7.0.11 → 7.0.13

package/app.js

@@ -23,7 +23,7 @@ let CONFIG = {
         minSpeed: 0.5,
         stabilityBreakout: 15
     },
-    graphs: { reef1: 5, reef2: 10, historyMinutes: 10, samples: 60 },
+    graphs: { reef1: 10, reef2: 15, historyMinutes: 10, samples: 60 },
     scales: {
         stw: { stdMax: 4, hercSpan: 2, step: 1 },
         sog: { stdMax: 4, hercSpan: 2, step: 1 },
@@ -210,18 +210,23 @@ function checkDepthAlarm(m) {
 }
 
 /**
-    * computeTrueWind: Calcola TWS, TWA e TWD strategico.
-    * Gestisce il fallback separato (Split-Fallback) in caso di dati parzialmente nativi di bordo.
-    */
+ * computeTrueWind: Calcola TWS, TWA e TWD strategico.
+ * Gestisce il fallback separato (Split-Fallback) in caso di dati parzialmente nativi di bordo.
+ */
 function computeTrueWind() {
     const aws = store.raw["environment.wind.speedApparent"], awa = store.raw["environment.wind.angleApparent"];
-    const stw = store.raw["navigation.speedThroughWater"] || 0, sog = store.raw["navigation.speedOverGround"] || 0;
+    const stw = store.raw["navigation.speedThroughWater"], sog = store.raw["navigation.speedOverGround"] || 0;
     const hdg = store.raw["navigation.headingTrue"] || 0, cog = store.raw["navigation.courseOverGroundTrue"] || 0;
     if (aws === undefined || awa === undefined) return;
 
     // Usiamo il tempo esatto di arrivo del pacchetto del vento per la coerenza dei buffer
     const now = store.timestamps["environment.wind.speedApparent"] || Date.now();
 
+    // Verifica se lo STW fisicamente attivo ha trasmesso dati negli ultimi 15 secondi
+    const hasStw = store.timestamps["navigation.speedThroughWater"] && (now - store.timestamps["navigation.speedThroughWater"] < 15000);
+    // Se lo STW non è disponibile, usa automaticamente la velocità del GPS (SOG) come riferimento
+    const speedRef = hasStw && stw !== undefined ? stw : sog;
+
     // ==========================================================================
     // 1. GESTIONE TWS (NATIVO vs FALLBACK)
     // ==========================================================================
@@ -232,14 +237,14 @@ function computeTrueWind() {
         // Se la barca invia il TWS nativo, usiamo direttamente quello
         tws_water = store.raw["environment.wind.speedTrue"] ? msToKts(store.raw["environment.wind.speedTrue"]) : 0;
     } else {
-        // Altrimenti eseguiamo il calcolo vettoriale tattico sull'acqua
-        tws_water = Math.sqrt(aws * aws + stw * stw - 2 * aws * stw * Math.cos(awa));
+        // Altrimenti eseguiamo il calcolo vettoriale tattico utilizzando la velocità di riferimento (STW o SOG)
+        tws_water = Math.sqrt(aws * aws + speedRef * speedRef - 2 * aws * speedRef * Math.cos(awa));
         store.raw["environment.wind.speedTrue"] = tws_water;
     }
     
     // BUG RISOLTO: Calcoliamo il TWA sempre, indipendentemente dal TWS nativo!
     if (tws_water > 0.05) {
-        const twa = Math.atan2(aws * Math.sin(awa), aws * Math.cos(awa) - stw);
+        const twa = Math.atan2(aws * Math.sin(awa), aws * Math.cos(awa) - speedRef);
         store.raw["environment.wind.angleTrueWater"] = twa;
         
         // Inserimento atomico e sincronizzato di TWA e AWA nei relativi buffer mobili
@@ -523,10 +528,10 @@ function updateWindTrend() {
             }
             if (deltaTac > 0) {
                 if (gaugeDots.cw) { gaugeDots.cw.classList.add('is-trending'); gaugeDots.cw.setAttribute('fill', tacticColor); }
-                if (gaugeDots.ccw) { gaugeDots.ccw.classList.remove('is-trending'); }
+                if (gaugeDots.ccw) { gaugeDots.ccw.classList.remove('is-trending'); gaugeDots.ccw.setAttribute('fill', '#bbb'); } // Resetta l'attributo di riempimento del pallino inattivo
             } else {
                 if (gaugeDots.ccw) { gaugeDots.ccw.classList.add('is-trending'); gaugeDots.ccw.setAttribute('fill', tacticColor); }
-                if (gaugeDots.cw) { gaugeDots.cw.classList.remove('is-trending'); }
+                if (gaugeDots.cw) { gaugeDots.cw.classList.remove('is-trending'); gaugeDots.cw.setAttribute('fill', '#bbb'); } // Resetta l'attributo di riempimento del pallino inattivo
             }
         } else {
             [gaugeDots.cw, gaugeDots.ccw].forEach(el => { if(el){ el.classList.remove('is-trending'); el.setAttribute('fill', '#bbb'); }});

package/index.js

@@ -252,15 +252,20 @@ module.exports = function (app) {
         // 2. Calcolo combinato di FALLBACK (Si attiva solo se la centralina non invia TWS/TWD nativi)
         const aws = raw["environment.wind.speedApparent"];
         const awa = raw["environment.wind.angleApparent"];
-        const stw = raw["navigation.speedThroughWater"] || 0;
+        const stw = raw["navigation.speedThroughWater"];
         const sog = raw["navigation.speedOverGround"] || 0;
         const hdg = raw["navigation.headingTrue"];
         const cog = raw["navigation.courseOverGroundTrue"] || 0;
 
         if (aws !== undefined && awa !== undefined) {
             const awsKts = aws * 1.94384;
-            const stwKts = stw * 1.94384;
-            const tw_water_x = awsKts * Math.cos(awa) - stwKts;
+            
+            // Verifica se lo STW fisicamente attivo ha trasmesso dati negli ultimi 15 secondi
+            const hasStw = lastPathProcessTimes["navigation.speedThroughWater"] && (now - lastPathProcessTimes["navigation.speedThroughWater"] < 15000);
+            // Se lo STW non è disponibile, usa automaticamente la velocità del GPS (SOG) come riferimento
+            const speedKtsRef = hasStw && stw !== undefined ? (stw * 1.94384) : (sog * 1.94384);
+
+            const tw_water_x = awsKts * Math.cos(awa) - speedKtsRef;
             const tw_water_y = awsKts * Math.sin(awa);
 
             // Calcoliamo il TWS di fallback solo se non abbiamo visto dati nativi negli ultimi 5 secondi
@@ -271,8 +276,8 @@ module.exports = function (app) {
 
             const twa = Math.atan2(tw_water_y, tw_water_x);
             
-            // La VMG viene sempre calcolata a livello server poiché raramente è nativa
-            const vmg = Math.abs(stwKts * Math.cos(twa));
+            // La VMG viene calcolata usando la velocità di riferimento (STW reale o SOG di fallback)
+            const vmg = Math.abs(speedKtsRef * Math.cos(twa));
             manageHistory('vmg', vmg);
 
             // Calcoliamo il TWD di fallback solo se non abbiamo visto dati nativi negli ultimi 5 secondi

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sailingrotevista/rotevista-dash",
-  "version": "7.0.11",
+  "version": "7.0.13",
   "description": "Wind Dashboard with navigation and course aids",
   "main": "index.js",
   "publishConfig": {

package/style.css

@@ -385,7 +385,7 @@ body.night-mode .alarm-danger {
 
 /* ==========================================================================
    9. WIDGETS E OVERRIDE SVG (GIORNO)
-   ========================================================================== */
+   ========================================================================= */
 #status {
     position: absolute;
     top: 15px; right: 15px;
@@ -463,8 +463,46 @@ body.night-mode {
 .night-mode .is-focused .scale-labels { color: #ff3333 !important; }
 
 /* --- 10.4 WIND GAUGE (STRUMENTO CENTRALE) --- */
-.night-mode #wind-gauge circle { fill: #000 !important; stroke: #220000 !important; }
-.night-mode #wind-gauge circle:nth-of-type(2), .night-mode #fullscreen-hotspot { fill: #050000 !important; stroke: #330000 !important; }
+.night-mode #wind-gauge circle:not(#trend-gauge-cw):not(#trend-gauge-ccw) {
+    fill: #000000 !important;
+    stroke: #220000 !important;
+}
+.night-mode #wind-gauge > circle:nth-of-type(2), .night-mode #fullscreen-hotspot {
+    fill: #050000 !important;
+    stroke: #330000 !important;
+}
+
+/* 1. STATO SPENTO/RIPOSO: Attivo solo se l'attributo fill originario è grigio (#bbb o #bbbbbb) */
+.night-mode #trend-gauge-cw[fill="#bbb"],
+.night-mode #trend-gauge-ccw[fill="#bbb"],
+.night-mode #trend-gauge-cw[fill="#bbbbbb"],
+.night-mode #trend-gauge-ccw[fill="#bbbbbb"] {
+    fill: #440000 !important; /* Rosso scurissimo soffuso */
+    stroke: none !important;
+    filter: none !important;
+    opacity: 0.3 !important;
+}
+
+/* 2. STATO ATTIVO VERDE (Buono/Sotto-vento): Attivo solo se JS imposta il colore di lift (#27ae60) */
+.night-mode #trend-gauge-cw[fill="#27ae60"],
+.night-mode #trend-gauge-ccw[fill="#27ae60"] {
+    fill: #00C851 !important; /* Verde smeraldo brillante */
+    stroke: none !important;
+    filter: drop-shadow(0 0 5px #00C851) !important;
+    opacity: 1 !important;
+}
+
+/* 3. STATO ATTIVO ROSSO (Scarso/Sopra-vento o strambata): Attivo se JS imposta il colore di header (#c0392b) o se in allarme strambata */
+.night-mode #trend-gauge-cw[fill="#c0392b"],
+.night-mode #trend-gauge-ccw[fill="#c0392b"],
+.night-mode #trend-gauge-cw.is-gybing,
+.night-mode #trend-gauge-ccw.is-gybing {
+    fill: #ff3b30 !important; /* Rosso brillante */
+    stroke: none !important;
+    filter: drop-shadow(0 0 5px #ff3b30) !important;
+    opacity: 1 !important;
+}
+
 .night-mode #center-glow feDropShadow { flood-color: #ff0000 !important; flood-opacity: 0.6 !important; }
 .night-mode #boat-icon { fill: #220000 !important; stroke: #ff0000 !important; stroke-width: 0.8px !important; opacity: 1 !important; }
 .night-mode #aws-display-group text { fill: #800000 !important; }
@@ -490,10 +528,16 @@ body.night-mode {
 .night-mode #twd-boat-wrap path { fill: #ff3333 !important; opacity: 0.4 !important; }
 .night-mode #twd-arrow #twd-wind-chevron { stroke: #ff3333 !important; }
 
-/* --- 10.6 LOGICA RED-SHIFT TREND --- */
-.night-mode circle[fill="#bbb"], .night-mode circle[fill="#bbbbbb"] { fill: #440000 !important; }
-.night-mode circle[fill="#27ae60"] { fill: #ff0000 !important; }
-.night-mode circle[fill="#c0392b"] { fill: #800000 !important; }
+/* --- 10.6 LOGICA RED-SHIFT TREND (PULITA) --- */
+.night-mode circle[fill="#bbb"]:not(#trend-gauge-cw):not(#trend-gauge-ccw), .night-mode circle[fill="#bbbbbb"]:not(#trend-gauge-cw):not(#trend-gauge-ccw) {
+    fill: #440000 !important;
+}
+.night-mode circle[fill="#27ae60"]:not(#trend-gauge-cw):not(#trend-gauge-ccw) {
+    fill: #ff0000 !important;
+}
+.night-mode circle[fill="#c0392b"]:not(#trend-gauge-cw):not(#trend-gauge-ccw) {
+    fill: #800000 !important;
+}
 
 /* ==========================================================================
    11. TREND E ANIMAZIONI
@@ -533,11 +577,11 @@ body.night-mode {
 }
 
 /* --- OVERRIDE NIGHT MODE PER IL WIND RADAR --- */
-.night-mode #wind-radar circle {
+.night-mode #wind-radar circle:not(.is-trending) {
     fill: #000000 !important;
     stroke: #220000 !important;
 }
-.night-mode #wind-radar circle:nth-of-type(2),
+.night-mode #wind-radar circle:nth-of-type(2):not(.is-trending),
 .night-mode #radar-hotspot {
     fill: #050000 !important;
     stroke: #330000 !important;

package/weather-radar.js

@@ -238,6 +238,16 @@ function renderRadar() {
             borderPath.setAttribute("stroke-linecap", "round");
             borderPath.setAttribute("opacity", opacityValue);
             ringsContainer.appendChild(borderPath);
+        } else {
+            const borderPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
+            borderPath.setAttribute("d", pathData);
+            borderPath.setAttribute("fill", "none");
+            const isNight = document.body.classList.contains('night-mode');
+            borderPath.setAttribute("stroke", isNight ? "#220000" : "#90a4ae");
+            borderPath.setAttribute("stroke-width", BORDER_STROKE_WIDTH);
+            borderPath.setAttribute("stroke-linecap", "round");
+            borderPath.setAttribute("opacity", "0.6");
+            ringsContainer.appendChild(borderPath);
         }
 
         const mainPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
@@ -246,7 +256,7 @@ function renderRadar() {
         mainPath.setAttribute("stroke", strokeColor);
         mainPath.setAttribute("stroke-width", ARC_STROKE_WIDTH);
         mainPath.setAttribute("stroke-linecap", "round");
-        mainPath.setAttribute("opacity", data.isFuture ? "0.5" : opacityValue);
+        mainPath.setAttribute("opacity", data.isFuture ? "0.7" : opacityValue);
         mainPath.id = data.isFuture ? "" : (index === 1 ? "active-present-arc" : "");
         ringsContainer.appendChild(mainPath);
     });