feat: Logs - einzelne Eintraege per Button aus DB und Uebersicht loeschbar

backend/src/routes/admin.js

@@ -570,4 +570,23 @@ router.get('/logs', authenticate, requireAdmin, (req, res) => {
   res.json(combined);
 });
 
+// DELETE /logs/:id – einzelnen Log-Eintrag löschen (Admin). Die ID trägt ein
+// Präfix ("push-123" / "access-45"), damit klar ist, aus welcher Tabelle
+// gelöscht werden muss.
+router.delete('/logs/:id', authenticate, requireAdmin, (req, res) => {
+  const raw = req.params.id;
+  const [prefix, numStr] = raw.split('-');
+  const numId = parseInt(numStr, 10);
+  if (!numId) return res.status(400).json({ error: 'Ungültige ID' });
+
+  if (prefix === 'push') {
+    db.prepare('DELETE FROM push_log WHERE id=?').run(numId);
+  } else if (prefix === 'access') {
+    db.prepare('DELETE FROM public_access_log WHERE id=?').run(numId);
+  } else {
+    return res.status(400).json({ error: 'Ungültige ID' });
+  }
+  res.json({ ok: true });
+});
+
 module.exports = router;

frontend/src/App.jsx

@@ -3227,6 +3227,17 @@ function PushLogs({ toast }) {
   };
   useEffect(() => { load(); }, []);
 
+  const deleteLog = async (id) => {
+    const prev = logs;
+    setLogs(l => l.filter(x => x.id !== id)); // optimistisch sofort entfernen
+    try {
+      await api(`/admin/logs/${id}`, { method:'DELETE' });
+    } catch(e) {
+      setLogs(prev); // bei Fehler zurückrollen
+      toast?.(e.message||'Löschen fehlgeschlagen','error');
+    }
+  };
+
   const fmtDate = iso => {
     if (!iso) return '—';
     const d = new Date(iso.replace(' ', 'T'));
@@ -3280,8 +3291,14 @@ function PushLogs({ toast }) {
                   <span style={{ color:'#4ecdc4', fontFamily:"'Space Mono',monospace", fontSize:11, fontWeight:700 }}>
                     {PUBLIC_LINK_LABELS[l.linkType] || '🔗 Öffentlicher Link besucht'}
                   </span>
-                  <span style={{ color:'rgba(255,255,255,0.35)', fontFamily:'monospace', fontSize:10 }}>
+                  <span style={{ display:'flex', alignItems:'center', gap:8 }}>
-                    {fmtDate(l.created_at)}
+                    <span style={{ color:'rgba(255,255,255,0.35)', fontFamily:'monospace', fontSize:10 }}>
+                      {fmtDate(l.created_at)}
+                    </span>
+                    <button onClick={()=>deleteLog(l.id)} title="Eintrag löschen"
+                      style={{ background:'none', border:'none', color:'rgba(248,113,113,0.6)', cursor:'pointer', fontSize:12, padding:0, lineHeight:1 }}>
+                      🗑
+                    </button>
                   </span>
                 </div>
                 <div onClick={()=>copyPath(window.location.origin + l.path)} title={`${window.location.origin}${l.path} — antippen zum Kopieren`}
@@ -3307,8 +3324,14 @@ function PushLogs({ toast }) {
                   <span style={{ color:'#4ecdc4', fontFamily:"'Space Mono',monospace", fontSize:11, fontWeight:700 }}>
                     {l.username || `User #${l.user_id ?? '?'}`}
                   </span>
-                  <span style={{ color:'rgba(255,255,255,0.35)', fontFamily:'monospace', fontSize:10 }}>
+                  <span style={{ display:'flex', alignItems:'center', gap:8 }}>
-                    {fmtDate(l.created_at)}
+                    <span style={{ color:'rgba(255,255,255,0.35)', fontFamily:'monospace', fontSize:10 }}>
+                      {fmtDate(l.created_at)}
+                    </span>
+                    <button onClick={()=>deleteLog(l.id)} title="Eintrag löschen"
+                      style={{ background:'none', border:'none', color:'rgba(248,113,113,0.6)', cursor:'pointer', fontSize:12, padding:0, lineHeight:1 }}>
+                      🗑
+                    </button>
                   </span>
                 </div>
                 <div style={{ color:'rgba(255,255,255,0.85)', fontFamily:'monospace', fontSize:12, marginBottom:2 }}>