feat(i18n): Tab-Buttons und Card-Titel der Lage-Ansicht lokalisieren

7 Tab-Buttons (Neueste Entwicklungen, Lagebild, Ereignis-Timeline,
Geografische Verteilung, Faktencheck, Analysepipeline, Quellenuebersicht)
sowie 6 Card-Titel + Map-Fullscreen-Titel bekommen data-i18n. Neue
Keys tab.* und card.* in de.json + en.json. Cache-Buster app.js
auf v=20260513e gebumpt.
Dieser Commit ist enthalten in:
Claude Code
2026-05-13 21:48:23 +00:00
Ursprung 9e3c9559d9
Commit a2d290df6d
3 geänderte Dateien mit 39 neuen und 15 gelöschten Zeilen

Datei anzeigen

@@ -204,13 +204,13 @@
<!-- Tab-Navigation -->
<div class="tab-nav" id="tab-nav" style="display:none;">
<button class="tab-btn active" data-tab="zusammenfassung">Neueste Entwicklungen</button>
<button class="tab-btn" data-tab="lagebild">Lagebild</button>
<button class="tab-btn" data-tab="timeline">Ereignis-Timeline</button>
<button class="tab-btn" data-tab="karte">Geografische Verteilung</button>
<button class="tab-btn" data-tab="faktencheck" data-i18n="tile.factcheck">Faktencheck</button>
<button class="tab-btn" data-tab="pipeline">Analysepipeline</button>
<button class="tab-btn" data-tab="quellen">Quellenübersicht</button>
<button class="tab-btn active" data-tab="zusammenfassung" data-i18n="tab.latest_developments">Neueste Entwicklungen</button>
<button class="tab-btn" data-tab="lagebild" data-i18n="tab.summary">Lagebild</button>
<button class="tab-btn" data-tab="timeline" data-i18n="tab.timeline">Ereignis-Timeline</button>
<button class="tab-btn" data-tab="karte" data-i18n="tab.map">Geografische Verteilung</button>
<button class="tab-btn" data-tab="faktencheck" data-i18n="tab.factcheck">Faktencheck</button>
<button class="tab-btn" data-tab="pipeline" data-i18n="tab.pipeline">Analysepipeline</button>
<button class="tab-btn" data-tab="quellen" data-i18n="tab.sources_overview">Quellenübersicht</button>
</div>
<!-- Tab-Panels -->
@@ -229,7 +229,7 @@
<div class="tab-panel" id="panel-lagebild">
<div class="card incident-analysis-summary">
<div class="card-header">
<div class="card-title">Lagebild</div>
<div class="card-title" data-i18n="card.summary">Lagebild</div>
<span class="lagebild-timestamp" id="lagebild-timestamp"></span>
</div>
<div id="summary-content">
@@ -241,7 +241,7 @@
<div class="tab-panel" id="panel-timeline">
<div class="card timeline-card">
<div class="card-header">
<div class="card-title">Ereignis-Timeline</div>
<div class="card-title" data-i18n="card.timeline">Ereignis-Timeline</div>
<div class="ht-controls">
<div class="ht-filter-group">
<button class="ht-filter-btn active" data-filter="all" onclick="App.setTimelineFilter('all')" aria-pressed="true">Alle</button>
@@ -267,7 +267,7 @@
<div class="tab-panel" id="panel-karte">
<div class="card map-card">
<div class="card-header">
<div class="card-title">Geografische Verteilung</div>
<div class="card-title" data-i18n="card.map">Geografische Verteilung</div>
<span class="map-stats" id="map-stats"></span>
<div class="card-header-actions">
<button class="btn btn-secondary btn-small" id="geoparse-btn" onclick="App.triggerGeoparse()" title="Orte aus Artikeln einlesen">Orte einlesen</button>
@@ -282,7 +282,7 @@
<div class="tab-panel" id="panel-faktencheck">
<div class="card incident-analysis-factcheck" id="factcheck-card">
<div class="card-header">
<div class="card-title">Faktencheck <span class="info-icon" data-tooltip="Gesichert/Bestätigt = durch mehrere unabhängige Quellen belegt.&#10;&#10;Unbestätigt/Ungeprüft = noch nicht ausreichend verifiziert.&#10;&#10;Widerlegt/Umstritten = Quellen widersprechen sich."><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span></div>
<div class="card-title"><span data-i18n="tab.factcheck">Faktencheck</span> <span class="info-icon" data-tooltip="Gesichert/Bestätigt = durch mehrere unabhängige Quellen belegt.&#10;&#10;Unbestätigt/Ungeprüft = noch nicht ausreichend verifiziert.&#10;&#10;Widerlegt/Umstritten = Quellen widersprechen sich."><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span></div>
<div class="fc-filter-bar" id="fc-filters"></div>
</div>
<div class="factcheck-list" id="factcheck-list">
@@ -296,7 +296,7 @@
<div class="tab-panel" id="panel-pipeline">
<div class="card pipeline-card" id="pipeline-card">
<div class="card-header">
<div class="card-title">Analysepipeline</div>
<div class="card-title" data-i18n="card.pipeline">Analysepipeline</div>
<span class="pipeline-header-meta" id="pipeline-header-meta"></span>
</div>
<div class="pipeline-body">
@@ -313,7 +313,7 @@
<div class="tab-panel" id="panel-quellen">
<div class="card source-overview-card">
<div class="card-header">
<div class="card-title">Quellenübersicht</div>
<div class="card-title" data-i18n="card.sources_overview">Quellenübersicht</div>
<span class="source-overview-header-stats" id="source-overview-header-stats"></span>
</div>
<div id="source-overview-content"></div>
@@ -729,7 +729,7 @@
<script src="/static/js/components.js?v=20260513d"></script>
<script src="/static/js/layout.js?v=20260316b"></script>
<script src="/static/js/pipeline.js?v=20260513d"></script>
<script src="/static/js/app.js?v=20260513c"></script>
<script src="/static/js/app.js?v=20260513e"></script>
<script src="/static/js/cluster-data.js?v=20260322f"></script>
<script src="/static/js/tutorial.js?v=20260316z"></script>
<script src="/static/js/chat.js?v=20260422a"></script>
@@ -738,7 +738,7 @@
<!-- Map Fullscreen Overlay -->
<div class="map-fullscreen-overlay" id="map-fullscreen-overlay">
<div class="map-fullscreen-header">
<div class="map-fullscreen-title">Geografische Verteilung</div>
<div class="map-fullscreen-title" data-i18n="card.map">Geografische Verteilung</div>
<span class="map-stats map-fullscreen-stats" id="map-fullscreen-stats"></span>
<button class="btn btn-secondary btn-small" onclick="UI.toggleMapFullscreen()" title="Vollbild beenden" aria-label="Vollbild beenden">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" y1="10" x2="21" y2="3"/><line x1="3" y1="21" x2="10" y2="14"/></svg>