Routen-Fixes: Richtungspfeile (SVG-interne Rotation) + Filter standardmäßig zu
- Pfeile: rotate als SVG-Pfad-Attribut statt CSS-transform am Element (maplibregl.Marker überschrieb das transform → Pfeile zeigten alle nach Norden) - Filter-Panel + Badge: doppeltes class-Attribut (class=X class=hidden) → Browser ignorierte 'hidden' → Filter immer offen + roter Badge immer an. Zu 'X hidden' gemergt.
This commit is contained in:
parent
fbaf7c5409
commit
27a3f954a4
6 changed files with 24 additions and 22 deletions
2
VERSION
2
VERSION
|
|
@ -1 +1 @@
|
|||
1197
|
||||
1198
|
||||
|
|
@ -86,14 +86,14 @@
|
|||
<title>Ban Yaro</title>
|
||||
|
||||
<!-- Theme + theme-color Statusleiste vor CSS setzen -->
|
||||
<script src="/js/boot-early.js?v=1197"></script>
|
||||
<script src="/js/boot-early.js?v=1198"></script>
|
||||
|
||||
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
|
||||
<link rel="stylesheet" href="/css/design-system.css?v=1197">
|
||||
<link rel="stylesheet" href="/css/layout.css?v=1197">
|
||||
<link rel="stylesheet" href="/css/components.css?v=1197">
|
||||
<link rel="stylesheet" href="/css/utilities.css?v=1197">
|
||||
<link rel="stylesheet" href="/css/lists.css?v=1197">
|
||||
<link rel="stylesheet" href="/css/design-system.css?v=1198">
|
||||
<link rel="stylesheet" href="/css/layout.css?v=1198">
|
||||
<link rel="stylesheet" href="/css/components.css?v=1198">
|
||||
<link rel="stylesheet" href="/css/utilities.css?v=1198">
|
||||
<link rel="stylesheet" href="/css/lists.css?v=1198">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
@ -617,11 +617,11 @@
|
|||
<div id="modal-container"></div>
|
||||
|
||||
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
|
||||
<script src="/js/api.js?v=1197"></script>
|
||||
<script src="/js/ui.js?v=1197"></script>
|
||||
<script src="/js/app.js?v=1197"></script>
|
||||
<script src="/js/worlds.js?v=1197"></script>
|
||||
<script src="/js/offline-indicator.js?v=1197"></script>
|
||||
<script src="/js/api.js?v=1198"></script>
|
||||
<script src="/js/ui.js?v=1198"></script>
|
||||
<script src="/js/app.js?v=1198"></script>
|
||||
<script src="/js/worlds.js?v=1198"></script>
|
||||
<script src="/js/offline-indicator.js?v=1198"></script>
|
||||
|
||||
<!-- Feature-Seiten werden lazy geladen -->
|
||||
|
||||
|
|
@ -631,7 +631,7 @@
|
|||
|
||||
|
||||
<!-- Boot: Offline-Banner + SW-Registration (extrahiert für CSP) -->
|
||||
<script src="/js/boot.js?v=1197"></script>
|
||||
<script src="/js/boot.js?v=1198"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
Router, State-Management, Navigation, Initialisierung.
|
||||
============================================================ */
|
||||
|
||||
const APP_VER = '1197'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VER = '1198'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
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_VERSION = APP_VERSION;
|
||||
|
|
|
|||
|
|
@ -150,7 +150,7 @@ window.Page_routes = (() => {
|
|||
btnRow.innerHTML = `
|
||||
<button id="rk-filter-btn" style="${_btnStyle()}position:relative">
|
||||
${UI.icon('gear')} Filter
|
||||
<span class="rk-filter-badge" id="rk-filter-badge" class="hidden"></span>
|
||||
<span class="rk-filter-badge hidden" id="rk-filter-badge"></span>
|
||||
</button>
|
||||
<label id="rk-imp-wrap" title="GPX / KML / TCX importieren" style="${_btnStyle()}">
|
||||
${UI.icon('download-simple')} Import
|
||||
|
|
@ -214,7 +214,7 @@ window.Page_routes = (() => {
|
|||
<div style="display:flex;gap:8px">
|
||||
<button id="rk-filter-btn" style="${_btnStyle()}position:relative">
|
||||
${UI.icon('gear')} Filter
|
||||
<span class="rk-filter-badge" id="rk-filter-badge" class="hidden"></span>
|
||||
<span class="rk-filter-badge hidden" id="rk-filter-badge"></span>
|
||||
</button>
|
||||
<label id="rk-imp-wrap" title="GPX / KML / TCX importieren" style="${_btnStyle()}">
|
||||
${UI.icon('download-simple')} Import
|
||||
|
|
@ -222,7 +222,7 @@ window.Page_routes = (() => {
|
|||
</label>
|
||||
<button class="rk-rec-btn" id="rk-rec-btn" style="${_btnStyle(true)}">${UI.icon('path')} Aufzeichnen</button>
|
||||
</div>
|
||||
<div class="rk-filter-panel" id="rk-filter-panel" class="hidden">
|
||||
<div class="rk-filter-panel hidden" id="rk-filter-panel">
|
||||
<div class="rk-filters" id="rk-filters">
|
||||
<div class="rk-filter-group">
|
||||
<div class="rk-filter-label">Schwierigkeit</div>
|
||||
|
|
@ -2631,9 +2631,11 @@ window.Page_routes = (() => {
|
|||
for (let i = 1; i < track.length - 1; i++) {
|
||||
if (cum[i] >= next) {
|
||||
const deg = brng(track[i-1], track[i]);
|
||||
const html = `<svg width="20" height="20" viewBox="0 0 20 20"
|
||||
style="transform:rotate(${deg.toFixed(0)}deg);transform-origin:10px 10px;display:block;pointer-events:none">
|
||||
<path d="M10,3 L15,15 L10,12 L5,15 Z"
|
||||
// Rotation INNERHALB des SVG (am Pfad), NICHT als CSS-transform am SVG-Element:
|
||||
// maplibregl.Marker setzt transform:translate() aufs Element → würde rotate() killen
|
||||
// (Pfeile zeigten alle nach Norden).
|
||||
const html = `<svg width="20" height="20" viewBox="0 0 20 20" style="display:block;pointer-events:none">
|
||||
<path d="M10,3 L15,15 L10,12 L5,15 Z" transform="rotate(${deg.toFixed(0)} 10 10)"
|
||||
fill="${color}" fill-opacity="0.85"
|
||||
stroke="rgba(0,0,0,0.25)" stroke-width="1" stroke-linejoin="round"/>
|
||||
</svg>`;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<script src="/js/landing-init.js?v=1197"></script>
|
||||
<script src="/js/landing-init.js?v=1198"></script>
|
||||
<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="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
|
||||
const VER = '1197';
|
||||
const VER = '1198';
|
||||
const CACHE_VERSION = `by-v${VER}`;
|
||||
const CACHE_STATIC = `${CACHE_VERSION}-static`;
|
||||
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue