';
},
/* ===== COUNT-UP ANIMATION ===== */
animateCount: function(element, target, duration) {
var start = performance.now();
function update(now) {
var elapsed = now - start;
var progress = Math.min(elapsed / duration, 1);
var eased = 1 - Math.pow(1 - progress, 3); // easeOutCubic
var current = Math.round(target * eased);
element.textContent = current.toLocaleString('de-DE');
if (progress < 1) {
requestAnimationFrame(update);
}
}
requestAnimationFrame(update);
},
/* ===== TIMELINE STRIP ===== */
renderTimeline: function() {
var snaps = this.data.available_snapshots || [];
var current = {
id: 'current',
article_count: this.data.incident.article_count,
fact_check_count: this.data.incident.factcheck_count,
created_at: this.data.generated_at
};
var all = [current].concat(snaps);
// Group by date
var groups = {};
for (var i = 0; i < all.length; i++) {
var s = all[i];
var dateKey = this.toDateKey(s.created_at);
if (!groups[dateKey]) groups[dateKey] = [];
groups[dateKey].push(s);
}
// Sort each group descending (newest first)
for (var dk in groups) {
groups[dk].sort(function(a, b) {
return new Date(Lagebild.toUTC(b.created_at)) - new Date(Lagebild.toUTC(a.created_at));
});
}
this.timelineGroups = groups;
var dates = Object.keys(groups).sort();
var strip = document.getElementById('timeline-strip');
var h = '';
for (var j = 0; j < dates.length; j++) {
var date = dates[j];
var daySnaps = groups[date];
var latest = daySnaps[0];
var isActive = (j === dates.length - 1);
var d = new Date(date + 'T12:00:00Z');
h += '';
}
strip.innerHTML = h;
// Scroll to active day
var active = strip.querySelector('.timeline-day.active');
if (active) {
setTimeout(function() {
active.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });
}, 150);
}
// Click handler for day buttons
var self = this;
strip.addEventListener('click', function(e) {
var btn = e.target.closest('.timeline-day');
if (!btn) return;
var allDays = strip.querySelectorAll('.timeline-day');
for (var k = 0; k < allDays.length; k++) allDays[k].classList.remove('active');
btn.classList.add('active');
var dateKey = btn.getAttribute('data-date');
var snapId = btn.getAttribute('data-snapshot-id');
// Show dropdown for this day
self.showTimelineDropdown(dateKey, snapId);
// Load latest snapshot
if (snapId === 'current') {
self.currentView = {
summary: self.data.current_lagebild.summary_markdown,
sources_json: self.data.current_lagebild.sources_json,
updated_at: self.data.current_lagebild.updated_at || self.data.generated_at,
articles: self.data.articles,
fact_checks: self.data.fact_checks
};
self.renderCurrentView();
} else {
self.loadSnapshot(parseInt(snapId));
}
});
// Click handler for dropdown snapshot items (delegated, set up once)
var dropdown = document.getElementById('timeline-dropdown');
dropdown.addEventListener('click', function(e) {
var item = e.target.closest('.timeline-snap-item');
if (!item) return;
var items = dropdown.querySelectorAll('.timeline-snap-item');
for (var k = 0; k < items.length; k++) items[k].classList.remove('active');
item.classList.add('active');
var snapId = item.getAttribute('data-snapshot-id');
if (snapId === 'current') {
self.currentView = {
summary: self.data.current_lagebild.summary_markdown,
sources_json: self.data.current_lagebild.sources_json,
updated_at: self.data.current_lagebild.updated_at || self.data.generated_at,
articles: self.data.articles,
fact_checks: self.data.fact_checks
};
self.renderCurrentView();
} else {
self.loadSnapshot(parseInt(snapId));
}
});
// Show dropdown for newest day by default
var newestDate = dates[dates.length - 1];
if (newestDate && groups[newestDate].length > 1) {
this.showTimelineDropdown(newestDate, groups[newestDate][0].id);
}
},
showTimelineDropdown: function(dateKey, activeSnapId) {
var dropdown = document.getElementById('timeline-dropdown');
var snaps = this.timelineGroups[dateKey];
if (!snaps || snaps.length <= 1) {
dropdown.classList.remove('open');
dropdown.innerHTML = '';
return;
}
var d = new Date(dateKey + 'T12:00:00Z');
var dateLabel = d.toLocaleDateString('de-DE', { day: 'numeric', month: 'long', year: 'numeric', timeZone: 'UTC' });
var h = '
' + dateLabel + ' - ' + snaps.length + ' Updates
';
h += '
';
for (var i = 0; i < snaps.length; i++) {
var snap = snaps[i];
var isActive = (String(snap.id) === String(activeSnapId));
h += '';
}
h += '
';
dropdown.innerHTML = h;
dropdown.classList.add('open');
},
toDateKey: function(iso) {
if (!iso) return '';
var d = new Date(this.toUTC(iso));
return d.toLocaleDateString('en-CA', { timeZone: TIMEZONE });
},
/* ===== TAB BADGES ===== */
renderTabBadges: function() {
var quellenBadge = document.getElementById('tab-badge-quellen');
var fcBadge = document.getElementById('tab-badge-faktenchecks');
if (quellenBadge) quellenBadge.textContent = this.data.incident.source_count;
if (fcBadge) fcBadge.textContent = this.data.incident.factcheck_count;
},
/* ===== SNAPSHOT LOADING ===== */
loadSnapshot: async function(id) {
if (this.allSnapshots[id]) {
this.currentView = this.allSnapshots[id];
this.renderCurrentView();
return;
}
try {
var resp = await fetch('data/snapshot-' + id + '.json');
if (!resp.ok) throw new Error('HTTP ' + resp.status);
var sd = await resp.json();
var sj = sd.sources_json;
if (typeof sj === 'string') { try { sj = JSON.parse(sj); } catch(e) { sj = []; } }
this.currentView = {
summary: sd.summary,
sources_json: sj || [],
updated_at: sd.created_at,
articles: this.data.articles,
fact_checks: this.data.fact_checks
};
this.allSnapshots[id] = this.currentView;
this.renderCurrentView();
} catch (e) { console.error('Snapshot Fehler:', e); }
},
renderCurrentView: function() {
this.renderSummary();
this.renderInlineSources();
this.renderSourcesTab();
this.renderArticlesTab();
this.renderFactChecksTab();
if (document.getElementById('panel-karte').classList.contains('active')) {
this.renderMap();
}
},
/* ===== TAB: LAGEBILD ===== */
renderSummary: function() {
var v = this.currentView;
document.getElementById('lagebild-timestamp').textContent = this.fmtDT(v.updated_at);
var md = this.fixUmlauts(v.summary || '');
var html = this.mdToHtml(md);
// Build source lookup for citation links
var srcMap = {};
var sources = v.sources_json || [];
for (var i = 0; i < sources.length; i++) {
srcMap[sources[i].nr] = sources[i];
}
var self = this;
html = html.replace(/\[(\d+)\]/g, function(match, nr) {
var src = srcMap[nr];
if (src && src.url) {
return '[' + nr + ']';
}
return '[' + nr + ']';
});
document.getElementById('summary-content').innerHTML = html;
},
renderInlineSources: function() {
var sources = this.currentView.sources_json || [];
if (!sources.length) { document.getElementById('inline-sources').innerHTML = ''; return; }
var el = document.getElementById('inline-sources');
el.classList.remove('open');
var h = '
';
h += '▸ Quellenverzeichnis (' + sources.length + ' Quellen)';
h += '
';
h += '
';
for (var i = 0; i < sources.length; i++) {
var s = sources[i];
if (i > 0) h += ' · ';
h += '';
h += '[' + s.nr + '] ';
if (s.url) {
h += '' + this.esc(s.name || '') + '';
} else {
h += this.esc(s.name || '');
}
h += '';
}
h += '
';
el.innerHTML = h;
el.querySelector('.inline-sources-toggle').addEventListener('click', function() {
el.classList.toggle('open');
});
},
/* ===== TAB: QUELLEN ===== */
renderSourcesTab: function() {
var sources = this.currentView.sources_json || [];
var articles = this.currentView.articles || [];
var h = '';
h += '
Im Lagebild zitierte Quellen (' + sources.length + ')
';
if (sources.length) {
h += '';
for (var i = 0; i < sources.length; i++) {
var s = sources[i];
if (s.url) {
h += '
';
checks = checks.slice().sort(function(a, b) {
var aH = (a.status_history || []).length;
var bH = (b.status_history || []).length;
if (bH !== aH) return bH - aH;
return (b.sources_count || 0) - (a.sources_count || 0);
});
for (var i = 0; i < checks.length; i++) {
var fc = checks[i];
var status = fc.status || 'developing';
var hasProg = fc.status_history && fc.status_history.length > 1;
h += '
';
h += '
';
h += '' + this.stLabel(status) + '';
h += '' + (fc.sources_count || 0) + ' unabhängige Quellen';
h += '
';
h += '
' + this.esc(this.fixUmlauts(fc.claim || '')) + '
';
if (fc.evidence) {
var ev = this.fixUmlauts(fc.evidence);
ev = this.esc(ev).replace(/(https?:\/\/[^\s,)]+)/g, '$1');
h += '
Evidenz: ' + ev + '
';
}
if (hasProg) {
h += '
';
h += 'Verlauf:';
for (var j = 0; j < fc.status_history.length; j++) {
var step = fc.status_history[j];
if (j > 0) h += '→';
h += '';
h += '' + this.stLabel(step.status) + '';
if (step.at) h += '' + this.fmtShort(step.at) + '';
h += '';
}
h += '
';
}
h += '
';
}
document.getElementById('factchecks-content').innerHTML = h;
},
/* ===== TABS ===== */
initTabs: function() {
var btns = document.querySelectorAll('.tab-btn');
var self = this;
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener('click', function() {
var tab = this.getAttribute('data-tab');
for (var j = 0; j < btns.length; j++) btns[j].classList.remove('active');
this.classList.add('active');
var panels = document.querySelectorAll('.tab-panel');
for (var j = 0; j < panels.length; j++) panels[j].classList.remove('active');
var activePanel = document.getElementById('panel-' + tab);
activePanel.classList.add('active');
// Trigger reveal for cards in newly active panel
var revealCards = activePanel.querySelectorAll('.reveal:not(.revealed)');
for (var k = 0; k < revealCards.length; k++) {
revealCards[k].classList.add('revealed');
}
if (tab === 'karte') self.renderMap();
});
}
},
initLangToggle: function() {
var btn = document.querySelector('.lang-toggle');
if (!btn) return;
btn.addEventListener('click', function(e) {
e.preventDefault();
if (typeof switchLanguage === 'function') {
var cur = (typeof getCurrentLanguage === 'function') ? getCurrentLanguage() : 'de';
switchLanguage(cur === 'de' ? 'en' : 'de');
}
});
},
/* ===== SCROLL REVEAL ===== */
initScrollReveal: function() {
var cards = document.querySelectorAll('.content-card, .lagebild-cta');
if (!('IntersectionObserver' in window)) {
for (var i = 0; i < cards.length; i++) cards[i].classList.add('revealed');
return;
}
var observer = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
entry.target.classList.add('revealed');
observer.unobserve(entry.target);
}
});
}, { threshold: 0.1 });
for (var i = 0; i < cards.length; i++) {
cards[i].classList.add('reveal');
// Immediately reveal cards in the active (visible) tab panel
var panel = cards[i].closest('.tab-panel');
if (!panel || panel.classList.contains('active')) {
cards[i].classList.add('revealed');
} else {
observer.observe(cards[i]);
}
}
},
/* ===== HILFSFUNKTIONEN ===== */
extractDomain: function(url) {
if (!url) return null;
try { return new URL(url).hostname; } catch(e) { return null; }
},
fixUmlauts: function(text) {
if (!text) return text;
var skip = ['Israel','Israelis','Jazeera','Euronews','Reuters','Februar',
'Juffair','abgefeuert','Feindseligkeiten','Gegenschlag','neuesten',
'auszuweiten','befeuert','feuerte','Feuer','feuer','neue','neuen',
'neuer','neues','Neue','Aero','aero','Manoeuvre','Dauerfeuer'];
var ph = []; var c = 0;
for (var i = 0; i < skip.length; i++) {
var re = new RegExp('\\b' + skip[i] + '\\b', 'g');
text = text.replace(re, function(m) { ph.push(m); return '##S' + (c++) + '##'; });
}
text = text.replace(/ae/g, '\u00e4').replace(/Ae/g, '\u00c4');
text = text.replace(/oe/g, '\u00f6').replace(/Oe/g, '\u00d6');
text = text.replace(/ue/g, '\u00fc').replace(/Ue/g, '\u00dc');
text = text.replace(/##S(\d+)##/g, function(m, idx) { return ph[parseInt(idx)]; });
return text;
},
stLabel: function(s) {
return { confirmed: 'Bestätigt', unconfirmed: 'Unbestätigt', established: 'Gesichert',
unverified: 'Nicht verifiziert', contradicted: 'Widerlegt', disputed: 'Umstritten',
developing: 'In Entwicklung', 'false': 'Falsch' }[s] || s;
},
mdToHtml: function(md) {
if (!md) return '';
var lines = md.split('\n'), html = '', inList = false;
for (var i = 0; i < lines.length; i++) {
var l = lines[i];
if (/^### (.+)$/.test(l)) { if (inList) { html += ''; inList = false; } html += '
' + l.replace(/^### /, '') + '
'; continue; }
if (/^## (.+)$/.test(l)) { if (inList) { html += ''; inList = false; } html += '
' + l.replace(/^## /, '') + '
'; continue; }
if (/^[-*] (.+)$/.test(l)) { if (!inList) { html += '
'; inList = true; } html += '
' + l.replace(/^[-*] /, '') + '
'; continue; }
if (inList) { html += '
'; inList = false; }
if (l.trim() === '') continue;
html += '
' + l + '
';
}
if (inList) html += '';
html = html.replace(/\*\*(.+?)\*\*/g, '$1');
html = html.replace(/\*(.+?)\*/g, '$1');
return html;
},
esc: function(s) { if (!s) return ''; var d = document.createElement('div'); d.textContent = s; return d.innerHTML; },
toUTC: function(s) {
if (!s) return s;
s = String(s).trim();
if (/[Zz]$/.test(s) || /[+-]\d{2}:?\d{2}$/.test(s)) return s;
return s.replace(' ', 'T') + 'Z';
},
fmtDT: function(iso) {
if (!iso) return '';
try {
var d = new Date(this.toUTC(iso));
if (isNaN(d.getTime())) return iso;
var opts = { timeZone: TIMEZONE, weekday: 'long', day: 'numeric', month: 'long', year: 'numeric', hour: '2-digit', minute: '2-digit', hour12: false };
var parts = new Intl.DateTimeFormat('de-DE', opts).formatToParts(d);
var p = {};
parts.forEach(function(x) { p[x.type] = x.value; });
return p.weekday + ', ' + p.day + '. ' + p.month + ' ' + p.year
+ ' um ' + p.hour + ':' + p.minute + ' Uhr';
} catch(e) { return iso; }
},
fmtDateOnly: function(iso) {
if (!iso) return '';
try {
var d = new Date(this.toUTC(iso));
if (isNaN(d.getTime())) return iso;
return d.toLocaleDateString('de-DE', { day: 'numeric', month: 'short', year: 'numeric', timeZone: TIMEZONE });
} catch(e) { return iso; }
},
fmtTimeOnly: function(iso) {
if (!iso) return '';
try {
var d = new Date(this.toUTC(iso));
if (isNaN(d.getTime())) return iso;
return d.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit', timeZone: TIMEZONE });
} catch(e) { return iso; }
},
fmtShort: function(iso) {
if (!iso) return '';
try { return new Date(this.toUTC(iso)).toLocaleDateString('de-DE', { day: 'numeric', month: 'short', hour: '2-digit', minute: '2-digit', timeZone: TIMEZONE }); }
catch(e) { return iso; }
},
showError: function() {
document.getElementById('summary-content').innerHTML =
'
Das Lagebild konnte nicht geladen werden. Bitte versuchen Sie es später erneut.
 + '&sz=16)
';
ah += this.esc(a.source || '') + '';
if (a.language) ah += '' + a.language.toUpperCase() + '';
if (dObj && !isNaN(dObj.getTime())) {
ah += '' + dObj.toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric', timeZone: TIMEZONE }) + ', ' + dObj.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit', timeZone: TIMEZONE }) + ' Uhr';
}
if (a.source_url) ah += 'Artikel lesen ' + this.icons.externalLink + '';
ah += '