From a37b103dfe6d07e8b7616f7ba62fb37849530638 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Sun, 19 Apr 2026 11:17:02 +0200
Subject: [PATCH] Fix: Routen-Footer Icons korrekt
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- globe → lock-open (globe fehlt im Sprite → leerer Button)
- chat-circle-dots → paper-plane-tilt für 'An Freund senden'
- Toggle-Handler nutzt jetzt lock-open/lock statt lock/globe
---
 backend/static/js/app.js          |  2 +-
 backend/static/js/pages/routes.js | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index bb0d8ed..13e651a 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 = '223'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER = '224'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 
 const App = (() => {
 
diff --git a/backend/static/js/pages/routes.js b/backend/static/js/pages/routes.js
index a77e664..86266a5 100644
--- a/backend/static/js/pages/routes.js
+++ b/backend/static/js/pages/routes.js
@@ -744,11 +744,12 @@ window.Page_routes = (() => {
           <button type="button" class="btn btn-secondary btn-sm" id="rd-gpx" title="GPX herunterladen">${UI.icon('download-simple')} GPX</button>
           <button type="button" class="btn btn-secondary btn-sm" id="rd-share" title="Route teilen">${UI.icon('arrow-square-out')} Teilen</button>
           <button type="button" class="btn btn-secondary btn-sm" id="rd-navi" title="Navigation">${UI.icon('map-pin')} Navi</button>
-          <button type="button" class="forum-icon-btn" id="rd-send-friend" title="An Freund senden">${UI.icon('chat-circle-dots')}</button>
+          <button type="button" class="forum-icon-btn" id="rd-send-friend" title="An Freund senden">${UI.icon('paper-plane-tilt')}</button>
           ${isOwn ? `
             <div style="margin-left:auto;display:flex;gap:var(--space-1);align-items:center">
-              <button type="button" class="btn btn-secondary btn-sm" id="rd-vis" title="${route.is_public ? 'Privat schalten' : 'Öffentlich schalten'}">
-                ${route.is_public ? UI.icon('lock') : UI.icon('globe')}
+              <button type="button" class="forum-icon-btn" id="rd-vis"
+                      title="${route.is_public ? 'Auf Privat setzen' : 'Auf Öffentlich setzen'}">
+                ${route.is_public ? UI.icon('lock-open') : UI.icon('lock')}
               </button>
               <button type="button" class="forum-icon-btn forum-icon-btn--danger" id="rd-del" title="Route löschen">${UI.icon('trash')}</button>
             </div>
@@ -804,7 +805,10 @@ window.Page_routes = (() => {
         await API.routes.update(route.id, { is_public: !route.is_public });
         route.is_public = !route.is_public;
         const btn = document.getElementById('rd-vis');
-        if (btn) btn.innerHTML = route.is_public ? UI.icon('lock')+' Privat' : UI.icon('globe')+' Öffentlich';
+        if (btn) {
+          btn.innerHTML = route.is_public ? UI.icon('lock-open') : UI.icon('lock');
+          btn.title     = route.is_public ? 'Auf Privat setzen' : 'Auf Öffentlich setzen';
+        }
         const r = _data.find(x => x.id === route.id);
         if (r) r.is_public = route.is_public;
         _applyFilter();