rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Wetter in Statusleiste (war hinter Legende versteckt), SW by-v321

Browse source
This commit is contained in:
rene 2026-04-24 08:03:13 +02:00
parent 0461f936ce
commit d32b802649
4 changed files with 15 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

2
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '308'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '309'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const App = (() => {

24
backend/static/js/pages/map.js
View file

@ -196,11 +196,11 @@ window.Page_map = (() => {
<button class="map-fab" id="map-locate-btn" title="Meinen Standort"><svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#map-pin"></use></svg></button>
</div>
<div class="map-weather-chip map-weather-chip--hidden" id="map-weather-chip"></div>
<div class="map-statusbar" id="map-statusbar">
<span id="map-zoom-info"></span>
<span id="map-osm-status"></span>
<span class="map-statusbar-sep map-weather-chip--hidden" id="map-weather-sep">·</span>
<span class="map-weather-chip--hidden" id="map-weather-info"></span>
</div>
<!-- Aufzeichnungs-Panel (erscheint beim Start) -->
@ -1519,19 +1519,19 @@ window.Page_map = (() => {
// WETTER-CHIP
// ----------------------------------------------------------
async function _loadWeather(lat, lon) {
const chip = document.getElementById('map-weather-chip');
if (!chip) return;
const info = document.getElementById('map-weather-info');
const sep = document.getElementById('map-weather-sep');
if (!info) return;
try {
const w = await API.get(`/api/weather?lat=${lat}&lon=${lon}`);
const temp = w.temp_c != null ? `${Math.round(w.temp_c)}°` : '–';
const icon = `<svg class="ph-icon" aria-hidden="true" style="width:16px;height:16px"><use href="/icons/phosphor.svg#${w.icon}"></use></svg>`;
let zeckenHtml = '';
if (w.zecken_warnung) {
const cls = w.zecken_warnung === 'hoch' ? 'map-weather-chip__zecken map-weather-chip__zecken--hoch' : 'map-weather-chip__zecken';
zeckenHtml = `<span class="${cls}" title="Zeckenrisiko ${w.zecken_warnung}">🦟 Zecken</span>`;
}
chip.innerHTML = `${icon}<span class="map-weather-chip__temp">${temp}</span><span class="map-weather-chip__desc">${w.desc}</span>${zeckenHtml}`;
chip.classList.remove('map-weather-chip--hidden');
const icon = `<svg class="ph-icon" aria-hidden="true" style="width:12px;height:12px;vertical-align:-2px"><use href="/icons/phosphor.svg#${w.icon}"></use></svg>`;
let zecken = w.zecken_warnung
? ` · <span style="color:${w.zecken_warnung === 'hoch' ? '#991B1B' : '#92400E'}">🦟 Zecken</span>`
: '';
info.innerHTML = `${icon} ${temp} ${w.desc}${zecken}`;
info.classList.remove('map-weather-chip--hidden');
sep.classList.remove('map-weather-chip--hidden');
} catch { /* still */ }
}