Fix: Magic-Link URL, Sidebar-Ladereihenfolge, Archiv-Standard + Geoparse-Button

- Magic-Link URL korrigiert: /auth/verify -> / (Login-Seite mit Token-Param)
- Sidebar: loadIncidents() vor NotificationCenter.init() verschoben
- NotificationCenter.init() in try/catch gewrappt
- Archiv-Sektion default geschlossen (display:none im HTML)
- Neuer Endpunkt POST /incidents/{id}/geoparse fuer bestehende Artikel
- "Orte erkennen"-Button in Karten-Kachel

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Dieser Commit ist enthalten in:
claude-dev
2026-03-04 22:34:06 +01:00
Ursprung 4bfc626067
Commit f7b5703db3
5 geänderte Dateien mit 83 neuen und 17 gelöschten Zeilen

Datei anzeigen

@@ -16,7 +16,7 @@
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="">
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.css">
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.Default.css">
<link rel="stylesheet" href="/static/css/style.css?v=20260304c">
<link rel="stylesheet" href="/static/css/style.css?v=20260304d">
</head>
<body>
<a href="#main-content" class="skip-link">Zum Hauptinhalt springen</a>
@@ -76,7 +76,7 @@
Archiv
<span class="sidebar-section-count" id="count-archived-incidents"></span>
</h2>
<div id="archived-incidents" aria-live="polite"></div>
<div id="archived-incidents" aria-live="polite" style="display:none;"></div>
</div>
<div class="sidebar-sources-link">
<button class="btn btn-secondary btn-full btn-small" onclick="App.openSourceManagement()">Quellen verwalten</button>
@@ -266,6 +266,7 @@
<div class="card-header">
<div class="card-title">Geografische Verteilung</div>
<span class="map-stats" id="map-stats"></span>
<button class="btn btn-secondary btn-small" id="geoparse-btn" onclick="App.triggerGeoparse()" title="Orte aus Artikeln erkennen">Orte erkennen</button>
</div>
<div class="map-container" id="map-container">
<div class="map-empty" id="map-empty">Keine Orte erkannt</div>
@@ -559,10 +560,10 @@
<script src="https://cdn.jsdelivr.net/npm/gridstack@12/dist/gridstack-all.js"></script>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<script src="https://unpkg.com/leaflet.markercluster@1.5.3/dist/leaflet.markercluster.js"></script>
<script src="/static/js/api.js?v=20260304c"></script>
<script src="/static/js/ws.js?v=20260304c"></script>
<script src="/static/js/components.js?v=20260304c"></script>
<script src="/static/js/layout.js?v=20260304c"></script>
<script src="/static/js/app.js?v=20260304c"></script>
<script src="/static/js/api.js?v=20260304d"></script>
<script src="/static/js/ws.js?v=20260304d"></script>
<script src="/static/js/components.js?v=20260304d"></script>
<script src="/static/js/layout.js?v=20260304d"></script>
<script src="/static/js/app.js?v=20260304d"></script>
</body>
</html>

Datei anzeigen

@@ -106,6 +106,10 @@ const API = {
return this._request('GET', `/incidents/${incidentId}/locations`);
},
triggerGeoparse(incidentId) {
return this._request('POST', `/incidents/${incidentId}/geoparse`);
},
refreshIncident(id) {
return this._request('POST', `/incidents/${id}/refresh`);
},

Datei anzeigen

@@ -461,8 +461,15 @@ const App = {
document.getElementById('fb-char-count').textContent = e.target.value.length.toLocaleString('de-DE');
});
// Sidebar-Chevrons initial auf offen setzen (Archiv geschlossen)
document.querySelectorAll('.sidebar-chevron').forEach(c => c.classList.add('open'));
document.getElementById('chevron-archived-incidents').classList.remove('open');
// Lagen laden (frueh, damit Sidebar sofort sichtbar)
await this.loadIncidents();
// Notification-Center initialisieren
await NotificationCenter.init();
try { await NotificationCenter.init(); } catch (e) { console.warn('NotificationCenter:', e); }
// WebSocket
WS.connect();
@@ -472,14 +479,6 @@ const App = {
WS.on('refresh_error', (msg) => this.handleRefreshError(msg));
WS.on('refresh_cancelled', (msg) => this.handleRefreshCancelled(msg));
// Sidebar-Chevrons initial auf offen setzen (Archiv geschlossen)
document.querySelectorAll('.sidebar-chevron').forEach(c => c.classList.add('open'));
document.getElementById('archived-incidents').style.display = 'none';
document.getElementById('chevron-archived-incidents').classList.remove('open');
// Lagen laden
await this.loadIncidents();
// Laufende Refreshes wiederherstellen
try {
const data = await API.getRefreshingIncidents();
@@ -1430,6 +1429,24 @@ const App = {
}
},
async triggerGeoparse() {
if (!this.currentIncidentId) return;
const btn = document.getElementById('geoparse-btn');
if (btn) { btn.disabled = true; btn.textContent = 'Erkennung...'; }
try {
const result = await API.triggerGeoparse(this.currentIncidentId);
UI.showToast(result.message, result.new_locations > 0 ? 'success' : 'info');
if (result.new_locations > 0) {
const locations = await API.getLocations(this.currentIncidentId).catch(() => []);
UI.renderMap(locations);
}
} catch (err) {
UI.showToast('Geoparsing fehlgeschlagen: ' + err.message, 'error');
} finally {
if (btn) { btn.disabled = false; btn.textContent = 'Orte erkennen'; }
}
},
_formatInterval(minutes) {
if (minutes >= 10080 && minutes % 10080 === 0) {
const w = minutes / 10080;