Compare commits
No commits in common. "fa1ecfa0fbdf5aa4d95d6e4fc3a839f389bc5982" and "26b515cede5d3d5ca808e43820f65f2d0431e2c0" have entirely different histories.
fa1ecfa0fb
...
26b515cede
9 changed files with 43 additions and 117 deletions
2
VERSION
2
VERSION
|
|
@ -1 +1 @@
|
||||||
1129
|
1120
|
||||||
|
|
@ -1772,10 +1772,6 @@ border-radius:8px;font-size:16px;cursor:pointer}</style></head>
|
||||||
<button id="b" style="display:none" onclick="location.replace('/?_t='+Date.now())">App neu starten</button>
|
<button id="b" style="display:none" onclick="location.replace('/?_t='+Date.now())">App neu starten</button>
|
||||||
<script>
|
<script>
|
||||||
sessionStorage.setItem('by_skip_sw_reload','1');
|
sessionStorage.setItem('by_skip_sw_reload','1');
|
||||||
// Cooldown setzen, BEVOR neu geladen wird — sonst kann ein direkter
|
|
||||||
// Aufruf von /force-update (ohne navigate()) bei kurzem Versions-Mismatch
|
|
||||||
// eine Dauerschleife auslösen, weil der Loop-Schutz in app.js nie greift.
|
|
||||||
try { localStorage.setItem('by_last_force_update', String(Date.now())); } catch(e) {}
|
|
||||||
// Cleanup IM HINTERGRUND starten (fire-and-forget) — kein await,
|
// Cleanup IM HINTERGRUND starten (fire-and-forget) — kein await,
|
||||||
// kein Blockieren. Selbst wenn die Promises nie resolven (iOS-Bug),
|
// kein Blockieren. Selbst wenn die Promises nie resolven (iOS-Bug),
|
||||||
// hängen wir nicht.
|
// hängen wir nicht.
|
||||||
|
|
|
||||||
|
|
@ -8179,10 +8179,10 @@ svg.empty-state-icon {
|
||||||
|
|
||||||
/* Frosted-Glass Info-Card (oben in jeder Welt) */
|
/* Frosted-Glass Info-Card (oben in jeder Welt) */
|
||||||
.world-info-card {
|
.world-info-card {
|
||||||
background: rgba(0, 0, 0, var(--wbg-dim, 0.38));
|
background: rgba(0, 0, 0, 0.38);
|
||||||
backdrop-filter: blur(var(--wbg-blur, 18px)) saturate(1.6);
|
backdrop-filter: blur(18px) saturate(1.6);
|
||||||
-webkit-backdrop-filter: blur(var(--wbg-blur, 18px)) saturate(1.6);
|
-webkit-backdrop-filter: blur(18px) saturate(1.6);
|
||||||
border: 1px solid var(--wborder, rgba(99, 130, 220, 0.55));
|
border: 1px solid rgba(255, 255, 255, 0.14);
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
padding: 16px 18px;
|
padding: 16px 18px;
|
||||||
color: white;
|
color: white;
|
||||||
|
|
@ -8202,10 +8202,9 @@ svg.empty-state-icon {
|
||||||
|
|
||||||
/* Frosted-Glass Reminder-Card (für Streak, Alerts) */
|
/* Frosted-Glass Reminder-Card (für Streak, Alerts) */
|
||||||
.world-reminder {
|
.world-reminder {
|
||||||
background: rgba(0, 0, 0, var(--wbg-dim, 0.32));
|
background: rgba(0, 0, 0, 0.32);
|
||||||
backdrop-filter: blur(var(--wbg-blur, 12px));
|
backdrop-filter: blur(12px);
|
||||||
-webkit-backdrop-filter: blur(var(--wbg-blur, 12px));
|
-webkit-backdrop-filter: blur(12px);
|
||||||
border: 1px solid var(--wborder, rgba(99, 130, 220, 0.55));
|
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
padding: 12px 16px;
|
padding: 12px 16px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -8225,26 +8224,11 @@ svg.empty-state-icon {
|
||||||
gap: 7px;
|
gap: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Handy: Flexbox statt Grid, damit eine unvollständige letzte Zeile
|
|
||||||
horizontal zentriert wird (volle Zeilen bleiben randbündig).
|
|
||||||
Chip-Breite exakt wie im 4er-Raster (3 Gaps × 7px = 21px),
|
|
||||||
1px Puffer gegen Subpixel-Umbruch. */
|
|
||||||
@media (max-width: 767px) {
|
|
||||||
.world-chips-grid {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.world-chips-grid .world-chip {
|
|
||||||
width: calc((100% - 22px) / 4);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Einzelner Chip: Frosted Glass */
|
/* Einzelner Chip: Frosted Glass */
|
||||||
.world-chip {
|
.world-chip {
|
||||||
background: rgba(0, 0, 0, var(--wbg-dim, 0.35));
|
background: rgba(0, 0, 0, 0.35);
|
||||||
backdrop-filter: blur(var(--wbg-blur, 12px));
|
backdrop-filter: blur(12px);
|
||||||
-webkit-backdrop-filter: blur(var(--wbg-blur, 12px));
|
-webkit-backdrop-filter: blur(12px);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
padding: 12px 6px;
|
padding: 12px 6px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -8278,15 +8262,10 @@ svg.empty-state-icon {
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Chip/Banner-Abdunklung + Blur: einheitlich auf allen drei Welten (reduziert) */
|
/* Chip-Umrandung je Welt */
|
||||||
.world-panel { --wbg-dim: 0.14; --wbg-blur: 3px; }
|
#wp-jetzt .world-chip { border: 1px solid rgba(196, 132, 58, 0.55); }
|
||||||
|
#wp-hund .world-chip { border: 1px solid rgba(196, 132, 58, 0.65); }
|
||||||
/* Rahmenfarbe je Welt (Alpha einheitlich 0.55) — gilt für Chips + Banner oben
|
#wp-welt .world-chip { border: 1px solid rgba(99, 130, 220, 0.55); }
|
||||||
Gedämpfte Erdtöne: JETZT orange, HUND naturgrün, WELT blaugrau */
|
|
||||||
#wp-jetzt { --wborder: rgba(196, 132, 58, 0.55); } /* #C4843A Bernstein */
|
|
||||||
#wp-hund { --wborder: rgba(107, 128, 85, 0.55); } /* #6B8055 Naturgrün */
|
|
||||||
#wp-welt { --wborder: rgba(74, 122, 155, 0.55); } /* #4A7A9B Blaugrau */
|
|
||||||
.world-chip { border: 1px solid var(--wborder, rgba(99, 130, 220, 0.55)); }
|
|
||||||
|
|
||||||
/* Sektion-Label über Chip-Gruppen */
|
/* Sektion-Label über Chip-Gruppen */
|
||||||
.world-section-label {
|
.world-section-label {
|
||||||
|
|
@ -8306,10 +8285,9 @@ svg.empty-state-icon {
|
||||||
.wj-chip {
|
.wj-chip {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
background: rgba(0, 0, 0, var(--wbg-dim, 0.32));
|
background: rgba(0, 0, 0, 0.32);
|
||||||
backdrop-filter: blur(var(--wbg-blur, 12px));
|
backdrop-filter: blur(12px);
|
||||||
-webkit-backdrop-filter: blur(var(--wbg-blur, 12px));
|
-webkit-backdrop-filter: blur(12px);
|
||||||
border: 1px solid var(--wborder, rgba(99, 130, 220, 0.55));
|
|
||||||
border-radius: 14px;
|
border-radius: 14px;
|
||||||
padding: 10px 6px 9px;
|
padding: 10px 6px 9px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -86,14 +86,14 @@
|
||||||
<title>Ban Yaro</title>
|
<title>Ban Yaro</title>
|
||||||
|
|
||||||
<!-- Theme + theme-color Statusleiste vor CSS setzen -->
|
<!-- Theme + theme-color Statusleiste vor CSS setzen -->
|
||||||
<script src="/js/boot-early.js?v=1129"></script>
|
<script src="/js/boot-early.js?v=1120"></script>
|
||||||
|
|
||||||
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
|
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
|
||||||
<link rel="stylesheet" href="/css/design-system.css?v=1129">
|
<link rel="stylesheet" href="/css/design-system.css?v=1120">
|
||||||
<link rel="stylesheet" href="/css/layout.css?v=1129">
|
<link rel="stylesheet" href="/css/layout.css?v=1120">
|
||||||
<link rel="stylesheet" href="/css/components.css?v=1129">
|
<link rel="stylesheet" href="/css/components.css?v=1120">
|
||||||
<link rel="stylesheet" href="/css/utilities.css?v=1129">
|
<link rel="stylesheet" href="/css/utilities.css?v=1120">
|
||||||
<link rel="stylesheet" href="/css/lists.css?v=1129">
|
<link rel="stylesheet" href="/css/lists.css?v=1120">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
@ -617,11 +617,11 @@
|
||||||
<div id="modal-container"></div>
|
<div id="modal-container"></div>
|
||||||
|
|
||||||
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
|
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
|
||||||
<script src="/js/api.js?v=1129"></script>
|
<script src="/js/api.js?v=1120"></script>
|
||||||
<script src="/js/ui.js?v=1129"></script>
|
<script src="/js/ui.js?v=1120"></script>
|
||||||
<script src="/js/app.js?v=1129"></script>
|
<script src="/js/app.js?v=1120"></script>
|
||||||
<script src="/js/worlds.js?v=1129"></script>
|
<script src="/js/worlds.js?v=1120"></script>
|
||||||
<script src="/js/offline-indicator.js?v=1129"></script>
|
<script src="/js/offline-indicator.js?v=1120"></script>
|
||||||
|
|
||||||
<!-- Feature-Seiten werden lazy geladen -->
|
<!-- Feature-Seiten werden lazy geladen -->
|
||||||
|
|
||||||
|
|
@ -631,7 +631,7 @@
|
||||||
|
|
||||||
|
|
||||||
<!-- Boot: Offline-Banner + SW-Registration (extrahiert für CSP) -->
|
<!-- Boot: Offline-Banner + SW-Registration (extrahiert für CSP) -->
|
||||||
<script src="/js/boot.js?v=1129"></script>
|
<script src="/js/boot.js?v=1120"></script>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
Router, State-Management, Navigation, Initialisierung.
|
Router, State-Management, Navigation, Initialisierung.
|
||||||
============================================================ */
|
============================================================ */
|
||||||
|
|
||||||
const APP_VER = '1129'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
const APP_VER = '1120'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||||
const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
|
const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
|
||||||
window.APP_VER = APP_VER; // global verfügbar für andere Module (z.B. offline-indicator)
|
window.APP_VER = APP_VER; // global verfügbar für andere Module (z.B. offline-indicator)
|
||||||
window.APP_VERSION = APP_VERSION;
|
window.APP_VERSION = APP_VERSION;
|
||||||
|
|
|
||||||
|
|
@ -58,7 +58,6 @@ window.Page_wetter = (() => {
|
||||||
let _container = null;
|
let _container = null;
|
||||||
let _appState = null;
|
let _appState = null;
|
||||||
let _data = null;
|
let _data = null;
|
||||||
let _current = null;
|
|
||||||
let _selDay = 0;
|
let _selDay = 0;
|
||||||
let _loading = false;
|
let _loading = false;
|
||||||
let _recordsLoaded = false;
|
let _recordsLoaded = false;
|
||||||
|
|
@ -240,13 +239,8 @@ window.Page_wetter = (() => {
|
||||||
if (_loading) return;
|
if (_loading) return;
|
||||||
_loading = true;
|
_loading = true;
|
||||||
try {
|
try {
|
||||||
const [forecast, current] = await Promise.all([
|
_data = await API.weather.forecast(lat, lon);
|
||||||
API.weather.forecast(lat, lon),
|
_selDay = 0;
|
||||||
API.weather.get(lat, lon).catch(() => null), // Ist-Temperatur, best-effort
|
|
||||||
]);
|
|
||||||
_data = forecast;
|
|
||||||
_current = current;
|
|
||||||
_selDay = 0;
|
|
||||||
_renderWeather();
|
_renderWeather();
|
||||||
} catch {
|
} catch {
|
||||||
const body = _container.querySelector('#wttr-body');
|
const body = _container.querySelector('#wttr-body');
|
||||||
|
|
@ -281,8 +275,6 @@ window.Page_wetter = (() => {
|
||||||
if (!days.length) return;
|
if (!days.length) return;
|
||||||
|
|
||||||
body.innerHTML = `
|
body.innerHTML = `
|
||||||
${_nowBanner()}
|
|
||||||
|
|
||||||
<!-- 7-Tage-Strip -->
|
<!-- 7-Tage-Strip -->
|
||||||
<div id="wttr-strip-wrap"
|
<div id="wttr-strip-wrap"
|
||||||
style="overflow-x:auto;-webkit-overflow-scrolling:touch;
|
style="overflow-x:auto;-webkit-overflow-scrolling:touch;
|
||||||
|
|
@ -328,43 +320,6 @@ window.Page_wetter = (() => {
|
||||||
_loadRecords();
|
_loadRecords();
|
||||||
}
|
}
|
||||||
|
|
||||||
// ----------------------------------------------------------
|
|
||||||
// "JETZT"-BANNER (aktuelle Ist-Temperatur)
|
|
||||||
// ----------------------------------------------------------
|
|
||||||
function _nowBanner() {
|
|
||||||
const c = _current;
|
|
||||||
if (!c || c.temp_c == null) return '';
|
|
||||||
|
|
||||||
const desc = c.desc || WMO_DESC[c.weathercode] || '';
|
|
||||||
const place = c.location_name || '';
|
|
||||||
const feels = c.feels_like_c != null && Math.round(c.feels_like_c) !== Math.round(c.temp_c)
|
|
||||||
? `Gefühlt ${Math.round(c.feels_like_c)}°`
|
|
||||||
: '';
|
|
||||||
const sub = [desc, feels, place].filter(Boolean).join(' · ');
|
|
||||||
|
|
||||||
return `
|
|
||||||
<div class="section-card mb-4"
|
|
||||||
style="display:flex;align-items:center;gap:var(--space-3);
|
|
||||||
padding:var(--space-3) var(--space-4)">
|
|
||||||
${_wmoIcon(c.weathercode, '3rem')}
|
|
||||||
<div style="display:flex;flex-direction:column;line-height:1.1">
|
|
||||||
<span style="font-size:2.25rem;font-weight:700;letter-spacing:-1px">
|
|
||||||
${Math.round(c.temp_c)}°
|
|
||||||
</span>
|
|
||||||
<span style="font-size:var(--text-xs);color:var(--c-text-secondary);
|
|
||||||
font-weight:600;text-transform:uppercase;letter-spacing:.5px">
|
|
||||||
Jetzt
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div style="margin-left:auto;text-align:right;
|
|
||||||
font-size:var(--text-sm);color:var(--c-text-secondary);
|
|
||||||
max-width:55%">
|
|
||||||
${UI.escape(sub)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
|
|
||||||
// ----------------------------------------------------------
|
// ----------------------------------------------------------
|
||||||
// STRIP AKTUALISIEREN (aktiver Tag)
|
// STRIP AKTUALISIEREN (aktiver Tag)
|
||||||
// ----------------------------------------------------------
|
// ----------------------------------------------------------
|
||||||
|
|
|
||||||
|
|
@ -1147,13 +1147,13 @@ window.Worlds = (() => {
|
||||||
}
|
}
|
||||||
const gassiScore = _calcGassiScore(w);
|
const gassiScore = _calcGassiScore(w);
|
||||||
const gassiColor = gassiScore >= 8 ? '#10B981' : gassiScore >= 5 ? '#F59E0B' : '#EF4444';
|
const gassiColor = gassiScore >= 8 ? '#10B981' : gassiScore >= 5 ? '#F59E0B' : '#EF4444';
|
||||||
const weatherEmoji = !w ? ['🌤️']
|
const weatherEmoji = !w ? '🌤️'
|
||||||
: w.thunderstorm ? ['⛈️']
|
: w.thunderstorm ? '⛈️'
|
||||||
: (w.precip_prob ?? 0) > 70 ? ['🌧️']
|
: (w.precip_prob ?? 0) > 70 ? '🌧️'
|
||||||
: (w.precip_prob ?? 0) > 30 ? ['🌦️']
|
: (w.precip_prob ?? 0) > 30 ? '🌦️'
|
||||||
: (w.temp_c ?? 20) > 28 ? ['☀️', '🔥']
|
: (w.temp_c ?? 20) > 28 ? '☀️🔥'
|
||||||
: (w.temp_c ?? 20) < 2 ? ['🌨️']
|
: (w.temp_c ?? 20) < 2 ? '🌨️'
|
||||||
: ['☀️'];
|
: '☀️';
|
||||||
|
|
||||||
// User-Geburtstag Reminder
|
// User-Geburtstag Reminder
|
||||||
const userBdayHtml = userBdayToday ? `
|
const userBdayHtml = userBdayToday ? `
|
||||||
|
|
@ -1227,10 +1227,7 @@ window.Worlds = (() => {
|
||||||
<div class="wj-chip-row">
|
<div class="wj-chip-row">
|
||||||
<div class="wj-chip" data-wnav="wetter">
|
<div class="wj-chip" data-wnav="wetter">
|
||||||
<div style="display:flex;align-items:center;gap:6px;width:100%">
|
<div style="display:flex;align-items:center;gap:6px;width:100%">
|
||||||
<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;
|
<span style="font-size:1.4rem;line-height:1;flex-shrink:0">${weatherEmoji}</span>
|
||||||
gap:1px;flex-shrink:0;font-size:1.4rem;line-height:1">
|
|
||||||
${weatherEmoji.map(e => `<span>${e}</span>`).join('')}
|
|
||||||
</div>
|
|
||||||
<div style="flex:1;min-width:0">
|
<div style="flex:1;min-width:0">
|
||||||
<div style="font-size:9px;color:rgba(255,255,255,0.55);font-weight:600;letter-spacing:.05em;text-transform:uppercase">Gassi-Score</div>
|
<div style="font-size:9px;color:rgba(255,255,255,0.55);font-weight:600;letter-spacing:.05em;text-transform:uppercase">Gassi-Score</div>
|
||||||
<div style="display:flex;align-items:baseline;gap:3px;margin-top:1px">
|
<div style="display:flex;align-items:baseline;gap:3px;margin-top:1px">
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="color-scheme" content="light dark">
|
<meta name="color-scheme" content="light dark">
|
||||||
<script src="/js/landing-init.js?v=1129"></script>
|
<script src="/js/landing-init.js?v=1120"></script>
|
||||||
<title>Ban Yaro — Die Hunde-App für Deutschland, Österreich & Schweiz</title>
|
<title>Ban Yaro — Die Hunde-App für Deutschland, Österreich & Schweiz</title>
|
||||||
<meta name="description" content="Ban Yaro: Die kostenlose All-in-One Hunde-App für DACH. Tagebuch, Giftköder-Alarm, Training mit KI, Forum, Wurfbörse, Stammbaum, Inzucht-Check — DSGVO-konform, offline-fähig, ohne App Store.">
|
<meta name="description" content="Ban Yaro: Die kostenlose All-in-One Hunde-App für DACH. Tagebuch, Giftköder-Alarm, Training mit KI, Forum, Wurfbörse, Stammbaum, Inzucht-Check — DSGVO-konform, offline-fähig, ohne App Store.">
|
||||||
<meta name="keywords" content="Hunde App, Hunde Community, Wurfbörse, Züchter, Welpen kaufen, Stammbaum Hund, Inzuchtkoeffizient, Hundezucht, Impfpass Hund, Giftköder Alarm, Gassi Community, Hundetraining App, Hunde Forum, Hunde KI, Hundefilm Datenbank, Welpen Marktplatz">
|
<meta name="keywords" content="Hunde App, Hunde Community, Wurfbörse, Züchter, Welpen kaufen, Stammbaum Hund, Inzuchtkoeffizient, Hundezucht, Impfpass Hund, Giftköder Alarm, Gassi Community, Hundetraining App, Hunde Forum, Hunde KI, Hundefilm Datenbank, Welpen Marktplatz">
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
============================================================ */
|
============================================================ */
|
||||||
|
|
||||||
// ← EINZIGE Stelle für die Version — STATIC_ASSETS und CACHE_VERSION leiten sich ab
|
// ← EINZIGE Stelle für die Version — STATIC_ASSETS und CACHE_VERSION leiten sich ab
|
||||||
const VER = '1129';
|
const VER = '1120';
|
||||||
const CACHE_VERSION = `by-v${VER}`;
|
const CACHE_VERSION = `by-v${VER}`;
|
||||||
const CACHE_STATIC = `${CACHE_VERSION}-static`;
|
const CACHE_STATIC = `${CACHE_VERSION}-static`;
|
||||||
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
|
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue