AegisSight/AegisSight-Monitor
3
0
Fork 0
Code Issues Pull-Requests Actions Pakete Projekte Releases Wiki Aktivität

feat: Artikel- und Quellen-Anzahl im zugeklappten Quellenübersicht-Header anzeigen

Quellcode durchsuchen 
Zeigt "X Artikel aus Y Quellen" direkt im Header der Quellenübersicht-Kachel,
sodass die Info auch ohne Aufklappen sichtbar ist.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Dev
2026-03-15 11:55:15 +01:00
Ursprung 4ce629ebcd
Commit 996ee71622
3 geänderte Dateien mit 302 neuen und 74 gelöschten Zeilen
Patch-Datei herunterladen Vergleichs-Datei herunterladen Alle Dateien ausklappen Alle Dateien einklappen

74
src/static/js/app.js
Datei anzeigen

@@ -505,7 +505,7 @@ const App = {
// Telegram-Kategorien Toggle
const tgCheckbox = document.getElementById('inc-telegram');
if (tgCheckbox) {
tgCheckbox.addEventListener('change', function() { toggleTgCategories(this.checked); });
}
@@ -676,6 +676,7 @@ const App = {
el = document.querySelector(".factcheck-list"); if (el) el.scrollTop = 0;
el = document.getElementById("factcheck-list"); if (el) el.innerHTML = "";
el = document.getElementById("source-overview-content"); if (el) el.innerHTML = "";
el = document.getElementById("source-overview-header-stats"); if (el) el.textContent = "";
el = document.getElementById("timeline-entries"); if (el) el.innerHTML = "";
await this.loadIncidentDetail(id);
@@ -707,14 +708,15 @@ const App = {
this.renderIncidentDetail(incident, articles, factchecks, snapshots, locations);
} catch (err) {
console.error('loadIncidentDetail Fehler:', err);
UI.showToast('Fehler beim Laden: ' + err.message, 'error');
}
},
renderIncidentDetail(incident, articles, factchecks, snapshots, locations) {
// Header Strip
document.getElementById('incident-title').textContent = incident.title;
document.getElementById('incident-description').textContent = incident.description || '';
{ const _e = document.getElementById('incident-title'); if (_e) _e.textContent = incident.title; }
{ const _e = document.getElementById('incident-description'); if (_e) _e.textContent = incident.description || ''; }
// Typ-Badge
const typeBadge = document.getElementById('incident-type-badge');
@@ -768,9 +770,9 @@ const App = {
: '';
}
document.getElementById('meta-refresh-mode').textContent = incident.refresh_mode === 'auto'
{ const _e = document.getElementById('meta-refresh-mode'); if (_e) _e.textContent = incident.refresh_mode === 'auto'
? `Auto alle ${App._formatInterval(incident.refresh_interval)}`
: 'Manuell';
: 'Manuell'; }
// International-Badge
const intlBadge = document.getElementById('intl-badge');
@@ -795,6 +797,12 @@ const App = {
const sourceOverview = document.getElementById('source-overview-content');
if (sourceOverview) {
sourceOverview.innerHTML = UI.renderSourceOverview(articles);
// Stats im Header aktualisieren (sichtbar im zugeklappten Zustand)
const _soStats = document.getElementById("source-overview-header-stats");
if (_soStats) {
const _soSources = new Set(articles.map(a => a.source).filter(Boolean));
_soStats.textContent = articles.length + " Artikel aus " + _soSources.size + " Quellen";
}
// Kachel an Inhalt anpassen
if (typeof LayoutManager !== 'undefined' && LayoutManager._grid) {
if (sourceOverview.style.display !== 'none') {
@@ -822,7 +830,7 @@ const App = {
this._timelineFilter = 'all';
this._timelineRange = 'all';
this._activePointIndex = null;
document.getElementById('timeline-search').value = '';
const _tsEl = document.getElementById('timeline-search'); if (_tsEl) _tsEl.value = '';
document.querySelectorAll('.ht-filter-btn').forEach(btn => {
const isActive = btn.dataset.filter === 'all';
btn.classList.toggle('active', isActive);
@@ -1459,9 +1467,6 @@ const App = {
retention_days: parseInt(document.getElementById('inc-retention').value) || 0,
international_sources: document.getElementById('inc-international').checked,
include_telegram: document.getElementById('inc-telegram').checked,
telegram_categories: document.getElementById('inc-telegram').checked
? Array.from(document.querySelectorAll('.tg-cat-cb:checked')).map(cb => cb.value)
: null,
visibility: document.getElementById('inc-visibility').checked ? 'public' : 'private',
};
},
@@ -1658,7 +1663,7 @@ const App = {
const input = document.getElementById('inc-refresh-value');
input.value = value;
input.min = unit === '1' ? 10 : 1;
document.getElementById('inc-refresh-unit').value = unit;
{ const _e = document.getElementById('inc-refresh-unit'); if (_e) _e.value = unit; }
},
_refreshHistoryOpen: false,
@@ -1808,43 +1813,35 @@ const App = {
this._editingIncidentId = this.currentIncidentId;
// Formular mit aktuellen Werten füllen
document.getElementById('inc-title').value = incident.title;
document.getElementById('inc-description').value = incident.description || '';
document.getElementById('inc-type').value = incident.type || 'adhoc';
document.getElementById('inc-refresh-mode').value = incident.refresh_mode;
{ const _e = document.getElementById('inc-title'); if (_e) _e.value = incident.title; }
{ const _e = document.getElementById('inc-description'); if (_e) _e.value = incident.description || ''; }
{ const _e = document.getElementById('inc-type'); if (_e) _e.value = incident.type || 'adhoc'; }
{ const _e = document.getElementById('inc-refresh-mode'); if (_e) _e.value = incident.refresh_mode; }
App._setIntervalFields(incident.refresh_interval);
document.getElementById('inc-retention').value = incident.retention_days;
document.getElementById('inc-international').checked = incident.international_sources !== false && incident.international_sources !== 0;
document.getElementById('inc-telegram').checked = !!incident.include_telegram;
// Telegram-Kategorien wiederherstellen
toggleTgCategories(!!incident.include_telegram);
if (incident.telegram_categories) {
let cats = incident.telegram_categories;
if (typeof cats === 'string') { try { cats = JSON.parse(cats); } catch(e) { cats = []; } }
document.querySelectorAll('.tg-cat-cb').forEach(cb => {
cb.checked = cats.includes(cb.value);
});
}
document.getElementById('inc-visibility').checked = incident.visibility !== 'private';
{ const _e = document.getElementById('inc-retention'); if (_e) _e.value = incident.retention_days; }
{ const _e = document.getElementById('inc-international'); if (_e) _e.checked = incident.international_sources !== false && incident.international_sources !== 0; }
{ const _e = document.getElementById('inc-telegram'); if (_e) _e.checked = !!incident.include_telegram; }
{ const _e = document.getElementById('inc-visibility'); if (_e) _e.checked = incident.visibility !== 'private'; }
updateVisibilityHint();
updateSourcesHint();
toggleTypeDefaults();
toggleRefreshInterval();
// Modal-Titel und Submit ändern
document.getElementById('modal-new-title').textContent = 'Lage bearbeiten';
document.getElementById('modal-new-submit').textContent = 'Speichern';
{ const _e = document.getElementById('modal-new-title'); if (_e) _e.textContent = 'Lage bearbeiten'; }
{ const _e = document.getElementById('modal-new-submit'); if (_e) _e.textContent = 'Speichern'; }
// E-Mail-Subscription laden
try {
const sub = await API.getSubscription(this.currentIncidentId);
document.getElementById('inc-notify-summary').checked = !!sub.notify_email_summary;
document.getElementById('inc-notify-new-articles').checked = !!sub.notify_email_new_articles;
document.getElementById('inc-notify-status-change').checked = !!sub.notify_email_status_change;
{ const _e = document.getElementById('inc-notify-summary'); if (_e) _e.checked = !!sub.notify_email_summary; }
{ const _e = document.getElementById('inc-notify-new-articles'); if (_e) _e.checked = !!sub.notify_email_new_articles; }
{ const _e = document.getElementById('inc-notify-status-change'); if (_e) _e.checked = !!sub.notify_email_status_change; }
} catch (e) {
document.getElementById('inc-notify-summary').checked = false;
document.getElementById('inc-notify-new-articles').checked = false;
document.getElementById('inc-notify-status-change').checked = false;
{ const _e = document.getElementById('inc-notify-summary'); if (_e) _e.checked = false; }
{ const _e = document.getElementById('inc-notify-new-articles'); if (_e) _e.checked = false; }
{ const _e = document.getElementById('inc-notify-status-change'); if (_e) _e.checked = false; }
}
openModal('modal-new');
@@ -3114,14 +3111,7 @@ function buildDetailedSourceOverview() {
function toggleTgCategories(show) {
const panel = document.getElementById('tg-categories-panel');
if (panel) panel.style.display = show ? 'block' : 'none';
}
function toggleAllTgCats(checked) {
document.querySelectorAll('.tg-cat-cb').forEach(cb => { cb.checked = checked; });
}
function toggleRefreshInterval() {
const mode = document.getElementById('inc-refresh-mode').value;
const field = document.getElementById('refresh-interval-field');