signalk-mareas-ihm 2.1.2 → 2.1.3

package/dist/build-info.json

@@ -1,7 +1,7 @@
 {
-  "version": "2.1.2",
-  "timestamp": "20260609-0141",
+  "version": "2.1.3",
+  "timestamp": "20260609-0150",
   "gitHash": null,
   "gitDirty": true,
-  "builtAt": "2026-06-08T23:41:36.818Z"
+  "builtAt": "2026-06-08T23:50:21.804Z"
 }

package/dist/index.js

@@ -49,7 +49,7 @@ function isPositionValue(v) {
 // timestamp + git hash so we can verify exactly which build is running on the Pi
 // without ambiguity. ("¿Qué versión tengo deployada?" → /api/paths or landing.)
 const PLUGIN_VERSION = esmRequire("../package.json").version;
-const PLUGIN_REVISION = "Rev313";
+const PLUGIN_REVISION = "Rev314";
 let _buildInfo = null;
 try {
     _buildInfo = esmRequire("./build-info.json");

package/dist/mobile.html

@@ -1320,30 +1320,30 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
      mismas funciones que el desktop -->
 <div id="m-sidebar">
   <!-- Rev187: orden Echar, Centrar, Info, AIS, Cartas, Abrigo, Curvas, Mareas, Alarmas, Fondeo -->
-  <button class="m-sb-btn" id="m-sb-anchor" onclick="m_onAnchorBtn()" title="Fondear/Levar"><span class="ico">⚓</span><span id="m-sb-anchor-lbl" data-i18n="sb_echar">Echar</span></button>
-  <button class="m-sb-btn" id="m-sb-center" onclick="centerOnAnchor&&centerOnAnchor()||m_centerOnBoat()" title="Centrar mapa">
+  <button class="m-sb-btn" id="m-sb-anchor" onclick="m_onAnchorBtn()" data-i18n-title="sb_anchor_tip" title="Fondear/Levar"><span class="ico">⚓</span><span id="m-sb-anchor-lbl" data-i18n="sb_echar">Echar</span></button>
+  <button class="m-sb-btn" id="m-sb-center" onclick="centerOnAnchor&&centerOnAnchor()||m_centerOnBoat()" data-i18n-title="sb_centrar_tip" title="Centrar mapa">
     <span class="ico" style="display:inline-flex;align-items:center;justify-content:center"><svg viewBox="0 0 44 44" width="34" height="34"><circle cx="22" cy="22" r="18" fill="none" stroke="#f44336" stroke-width="2.5" stroke-dasharray="4 3"/><line x1="22" y1="0" x2="22" y2="44" stroke="#f44336" stroke-width="1.5"/><line x1="0" y1="22" x2="44" y2="22" stroke="#f44336" stroke-width="1.5"/><circle cx="22" cy="22" r="3" fill="#f44336"/><text x="22" y="27" text-anchor="middle" font-size="18" fill="#fff" style="filter:drop-shadow(0 0 2px #000)">⚓</text></svg></span>
     <span data-i18n="sb_centrar">Centrar</span>
   </button>
-  <button class="m-sb-btn" id="m-sb-info"   onclick="m_openInfoModal()" title="Datos del fondeo">
+  <button class="m-sb-btn" id="m-sb-info"   onclick="m_openInfoModal()" data-i18n-title="sb_info_tip" title="Datos del fondeo">
     <span class="ico" style="background:#fff;color:#000;width:32px;height:32px;border-radius:50%;font-family:Georgia,serif;font-style:italic;font-weight:900;font-size:22px;display:inline-flex;align-items:center;justify-content:center;line-height:1">i</span>
     <span data-i18n="sb_info">Info</span>
   </button>
-  <button class="m-sb-btn" id="m-sb-ais"    onclick="m_toggleAisList()" title="AIS en zona"><span class="ico">🚢</span><span id="m-sb-ais-lbl" data-i18n="sb_ais">AIS</span></button>
-  <button class="m-sb-btn" id="m-sb-panel"  onclick="m_togglePanel()" title="Cartas y Capas"><span class="ico">🗺️</span><span data-i18n="sb_cartas">Cartas</span></button>
-  <button class="m-sb-btn" id="m-sb-abrigo" onclick="openShelterConfig()" title="Previsión abrigo"><span class="ico">🏔️</span><span data-i18n="sb_abrigo">Abrigo</span></button>
+  <button class="m-sb-btn" id="m-sb-ais"    onclick="m_toggleAisList()" data-i18n-title="ais_en_zona" title="AIS en zona"><span class="ico">🚢</span><span id="m-sb-ais-lbl" data-i18n="sb_ais">AIS</span></button>
+  <button class="m-sb-btn" id="m-sb-panel"  onclick="m_togglePanel()" data-i18n-title="panel_cartas_capas" title="Cartas y Capas"><span class="ico">🗺️</span><span data-i18n="sb_cartas">Cartas</span></button>
+  <button class="m-sb-btn" id="m-sb-abrigo" onclick="openShelterConfig()" data-i18n-title="sb_abrigo_tip" title="Previsión abrigo"><span class="ico">🏔️</span><span data-i18n="sb_abrigo">Abrigo</span></button>
   <!-- Rev297: Curvas y Mareas se han movido al left bar (entre Favorito y KIP).
        Se quitan de aquí para no duplicar. -->
-  <button class="m-sb-btn" id="m-sb-alarm"  onclick="toggleAlarmPanel()" title="Panel de alarmas"><span class="ico">🔔</span><span data-i18n="sb_alarmas">Alarmas</span></button>
-  <button class="m-sb-btn" id="m-sb-fondeo" onclick="openPopup('fondeo-pop');fetchFondeoData()" title="Cálculo fondeo"><span class="ico">⛓️</span><span data-i18n="sb_fondeo">Fondeo</span></button>
+  <button class="m-sb-btn" id="m-sb-alarm"  onclick="toggleAlarmPanel()" data-i18n-title="sb_alarmas_tip" title="Panel de alarmas"><span class="ico">🔔</span><span data-i18n="sb_alarmas">Alarmas</span></button>
+  <button class="m-sb-btn" id="m-sb-fondeo" onclick="openPopup('fondeo-pop');fetchFondeoData()" data-i18n-title="sb_fondeo_tip" title="Cálculo fondeo"><span class="ico">⛓️</span><span data-i18n="sb_fondeo">Fondeo</span></button>
 </div>
 
 <!-- Bottom info bar (icon-led + mini sparkline presión + grade abrigo) -->
 <!-- Rev285: viento con flecha grande+kt dentro, junto a SOG.
      Donut de abrigo con letra dentro. SOG sin click. -->
 <div id="m-bottom-bar">
-  <div class="it" title="Velocidad sobre fondo"><span class="lb" data-i18n="bb_velocidad">Velocidad</span><span class="vl" id="m-bb-sog">—</span></div>
-  <div class="it m-bb-wind" title="Viento real (veleta) · flecha apunta hacia DONDE VA (TO) · click → Meteo" onclick="toggleMeteo&&toggleMeteo()">
+  <div class="it" data-i18n-title="bb_velocidad_tip" title="Velocidad sobre fondo"><span class="lb" data-i18n="bb_velocidad">Velocidad</span><span class="vl" id="m-bb-sog">—</span></div>
+  <div class="it m-bb-wind" data-i18n-title="bb_viento_tip" title="Viento real (veleta) · flecha apunta hacia DONDE VA (TO) · click → Meteo" onclick="toggleMeteo&&toggleMeteo()">
     <span class="lb" data-i18n="bb_viento">Viento</span>
     <!-- Rev295: alineación correcta con el resto de .vl. El SVG con margin
          negativo compensa el padding interno del viewBox 28 con flecha hasta
@@ -1357,10 +1357,10 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
       <span class="vl" id="m-bb-wind-kt-txt">—<span style="font-size:11px;font-weight:700;opacity:.75;margin-left:2px">kts</span></span>
     </div>
   </div>
-  <div class="it" title="Profundidad bajo quilla · Sonda" onclick="openPopup&&openPopup('sonda-pop')"><span class="lb" data-i18n="bb_sonda">Sonda</span><span class="vl" id="m-bb-sonda">—</span><span id="m-bb-sonda-status" style="display:none;font-size:9px;font-weight:800;margin-top:2px;text-align:center;line-height:1.1"></span></div>
-  <div class="it" title="Cadena recomendada" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_cadena_rec">Cadena rec.</span><span class="vl" id="m-bb-cad">—</span></div>
-  <div class="it" title="Distancia al ancla" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_dist_ancla">Dist. ancla</span><span class="vl" id="m-bb-dist">—</span></div>
-  <div class="it m-bb-graph" title="Presión barométrica · línea naranja = AHORA · click → Meteo" onclick="toggleMeteo&&toggleMeteo()">
+  <div class="it" data-i18n-title="bb_sonda_tip" title="Profundidad bajo quilla · Sonda" onclick="openPopup&&openPopup('sonda-pop')"><span class="lb" data-i18n="bb_sonda">Sonda</span><span class="vl" id="m-bb-sonda">—</span><span id="m-bb-sonda-status" style="display:none;font-size:9px;font-weight:800;margin-top:2px;text-align:center;line-height:1.1"></span></div>
+  <div class="it" data-i18n-title="bb_cadena_tip" title="Cadena recomendada" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_cadena_rec">Cadena rec.</span><span class="vl" id="m-bb-cad">—</span></div>
+  <div class="it" data-i18n-title="bb_dist_tip" title="Distancia al ancla" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_dist_ancla">Dist. ancla</span><span class="vl" id="m-bb-dist">—</span></div>
+  <div class="it m-bb-graph" data-i18n-title="bb_presion_tip" title="Presión barométrica · línea naranja = AHORA · click → Meteo" onclick="toggleMeteo&&toggleMeteo()">
     <span class="lb" data-i18n="bb_presion">Presión</span>
     <!-- Rev288: viewBox extendido 0-80 para reservar espacio a la previsión
          (a la derecha del AHORA). El histórico ocupa 0-60 (línea AHORA en
@@ -1373,11 +1373,11 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
     </svg>
     <span class="vl" id="m-bb-pres-val" style="font-size:13px!important">—</span>
   </div>
-  <div class="it m-bb-grade" title="Grado de abrigo · click → Abrigo" onclick="openShelterConfig&&openShelterConfig()">
+  <div class="it m-bb-grade" data-i18n-title="bb_abrigo_tip" title="Grado de abrigo · click → Abrigo" onclick="openShelterConfig&&openShelterConfig()">
     <span class="lb" data-i18n="bb_abrigo">Abrigo</span>
     <span id="m-bb-grade" style="display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:rgba(120,120,120,.35);color:#fff;font-weight:900;font-size:18px;line-height:1">—</span>
   </div>
-  <div class="it m-bb-donut" title="Calidad de abrigo (gauge) · click → Abrigo" onclick="openShelterConfig&&openShelterConfig()">
+  <div class="it m-bb-donut" data-i18n-title="bb_calidad_tip" title="Calidad de abrigo (gauge) · click → Abrigo" onclick="openShelterConfig&&openShelterConfig()">
     <span class="lb" data-i18n="bb_calidad">Calidad</span>
     <svg viewBox="0 0 36 36" width="38" height="38" style="display:block">
       <circle cx="18" cy="18" r="15.5" fill="none" stroke="rgba(255,255,255,.15)" stroke-width="3.5"/>
@@ -1777,14 +1777,14 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
 <!-- Rev286: modal propio para guardar fondeo favorito (en vez del prompt() nativo cutre). -->
 <div class="popup-overlay" id="m-fav-save-pop" onclick="if(event.target.id==='m-fav-save-pop')closePopup('m-fav-save-pop')">
   <div class="popup-box" onclick="event.stopPropagation()">
-    <h4>❤ Guardar fondeo favorito</h4>
-    <p style="opacity:.85;margin:8px 0 14px">Nombre del favorito (vacío = nombre automático por geolocalización):</p>
-    <input type="text" id="m-fav-save-name" placeholder="p.ej. Cangas - Massó"
+    <h4 data-i18n="fav_guardar_title">❤ Guardar fondeo favorito</h4>
+    <p style="opacity:.85;margin:8px 0 14px" data-i18n="fav_guardar_hint">Nombre del favorito (vacío = nombre automático por geolocalización):</p>
+    <input type="text" id="m-fav-save-name" data-i18n-placeholder="fav_placeholder" placeholder="p.ej. Cangas - Massó"
       style="width:100%;padding:14px 16px;font-size:20px;border-radius:10px;border:2px solid rgba(255,255,255,.25);background:rgba(0,0,0,.35);color:#fff;box-sizing:border-box"
       onkeydown="if(event.key==='Enter')m_favSaveConfirm();">
     <div style="display:flex;gap:10px;justify-content:flex-end;margin-top:18px">
-      <button onclick="closePopup('m-fav-save-pop')" style="padding:12px 22px;background:rgba(255,255,255,.15);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:17px;font-weight:700">Cancelar</button>
-      <button onclick="m_favSaveConfirm()" style="padding:12px 22px;background:var(--org);color:#0a1929;border:none;border-radius:10px;cursor:pointer;font-size:17px;font-weight:900">Guardar</button>
+      <button onclick="closePopup('m-fav-save-pop')" style="padding:12px 22px;background:rgba(255,255,255,.15);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:17px;font-weight:700" data-i18n="m_cancelar">Cancelar</button>
+      <button onclick="m_favSaveConfirm()" style="padding:12px 22px;background:var(--org);color:#0a1929;border:none;border-radius:10px;cursor:pointer;font-size:17px;font-weight:900" data-i18n="m_guardar">Guardar</button>
     </div>
   </div>
 </div>
@@ -1797,7 +1797,7 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
       <div style="margin:4px 0;font-size:21px;display:flex;gap:10px;align-items:center;flex-wrap:wrap">
         <span style="opacity:.6;flex-shrink:0"><span data-i18n="meteo_modelo">Modelo:</span></span>
         <select id="meteo-model" style="background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;padding:4px 8px;font-size:21px;flex-shrink:0" onchange="fetchMeteo()">
-          <option value="" style="background:#1a2a3a;color:#fff">Mejor (automático)</option><option value="&models=icon_seamless" style="background:#1a2a3a;color:#fff">ICON (DWD)</option><option value="&models=gfs_seamless" style="background:#1a2a3a;color:#fff">GFS (NOAA)</option><option value="&models=ecmwf_ifs025" style="background:#1a2a3a;color:#fff">ECMWF IFS</option><option value="&models=meteofrance_seamless" style="background:#1a2a3a;color:#fff">Météo-France</option><option value="&models=gem_seamless" style="background:#1a2a3a;color:#fff">GEM (Canada)</option><option value="&models=jma_seamless" style="background:#1a2a3a;color:#fff">JMA (Japan)</option>
+          <option value="" style="background:#1a2a3a;color:#fff" data-i18n="meteo_modelo_auto">Mejor (automático)</option><option value="&models=icon_seamless" style="background:#1a2a3a;color:#fff">ICON (DWD)</option><option value="&models=gfs_seamless" style="background:#1a2a3a;color:#fff">GFS (NOAA)</option><option value="&models=ecmwf_ifs025" style="background:#1a2a3a;color:#fff">ECMWF IFS</option><option value="&models=meteofrance_seamless" style="background:#1a2a3a;color:#fff">Météo-France</option><option value="&models=gem_seamless" style="background:#1a2a3a;color:#fff">GEM (Canada)</option><option value="&models=jma_seamless" style="background:#1a2a3a;color:#fff">JMA (Japan)</option>
         </select>
         <span id="meteo-model-desc" style="font-size:20px;color:#cde;font-weight:600;flex:1;min-width:200px;line-height:1.25;white-space:normal"></span>
       </div>
@@ -1806,7 +1806,7 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
          como TEXTO HTML — se renderizaba tal cual hasta que fetchMeteo()
          reemplazaba el innerHTML. Ahora simplemente "Cargando…" en plano; JS
          lo sobreescribe en cuanto llega el primer fetch. -->
-    <div id="meteo-panel" style="overflow-y:auto;flex:1;padding:0"><div style="text-align:center;padding:20px;opacity:.5;font-size:15px">Cargando…</div></div>
+    <div id="meteo-panel" style="overflow-y:auto;flex:1;padding:0"><div style="text-align:center;padding:20px;opacity:.5;font-size:15px" data-i18n="m_cargando">Cargando…</div></div>
   </div>
 </div>
 <div class="popup-overlay" id="ais-pop" onclick="closePopup('ais-pop')" style="background:transparent;pointer-events:none"><div class="popup-box" onclick="event.stopPropagation()" style="position:fixed;bottom:80px;left:10px;pointer-events:auto;width:321px;max-height:445px;overflow-y:auto;z-index:2001;padding:10px 12px;box-sizing:border-box"><button onclick="closePopup('ais-pop')" style="position:absolute;top:6px;right:8px;background:none;border:none;color:#aaa;font-size:20px;cursor:pointer;padding:2px 6px;line-height:1">✕</button><h4 id="ais-pop-title" style="margin-right:28px">🚢 Target AIS</h4><div id="ais-pop-actions"></div><div id="ais-pop-body"></div></div></div>
@@ -1814,7 +1814,7 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
   <div class="popup-box" onclick="event.stopPropagation()" style="width:520px;max-width:94vw;max-height:85vh;overflow-y:auto">
     <button onclick="closePopup('sonda-pop')" style="position:absolute;top:6px;right:10px;background:none;border:none;color:#aaa;font-size:22px;cursor:pointer;line-height:1">✕</button>
     <h4 style="font-size:18px" data-i18n="calc_sonda_title">📐 Cálculo de Sonda</h4>
-    <div id="sonda-content" style="margin-top:10px"><div style="text-align:center;padding:20px;opacity:.5">Cargando...</div></div>
+    <div id="sonda-content" style="margin-top:10px"><div style="text-align:center;padding:20px;opacity:.5" data-i18n="m_cargando">Cargando…</div></div>
   </div>
 </div>
 <div class="popup-overlay" id="fondeo-pop" onclick="closePopup('fondeo-pop')">
@@ -2007,6 +2007,29 @@ var _i18n={
   m_calma:{es:'Calma',en:'Calm'},
   sh_detected:{es:'Detectado',en:'Detected'},
   sh_sectores:{es:'sectores abrigados',en:'sheltered sectors'},
+  /* Rev313: tooltips bottom bar */
+  bb_velocidad_tip:{es:'Velocidad sobre fondo',en:'Speed over ground'},
+  bb_viento_tip:{es:'Viento real (veleta) · flecha apunta hacia DONDE VA (TO) · click → Meteo',en:'True wind (vane) · arrow points TO where it goes · click → Weather'},
+  bb_sonda_tip:{es:'Profundidad bajo quilla · Sonda',en:'Depth under keel · Sounder'},
+  bb_cadena_tip:{es:'Cadena recomendada',en:'Recommended chain'},
+  bb_dist_tip:{es:'Distancia al ancla',en:'Distance to anchor'},
+  bb_presion_tip:{es:'Presión barométrica · línea naranja = AHORA · click → Meteo',en:'Barometric pressure · orange line = NOW · click → Weather'},
+  bb_abrigo_tip:{es:'Grado de abrigo · click → Abrigo',en:'Shelter grade · click → Shelter'},
+  bb_calidad_tip:{es:'Calidad de abrigo (gauge) · click → Abrigo',en:'Shelter quality (gauge) · click → Shelter'},
+  /* Rev313: tooltips sidebar derecha */
+  sb_anchor_tip:{es:'Fondear / Levar',en:'Drop / Lift anchor'},
+  sb_centrar_tip:{es:'Centrar mapa',en:'Center map'},
+  sb_info_tip:{es:'Datos del fondeo',en:'Anchorage data'},
+  sb_abrigo_tip:{es:'Previsión abrigo',en:'Shelter forecast'},
+  sb_alarmas_tip:{es:'Panel de alarmas',en:'Alarms panel'},
+  sb_fondeo_tip:{es:'Cálculo fondeo',en:'Anchorage calculator'},
+  /* Rev313: modal guardar favorito */
+  fav_guardar_title:{es:'❤ Guardar fondeo favorito',en:'❤ Save favourite anchorage'},
+  fav_guardar_hint:{es:'Nombre del favorito (vacío = nombre automático por geolocalización):',en:'Favourite name (empty = auto name by geolocation):'},
+  fav_placeholder:{es:'p.ej. Cangas - Massó',en:'e.g. Cangas - Massó'},
+  m_cancelar:{es:'Cancelar',en:'Cancel'},
+  m_guardar:{es:'Guardar',en:'Save'},
+  meteo_modelo_auto:{es:'Mejor (automático)',en:'Best (automatic)'},
   otras_capas:{es:'Otras capas base',en:'Other base layers'},
   cartas_mbt:{es:'Cartas MBTiles',en:'MBTiles Charts'},
   cartas_sk:{es:'Cartas registradas (Signal K)',en:'Registered charts (Signal K)'},
@@ -2226,6 +2249,15 @@ function applyLang(){
     var k=el.getAttribute('data-i18n-html');
     var t=T(k);if(t)el.innerHTML=t;
   });
+  /* Rev313: traducir atributos title (tooltips on hover) y placeholders. */
+  document.querySelectorAll('[data-i18n-title]').forEach(function(el){
+    var k=el.getAttribute('data-i18n-title');
+    var t=T(k);if(t)el.setAttribute('title',t);
+  });
+  document.querySelectorAll('[data-i18n-placeholder]').forEach(function(el){
+    var k=el.getAttribute('data-i18n-placeholder');
+    var t=T(k);if(t)el.setAttribute('placeholder',t);
+  });
   /* Special elements */
   var bl=document.getElementById('ais-borneo-label');if(bl)bl.textContent=T('colision');
   /* Flag active state */
@@ -5092,7 +5124,11 @@ function _shelterRenderPopup(){
         if(typeof _boatWave.heightSigM==='number'&&_boatWave.heightSigM>=0.05){
           waveLblTxt=_boatWave.heightSigM.toFixed(1).replace('.',',')+' m'+(_wavePer?' '+_wavePer:'');
         }else{
-          var _waveIntShort={calma:'Cal',rizada:'Riz',moderada:'Mod',agitada:'Agi',fuerte:'Fue'}[_boatWave.intensity||'']||(_boatWave.intensity||'');
+          /* Rev313: i18n abreviaturas intensidad ola. */
+          var _waveIntMap=(_lang==='en')
+            ? {calma:'Calm',rizada:'Rip',moderada:'Mod',agitada:'Rou',fuerte:'Str'}
+            : {calma:'Cal',rizada:'Riz',moderada:'Mod',agitada:'Agi',fuerte:'Fue'};
+          var _waveIntShort=_waveIntMap[_boatWave.intensity||'']||(_boatWave.intensity||'');
           waveLblTxt=_waveIntShort+(_wavePer?' '+_wavePer:'');
         }
         waveLblHalfW=Math.max(30, waveLblTxt.length*4+8);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "signalk-mareas-ihm",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "Complete SignalK anchor watch & marine safety webapp. Voice alarms for anchor drag, AIS collision risk and grounding. Shelter / anchorage forecast (wind exposure + wave history). Weather forecast (Open-Meteo). Depth & scope calculator. Multi-source nautical charts (Esri Satellite, IHM ENC S-52, bathymetry, MBTiles offline, OpenStreetMap, OpenSeaMap). Favourite anchorages. Multi-device real-time sync (SSE). Includes official IHM Spain tide predictions. Mobile-first UI in ES/EN.",
   "type": "module",
   "main": "./dist/index.js",

package/public/mobile.html

@@ -1320,30 +1320,30 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
      mismas funciones que el desktop -->
 <div id="m-sidebar">
   <!-- Rev187: orden Echar, Centrar, Info, AIS, Cartas, Abrigo, Curvas, Mareas, Alarmas, Fondeo -->
-  <button class="m-sb-btn" id="m-sb-anchor" onclick="m_onAnchorBtn()" title="Fondear/Levar"><span class="ico">⚓</span><span id="m-sb-anchor-lbl" data-i18n="sb_echar">Echar</span></button>
-  <button class="m-sb-btn" id="m-sb-center" onclick="centerOnAnchor&&centerOnAnchor()||m_centerOnBoat()" title="Centrar mapa">
+  <button class="m-sb-btn" id="m-sb-anchor" onclick="m_onAnchorBtn()" data-i18n-title="sb_anchor_tip" title="Fondear/Levar"><span class="ico">⚓</span><span id="m-sb-anchor-lbl" data-i18n="sb_echar">Echar</span></button>
+  <button class="m-sb-btn" id="m-sb-center" onclick="centerOnAnchor&&centerOnAnchor()||m_centerOnBoat()" data-i18n-title="sb_centrar_tip" title="Centrar mapa">
     <span class="ico" style="display:inline-flex;align-items:center;justify-content:center"><svg viewBox="0 0 44 44" width="34" height="34"><circle cx="22" cy="22" r="18" fill="none" stroke="#f44336" stroke-width="2.5" stroke-dasharray="4 3"/><line x1="22" y1="0" x2="22" y2="44" stroke="#f44336" stroke-width="1.5"/><line x1="0" y1="22" x2="44" y2="22" stroke="#f44336" stroke-width="1.5"/><circle cx="22" cy="22" r="3" fill="#f44336"/><text x="22" y="27" text-anchor="middle" font-size="18" fill="#fff" style="filter:drop-shadow(0 0 2px #000)">⚓</text></svg></span>
     <span data-i18n="sb_centrar">Centrar</span>
   </button>
-  <button class="m-sb-btn" id="m-sb-info"   onclick="m_openInfoModal()" title="Datos del fondeo">
+  <button class="m-sb-btn" id="m-sb-info"   onclick="m_openInfoModal()" data-i18n-title="sb_info_tip" title="Datos del fondeo">
     <span class="ico" style="background:#fff;color:#000;width:32px;height:32px;border-radius:50%;font-family:Georgia,serif;font-style:italic;font-weight:900;font-size:22px;display:inline-flex;align-items:center;justify-content:center;line-height:1">i</span>
     <span data-i18n="sb_info">Info</span>
   </button>
-  <button class="m-sb-btn" id="m-sb-ais"    onclick="m_toggleAisList()" title="AIS en zona"><span class="ico">🚢</span><span id="m-sb-ais-lbl" data-i18n="sb_ais">AIS</span></button>
-  <button class="m-sb-btn" id="m-sb-panel"  onclick="m_togglePanel()" title="Cartas y Capas"><span class="ico">🗺️</span><span data-i18n="sb_cartas">Cartas</span></button>
-  <button class="m-sb-btn" id="m-sb-abrigo" onclick="openShelterConfig()" title="Previsión abrigo"><span class="ico">🏔️</span><span data-i18n="sb_abrigo">Abrigo</span></button>
+  <button class="m-sb-btn" id="m-sb-ais"    onclick="m_toggleAisList()" data-i18n-title="ais_en_zona" title="AIS en zona"><span class="ico">🚢</span><span id="m-sb-ais-lbl" data-i18n="sb_ais">AIS</span></button>
+  <button class="m-sb-btn" id="m-sb-panel"  onclick="m_togglePanel()" data-i18n-title="panel_cartas_capas" title="Cartas y Capas"><span class="ico">🗺️</span><span data-i18n="sb_cartas">Cartas</span></button>
+  <button class="m-sb-btn" id="m-sb-abrigo" onclick="openShelterConfig()" data-i18n-title="sb_abrigo_tip" title="Previsión abrigo"><span class="ico">🏔️</span><span data-i18n="sb_abrigo">Abrigo</span></button>
   <!-- Rev297: Curvas y Mareas se han movido al left bar (entre Favorito y KIP).
        Se quitan de aquí para no duplicar. -->
-  <button class="m-sb-btn" id="m-sb-alarm"  onclick="toggleAlarmPanel()" title="Panel de alarmas"><span class="ico">🔔</span><span data-i18n="sb_alarmas">Alarmas</span></button>
-  <button class="m-sb-btn" id="m-sb-fondeo" onclick="openPopup('fondeo-pop');fetchFondeoData()" title="Cálculo fondeo"><span class="ico">⛓️</span><span data-i18n="sb_fondeo">Fondeo</span></button>
+  <button class="m-sb-btn" id="m-sb-alarm"  onclick="toggleAlarmPanel()" data-i18n-title="sb_alarmas_tip" title="Panel de alarmas"><span class="ico">🔔</span><span data-i18n="sb_alarmas">Alarmas</span></button>
+  <button class="m-sb-btn" id="m-sb-fondeo" onclick="openPopup('fondeo-pop');fetchFondeoData()" data-i18n-title="sb_fondeo_tip" title="Cálculo fondeo"><span class="ico">⛓️</span><span data-i18n="sb_fondeo">Fondeo</span></button>
 </div>
 
 <!-- Bottom info bar (icon-led + mini sparkline presión + grade abrigo) -->
 <!-- Rev285: viento con flecha grande+kt dentro, junto a SOG.
      Donut de abrigo con letra dentro. SOG sin click. -->
 <div id="m-bottom-bar">
-  <div class="it" title="Velocidad sobre fondo"><span class="lb" data-i18n="bb_velocidad">Velocidad</span><span class="vl" id="m-bb-sog">—</span></div>
-  <div class="it m-bb-wind" title="Viento real (veleta) · flecha apunta hacia DONDE VA (TO) · click → Meteo" onclick="toggleMeteo&&toggleMeteo()">
+  <div class="it" data-i18n-title="bb_velocidad_tip" title="Velocidad sobre fondo"><span class="lb" data-i18n="bb_velocidad">Velocidad</span><span class="vl" id="m-bb-sog">—</span></div>
+  <div class="it m-bb-wind" data-i18n-title="bb_viento_tip" title="Viento real (veleta) · flecha apunta hacia DONDE VA (TO) · click → Meteo" onclick="toggleMeteo&&toggleMeteo()">
     <span class="lb" data-i18n="bb_viento">Viento</span>
     <!-- Rev295: alineación correcta con el resto de .vl. El SVG con margin
          negativo compensa el padding interno del viewBox 28 con flecha hasta
@@ -1357,10 +1357,10 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
       <span class="vl" id="m-bb-wind-kt-txt">—<span style="font-size:11px;font-weight:700;opacity:.75;margin-left:2px">kts</span></span>
     </div>
   </div>
-  <div class="it" title="Profundidad bajo quilla · Sonda" onclick="openPopup&&openPopup('sonda-pop')"><span class="lb" data-i18n="bb_sonda">Sonda</span><span class="vl" id="m-bb-sonda">—</span><span id="m-bb-sonda-status" style="display:none;font-size:9px;font-weight:800;margin-top:2px;text-align:center;line-height:1.1"></span></div>
-  <div class="it" title="Cadena recomendada" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_cadena_rec">Cadena rec.</span><span class="vl" id="m-bb-cad">—</span></div>
-  <div class="it" title="Distancia al ancla" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_dist_ancla">Dist. ancla</span><span class="vl" id="m-bb-dist">—</span></div>
-  <div class="it m-bb-graph" title="Presión barométrica · línea naranja = AHORA · click → Meteo" onclick="toggleMeteo&&toggleMeteo()">
+  <div class="it" data-i18n-title="bb_sonda_tip" title="Profundidad bajo quilla · Sonda" onclick="openPopup&&openPopup('sonda-pop')"><span class="lb" data-i18n="bb_sonda">Sonda</span><span class="vl" id="m-bb-sonda">—</span><span id="m-bb-sonda-status" style="display:none;font-size:9px;font-weight:800;margin-top:2px;text-align:center;line-height:1.1"></span></div>
+  <div class="it" data-i18n-title="bb_cadena_tip" title="Cadena recomendada" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_cadena_rec">Cadena rec.</span><span class="vl" id="m-bb-cad">—</span></div>
+  <div class="it" data-i18n-title="bb_dist_tip" title="Distancia al ancla" onclick="m_openInfoModal&&m_openInfoModal()"><span class="lb" data-i18n="bb_dist_ancla">Dist. ancla</span><span class="vl" id="m-bb-dist">—</span></div>
+  <div class="it m-bb-graph" data-i18n-title="bb_presion_tip" title="Presión barométrica · línea naranja = AHORA · click → Meteo" onclick="toggleMeteo&&toggleMeteo()">
     <span class="lb" data-i18n="bb_presion">Presión</span>
     <!-- Rev288: viewBox extendido 0-80 para reservar espacio a la previsión
          (a la derecha del AHORA). El histórico ocupa 0-60 (línea AHORA en
@@ -1373,11 +1373,11 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
     </svg>
     <span class="vl" id="m-bb-pres-val" style="font-size:13px!important">—</span>
   </div>
-  <div class="it m-bb-grade" title="Grado de abrigo · click → Abrigo" onclick="openShelterConfig&&openShelterConfig()">
+  <div class="it m-bb-grade" data-i18n-title="bb_abrigo_tip" title="Grado de abrigo · click → Abrigo" onclick="openShelterConfig&&openShelterConfig()">
     <span class="lb" data-i18n="bb_abrigo">Abrigo</span>
     <span id="m-bb-grade" style="display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:rgba(120,120,120,.35);color:#fff;font-weight:900;font-size:18px;line-height:1">—</span>
   </div>
-  <div class="it m-bb-donut" title="Calidad de abrigo (gauge) · click → Abrigo" onclick="openShelterConfig&&openShelterConfig()">
+  <div class="it m-bb-donut" data-i18n-title="bb_calidad_tip" title="Calidad de abrigo (gauge) · click → Abrigo" onclick="openShelterConfig&&openShelterConfig()">
     <span class="lb" data-i18n="bb_calidad">Calidad</span>
     <svg viewBox="0 0 36 36" width="38" height="38" style="display:block">
       <circle cx="18" cy="18" r="15.5" fill="none" stroke="rgba(255,255,255,.15)" stroke-width="3.5"/>
@@ -1777,14 +1777,14 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
 <!-- Rev286: modal propio para guardar fondeo favorito (en vez del prompt() nativo cutre). -->
 <div class="popup-overlay" id="m-fav-save-pop" onclick="if(event.target.id==='m-fav-save-pop')closePopup('m-fav-save-pop')">
   <div class="popup-box" onclick="event.stopPropagation()">
-    <h4>❤ Guardar fondeo favorito</h4>
-    <p style="opacity:.85;margin:8px 0 14px">Nombre del favorito (vacío = nombre automático por geolocalización):</p>
-    <input type="text" id="m-fav-save-name" placeholder="p.ej. Cangas - Massó"
+    <h4 data-i18n="fav_guardar_title">❤ Guardar fondeo favorito</h4>
+    <p style="opacity:.85;margin:8px 0 14px" data-i18n="fav_guardar_hint">Nombre del favorito (vacío = nombre automático por geolocalización):</p>
+    <input type="text" id="m-fav-save-name" data-i18n-placeholder="fav_placeholder" placeholder="p.ej. Cangas - Massó"
       style="width:100%;padding:14px 16px;font-size:20px;border-radius:10px;border:2px solid rgba(255,255,255,.25);background:rgba(0,0,0,.35);color:#fff;box-sizing:border-box"
       onkeydown="if(event.key==='Enter')m_favSaveConfirm();">
     <div style="display:flex;gap:10px;justify-content:flex-end;margin-top:18px">
-      <button onclick="closePopup('m-fav-save-pop')" style="padding:12px 22px;background:rgba(255,255,255,.15);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:17px;font-weight:700">Cancelar</button>
-      <button onclick="m_favSaveConfirm()" style="padding:12px 22px;background:var(--org);color:#0a1929;border:none;border-radius:10px;cursor:pointer;font-size:17px;font-weight:900">Guardar</button>
+      <button onclick="closePopup('m-fav-save-pop')" style="padding:12px 22px;background:rgba(255,255,255,.15);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:17px;font-weight:700" data-i18n="m_cancelar">Cancelar</button>
+      <button onclick="m_favSaveConfirm()" style="padding:12px 22px;background:var(--org);color:#0a1929;border:none;border-radius:10px;cursor:pointer;font-size:17px;font-weight:900" data-i18n="m_guardar">Guardar</button>
     </div>
   </div>
 </div>
@@ -1797,7 +1797,7 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
       <div style="margin:4px 0;font-size:21px;display:flex;gap:10px;align-items:center;flex-wrap:wrap">
         <span style="opacity:.6;flex-shrink:0"><span data-i18n="meteo_modelo">Modelo:</span></span>
         <select id="meteo-model" style="background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;padding:4px 8px;font-size:21px;flex-shrink:0" onchange="fetchMeteo()">
-          <option value="" style="background:#1a2a3a;color:#fff">Mejor (automático)</option><option value="&models=icon_seamless" style="background:#1a2a3a;color:#fff">ICON (DWD)</option><option value="&models=gfs_seamless" style="background:#1a2a3a;color:#fff">GFS (NOAA)</option><option value="&models=ecmwf_ifs025" style="background:#1a2a3a;color:#fff">ECMWF IFS</option><option value="&models=meteofrance_seamless" style="background:#1a2a3a;color:#fff">Météo-France</option><option value="&models=gem_seamless" style="background:#1a2a3a;color:#fff">GEM (Canada)</option><option value="&models=jma_seamless" style="background:#1a2a3a;color:#fff">JMA (Japan)</option>
+          <option value="" style="background:#1a2a3a;color:#fff" data-i18n="meteo_modelo_auto">Mejor (automático)</option><option value="&models=icon_seamless" style="background:#1a2a3a;color:#fff">ICON (DWD)</option><option value="&models=gfs_seamless" style="background:#1a2a3a;color:#fff">GFS (NOAA)</option><option value="&models=ecmwf_ifs025" style="background:#1a2a3a;color:#fff">ECMWF IFS</option><option value="&models=meteofrance_seamless" style="background:#1a2a3a;color:#fff">Météo-France</option><option value="&models=gem_seamless" style="background:#1a2a3a;color:#fff">GEM (Canada)</option><option value="&models=jma_seamless" style="background:#1a2a3a;color:#fff">JMA (Japan)</option>
         </select>
         <span id="meteo-model-desc" style="font-size:20px;color:#cde;font-weight:600;flex:1;min-width:200px;line-height:1.25;white-space:normal"></span>
       </div>
@@ -1806,7 +1806,7 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
          como TEXTO HTML — se renderizaba tal cual hasta que fetchMeteo()
          reemplazaba el innerHTML. Ahora simplemente "Cargando…" en plano; JS
          lo sobreescribe en cuanto llega el primer fetch. -->
-    <div id="meteo-panel" style="overflow-y:auto;flex:1;padding:0"><div style="text-align:center;padding:20px;opacity:.5;font-size:15px">Cargando…</div></div>
+    <div id="meteo-panel" style="overflow-y:auto;flex:1;padding:0"><div style="text-align:center;padding:20px;opacity:.5;font-size:15px" data-i18n="m_cargando">Cargando…</div></div>
   </div>
 </div>
 <div class="popup-overlay" id="ais-pop" onclick="closePopup('ais-pop')" style="background:transparent;pointer-events:none"><div class="popup-box" onclick="event.stopPropagation()" style="position:fixed;bottom:80px;left:10px;pointer-events:auto;width:321px;max-height:445px;overflow-y:auto;z-index:2001;padding:10px 12px;box-sizing:border-box"><button onclick="closePopup('ais-pop')" style="position:absolute;top:6px;right:8px;background:none;border:none;color:#aaa;font-size:20px;cursor:pointer;padding:2px 6px;line-height:1">✕</button><h4 id="ais-pop-title" style="margin-right:28px">🚢 Target AIS</h4><div id="ais-pop-actions"></div><div id="ais-pop-body"></div></div></div>
@@ -1814,7 +1814,7 @@ body.mobile-ui #shelter-hours .sh-hr{flex:0 0 60px!important}
   <div class="popup-box" onclick="event.stopPropagation()" style="width:520px;max-width:94vw;max-height:85vh;overflow-y:auto">
     <button onclick="closePopup('sonda-pop')" style="position:absolute;top:6px;right:10px;background:none;border:none;color:#aaa;font-size:22px;cursor:pointer;line-height:1">✕</button>
     <h4 style="font-size:18px" data-i18n="calc_sonda_title">📐 Cálculo de Sonda</h4>
-    <div id="sonda-content" style="margin-top:10px"><div style="text-align:center;padding:20px;opacity:.5">Cargando...</div></div>
+    <div id="sonda-content" style="margin-top:10px"><div style="text-align:center;padding:20px;opacity:.5" data-i18n="m_cargando">Cargando…</div></div>
   </div>
 </div>
 <div class="popup-overlay" id="fondeo-pop" onclick="closePopup('fondeo-pop')">
@@ -2007,6 +2007,29 @@ var _i18n={
   m_calma:{es:'Calma',en:'Calm'},
   sh_detected:{es:'Detectado',en:'Detected'},
   sh_sectores:{es:'sectores abrigados',en:'sheltered sectors'},
+  /* Rev313: tooltips bottom bar */
+  bb_velocidad_tip:{es:'Velocidad sobre fondo',en:'Speed over ground'},
+  bb_viento_tip:{es:'Viento real (veleta) · flecha apunta hacia DONDE VA (TO) · click → Meteo',en:'True wind (vane) · arrow points TO where it goes · click → Weather'},
+  bb_sonda_tip:{es:'Profundidad bajo quilla · Sonda',en:'Depth under keel · Sounder'},
+  bb_cadena_tip:{es:'Cadena recomendada',en:'Recommended chain'},
+  bb_dist_tip:{es:'Distancia al ancla',en:'Distance to anchor'},
+  bb_presion_tip:{es:'Presión barométrica · línea naranja = AHORA · click → Meteo',en:'Barometric pressure · orange line = NOW · click → Weather'},
+  bb_abrigo_tip:{es:'Grado de abrigo · click → Abrigo',en:'Shelter grade · click → Shelter'},
+  bb_calidad_tip:{es:'Calidad de abrigo (gauge) · click → Abrigo',en:'Shelter quality (gauge) · click → Shelter'},
+  /* Rev313: tooltips sidebar derecha */
+  sb_anchor_tip:{es:'Fondear / Levar',en:'Drop / Lift anchor'},
+  sb_centrar_tip:{es:'Centrar mapa',en:'Center map'},
+  sb_info_tip:{es:'Datos del fondeo',en:'Anchorage data'},
+  sb_abrigo_tip:{es:'Previsión abrigo',en:'Shelter forecast'},
+  sb_alarmas_tip:{es:'Panel de alarmas',en:'Alarms panel'},
+  sb_fondeo_tip:{es:'Cálculo fondeo',en:'Anchorage calculator'},
+  /* Rev313: modal guardar favorito */
+  fav_guardar_title:{es:'❤ Guardar fondeo favorito',en:'❤ Save favourite anchorage'},
+  fav_guardar_hint:{es:'Nombre del favorito (vacío = nombre automático por geolocalización):',en:'Favourite name (empty = auto name by geolocation):'},
+  fav_placeholder:{es:'p.ej. Cangas - Massó',en:'e.g. Cangas - Massó'},
+  m_cancelar:{es:'Cancelar',en:'Cancel'},
+  m_guardar:{es:'Guardar',en:'Save'},
+  meteo_modelo_auto:{es:'Mejor (automático)',en:'Best (automatic)'},
   otras_capas:{es:'Otras capas base',en:'Other base layers'},
   cartas_mbt:{es:'Cartas MBTiles',en:'MBTiles Charts'},
   cartas_sk:{es:'Cartas registradas (Signal K)',en:'Registered charts (Signal K)'},
@@ -2226,6 +2249,15 @@ function applyLang(){
     var k=el.getAttribute('data-i18n-html');
     var t=T(k);if(t)el.innerHTML=t;
   });
+  /* Rev313: traducir atributos title (tooltips on hover) y placeholders. */
+  document.querySelectorAll('[data-i18n-title]').forEach(function(el){
+    var k=el.getAttribute('data-i18n-title');
+    var t=T(k);if(t)el.setAttribute('title',t);
+  });
+  document.querySelectorAll('[data-i18n-placeholder]').forEach(function(el){
+    var k=el.getAttribute('data-i18n-placeholder');
+    var t=T(k);if(t)el.setAttribute('placeholder',t);
+  });
   /* Special elements */
   var bl=document.getElementById('ais-borneo-label');if(bl)bl.textContent=T('colision');
   /* Flag active state */
@@ -5092,7 +5124,11 @@ function _shelterRenderPopup(){
         if(typeof _boatWave.heightSigM==='number'&&_boatWave.heightSigM>=0.05){
           waveLblTxt=_boatWave.heightSigM.toFixed(1).replace('.',',')+' m'+(_wavePer?' '+_wavePer:'');
         }else{
-          var _waveIntShort={calma:'Cal',rizada:'Riz',moderada:'Mod',agitada:'Agi',fuerte:'Fue'}[_boatWave.intensity||'']||(_boatWave.intensity||'');
+          /* Rev313: i18n abreviaturas intensidad ola. */
+          var _waveIntMap=(_lang==='en')
+            ? {calma:'Calm',rizada:'Rip',moderada:'Mod',agitada:'Rou',fuerte:'Str'}
+            : {calma:'Cal',rizada:'Riz',moderada:'Mod',agitada:'Agi',fuerte:'Fue'};
+          var _waveIntShort=_waveIntMap[_boatWave.intensity||'']||(_boatWave.intensity||'');
           waveLblTxt=_waveIntShort+(_wavePer?' '+_wavePer:'');
         }
         waveLblHalfW=Math.max(30, waveLblTxt.length*4+8);