From 1153c170a51c145ebfcd8f1e56bb8780e04d85ef Mon Sep 17 00:00:00 2001
From: Hermes Agent <hermes@v2202605360184461552.supersrv.de>
Date: Wed, 17 Jun 2026 23:59:04 +0200
Subject: [PATCH] like-buttons: gelikte posts bleiben markiert via localStorage
 (frontpage + detail)

---
 app.py | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/app.py b/app.py
index 298bf3c..596512b 100644
--- a/app.py
+++ b/app.py
@@ -2338,6 +2338,18 @@ def public_frontend():
 <script>
 // Like button handler
 (function() {
+  var likedPosts = JSON.parse(localStorage.getItem('likedPosts') || '[]');
+
+  // Restore liked state on page load
+  if (likedPosts.length) {
+    document.querySelectorAll('.stat-like-btn').forEach(function(btn) {
+      var id = parseInt(btn.getAttribute('data-id'));
+      if (likedPosts.indexOf(id) !== -1) {
+        btn.classList.add('liked');
+      }
+    });
+  }
+
   document.querySelectorAll('.stat-like-btn').forEach(function(btn) {
     btn.addEventListener('click', function(e) {
       e.preventDefault();
@@ -2352,6 +2364,8 @@ def public_frontend():
             this.classList.add('liked');
             this.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#20228a" stroke-width="2" stroke-linecap="round" style="vertical-align:middle;margin-right:2px;"><path d="M7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"/><path d="M7 11h11.5a2.5 2.5 0 0 1 2.5 2.5v.5a2.5 2.5 0 0 1-2.5 2.5h-2.5"/><path d="M16 16.5V19a3 3 0 0 1-6 1.5L7 11"/></svg> ' + data.likes;
             this.setAttribute('data-likes', data.likes);
+            likedPosts.push(parseInt(id));
+            localStorage.setItem('likedPosts', JSON.stringify(likedPosts));
           }
           this.disabled = false;
         }.bind(this))
@@ -3205,10 +3219,19 @@ def public_detail(sub_id: int):
 (function(){{
   var btn = document.getElementById('detail-like-btn');
   if (!btn) return;
+
+  var likedPosts = JSON.parse(localStorage.getItem('likedPosts') || '[]');
+  var id = parseInt(btn.getAttribute('data-id'));
+  if (likedPosts.indexOf(id) !== -1) {{
+    btn.classList.add('liked');
+    btn.style.background = '#20228a';
+    btn.style.color = '#fff';
+    btn.style.borderColor = '#20228a';
+  }}
+
   btn.addEventListener('click', function() {{
     if (this.classList.contains('liked')) return;
     this.disabled = true;
-    var id = this.getAttribute('data-id');
     fetch('/api/like/' + id, {{method:'POST'}})
       .then(function(r) {{ return r.json(); }})
       .then(function(data) {{
@@ -3218,6 +3241,8 @@ def public_detail(sub_id: int):
           btn.style.background = '#20228a';
           btn.style.color = '#fff';
           btn.style.borderColor = '#20228a';
+          likedPosts.push(id);
+          localStorage.setItem('likedPosts', JSON.stringify(likedPosts));
         }}
         btn.disabled = false;
       }})