feat: Karte reagiert auf Karussell-Wechsel
- Map-Instanz wird einmalig erstellt, Marker dynamisch gewechselt - data-lage Attribute auf Carousel-Cards fuer Lagen-Zuordnung - Bei Lage mit Daten: Marker + Legende angezeigt - Bei Platzhalter: Karte ausgeblendet, 'Kartendaten folgen' - Zukunftssicher: Neue Lagen brauchen nur data-lage + summary.json Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
@@ -163,7 +163,7 @@
|
||||
<button class="carousel-arrow carousel-next" aria-label="Nächste Lage">›</button>
|
||||
<div class="carousel-track" id="carousel">
|
||||
<!-- Iran Card -->
|
||||
<div class="carousel-card card-live active" data-index="0">
|
||||
<div class="carousel-card card-live active" data-index="0" data-lage="iran-konflikt">
|
||||
<div class="demo-badge">LIVE</div>
|
||||
<h3 class="demo-title">Iran-Konflikt</h3>
|
||||
|
||||
@@ -173,13 +173,13 @@
|
||||
<a href="/lagen/iran-konflikt/" class="btn btn-primary btn-block">Vollständiges Lagebild öffnen</a>
|
||||
</div>
|
||||
<!-- Placeholder 2 -->
|
||||
<div class="carousel-card card-placeholder" data-index="1">
|
||||
<div class="carousel-card card-placeholder" data-index="1" data-lage="">
|
||||
<div class="demo-badge badge-soon">Demnächst</div>
|
||||
<h3 class="demo-title placeholder-title">Weitere Lage</h3>
|
||||
<p class="placeholder-text">In Vorbereitung</p>
|
||||
</div>
|
||||
<!-- Placeholder 3 -->
|
||||
<div class="carousel-card card-placeholder" data-index="2">
|
||||
<div class="carousel-card card-placeholder" data-index="2" data-lage="">
|
||||
<div class="demo-badge badge-soon">Demnächst</div>
|
||||
<h3 class="demo-title placeholder-title">Weitere Lage</h3>
|
||||
<p class="placeholder-text">In Vorbereitung</p>
|
||||
@@ -193,9 +193,10 @@
|
||||
</div>
|
||||
|
||||
<!-- Map -->
|
||||
<div class="map-section">
|
||||
<h3 class="map-title">Geografische Verortung der Meldungen</h3>
|
||||
<div class="map-section" id="map-section">
|
||||
<h3 class="map-title" id="map-title">Geografische Verortung der Meldungen</h3>
|
||||
<div id="map-container"></div>
|
||||
<div class="map-empty" id="map-empty" style="display:none">Kartendaten folgen</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren