From a4da7144d6f08fb5043eae4236e216b8a1b4a445 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Wed, 29 Apr 2026 10:54:56 +0200
Subject: [PATCH] =?UTF-8?q?Feature:=20App-Version=20in=20Einstellungen=20+?=
 =?UTF-8?q?=20manueller=20Update-Check=20=E2=80=94=20SW=20by-v488,=20APP?=
 =?UTF-8?q?=5FVER=20465?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/static/js/app.js            |  2 +-
 backend/static/js/pages/settings.js | 41 +++++++++++++++++++++++++++--
 backend/static/sw.js                |  2 +-
 3 files changed, 41 insertions(+), 4 deletions(-)

diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index 7b28961..48715ab 100644
--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@@ -3,7 +3,7 @@
    Router, State-Management, Navigation, Initialisierung.
    ============================================================ */
 
-const APP_VER = '464'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER = '465'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 
 const App = (() => {
 
diff --git a/backend/static/js/pages/settings.js b/backend/static/js/pages/settings.js
index 85846e7..63cede8 100644
--- a/backend/static/js/pages/settings.js
+++ b/backend/static/js/pages/settings.js
@@ -325,10 +325,23 @@ window.Page_settings = (() => {
           </div>
         </div>
 
-        <div style="text-align:center;color:var(--c-text-secondary);
-                    font-size:var(--text-xs)">
+        <!-- App-Version & Update -->
+        <div style="text-align:center;color:var(--c-text-secondary);font-size:var(--text-xs)">
           Ban Yaro · banyaro.app<br>
           Deine Daten liegen auf einem eigenen Server in Deutschland.
+          <div style="margin-top:var(--space-3);display:flex;align-items:center;
+                      justify-content:center;gap:var(--space-2);flex-wrap:wrap">
+            <span style="background:var(--c-surface-2);border:1px solid var(--c-border);
+                         border-radius:100px;padding:2px 10px;font-family:monospace;
+                         font-size:10px;color:var(--c-text-muted)">
+              v${typeof APP_VER !== 'undefined' ? APP_VER : '—'}
+            </span>
+            <button id="settings-check-update" style="background:none;border:none;cursor:pointer;
+                    font-size:var(--text-xs);color:var(--c-primary);padding:2px 6px;
+                    border-radius:var(--radius-sm)">
+              ${UI.icon('arrows-clockwise')} Auf Update prüfen
+            </button>
+          </div>
         </div>
 
       </div>
@@ -560,6 +573,30 @@ window.Page_settings = (() => {
       });
     });
 
+    document.getElementById('settings-check-update')?.addEventListener('click', async () => {
+      const btn = document.getElementById('settings-check-update');
+      if (!('serviceWorker' in navigator)) {
+        UI.toast.info('Service Worker nicht verfügbar.');
+        return;
+      }
+      if (btn) btn.textContent = 'Prüfe…';
+      try {
+        const reg = await navigator.serviceWorker.getRegistration();
+        await reg?.update();
+        if (reg?.waiting) {
+          // Neuer SW wartet — sofort aktivieren
+          reg.waiting.postMessage({ type: 'SKIP_WAITING' });
+          UI.toast.success('Update wird installiert…');
+        } else {
+          UI.toast.success('Ban Yaro ist aktuell (v' + (typeof APP_VER !== 'undefined' ? APP_VER : '—') + ').');
+        }
+      } catch {
+        UI.toast.error('Update-Prüfung fehlgeschlagen.');
+      } finally {
+        if (btn) btn.innerHTML = UI.icon('arrows-clockwise') + ' Auf Update prüfen';
+      }
+    });
+
     document.getElementById('settings-logout-btn')?.addEventListener('click', async () => {
       const ok = await UI.modal.confirm({
         title  : 'Abmelden?',
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 32743f0..046ab85 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications + Tile-Cache
    ============================================================ */
 
-const CACHE_VERSION = 'by-v487';
+const CACHE_VERSION = 'by-v488';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten