7c1c2b390d
Opening the preview panel narrows .grid-area and reflows the auto-fill grid to fewer columns, moving the clicked card to a new row. The single-frame scrollIntoView ran while the browser's scroll-anchoring re-adjusted scrollTop mid-reflow, so the card scrolled out of view. Disable scroll anchoring on .grid-area (overflow-anchor:none) and defer the scroll by two animation frames against the settled layout, centring the card (block:'center'). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1139 lines
53 KiB
JavaScript
1139 lines
53 KiB
JavaScript
import { S } from './state.js';
|
|
|
|
// Escape untrusted strings (filenames, account/display names, folders) before
|
|
// embedding them in innerHTML / title attributes. Scan-derived values can come
|
|
// from attacker-controlled content (e.g. a OneDrive file named with markup),
|
|
// so every such field must pass through esc() to prevent stored XSS.
|
|
function esc(s) {
|
|
return String(s == null ? '' : s)
|
|
.replace(/&/g, '&')
|
|
.replace(/</g, '<')
|
|
.replace(/>/g, '>')
|
|
.replace(/"/g, '"')
|
|
.replace(/'/g, ''');
|
|
}
|
|
|
|
// ── Cards ─────────────────────────────────────────────────────────────────────
|
|
const SOURCE_BADGES = {
|
|
email: ['📧', 'badge-email', 'Outlook'],
|
|
gmail: ['📧', 'badge-gmail', 'Gmail'],
|
|
gdrive: ['📁', 'badge-gdrive', 'GDrive'],
|
|
onedrive: ['💾', 'badge-onedrive', 'OneDrive'],
|
|
sharepoint: ['🌐', 'badge-sharepoint', 'SharePoint'],
|
|
teams: ['💬', 'badge-teams', 'Teams'],
|
|
local: ['📁', 'badge-local', 'Local'],
|
|
smb: ['🌐', 'badge-smb', 'Network'],
|
|
};
|
|
|
|
function appendCard(f) {
|
|
const search = document.getElementById('filterSearch').value.trim().toLowerCase();
|
|
const srcVal = document.getElementById('filterSource').value;
|
|
if (search && !f.name.toLowerCase().includes(search)) return;
|
|
if (srcVal && f.source_type !== srcVal) return;
|
|
|
|
const grid = document.getElementById('grid');
|
|
const [icon, badgeCls, label] = SOURCE_BADGES[f.source_type] || ['📄', '', f.source_type];
|
|
const src = f.thumb_b64
|
|
? 'data:' + f.thumb_mime + ';base64,' + f.thumb_b64
|
|
: '/api/thumb?name=' + encodeURIComponent(f.name) + '&type=' + encodeURIComponent(f.source_type);
|
|
|
|
const card = document.createElement('div');
|
|
card.className = 'card' + (S.isListView ? ' list-view' : '') + (S._selectedIds.has(f.id) ? ' card-selected-bulk' : '') + ((f._resolved || f._redacted) ? ' card-resolved' : '');
|
|
card.dataset.id = f.id;
|
|
card.onclick = (e) => { if (S._selectMode) { toggleCardSelect(f.id, e); } else { openPreview(f); } };
|
|
|
|
const cb = document.createElement('input');
|
|
cb.type = 'checkbox';
|
|
cb.className = 'card-cb';
|
|
cb.checked = S._selectedIds.has(f.id);
|
|
cb.onclick = (e) => { e.stopPropagation(); toggleCardSelect(f.id, e); };
|
|
card.appendChild(cb);
|
|
|
|
const delBtn = (window.VIEWER_MODE || f._resolved || f._redacted) ? '' : `<button class="card-delete-btn" title="${t('m365_delete_confirm','Delete')}" onclick="event.stopPropagation();deleteItem(${JSON.stringify(f).replace(/"/g,'"')},this.closest('.card'))">🗑</button>`;
|
|
const _redactExts = new Set(['.docx', '.xlsx', '.txt', '.csv', '.pdf']);
|
|
const _cloudRedactExts = new Set(['.docx', '.xlsx', '.pdf']);
|
|
const _m365Types = new Set(['onedrive', 'sharepoint', 'teams']);
|
|
const _fileExt = (f.name || '').substring((f.name || '').lastIndexOf('.')).toLowerCase();
|
|
const _redactable = !window.VIEWER_MODE && !f._resolved && !f._redacted && f.cpr_count > 0 && (
|
|
f.source_type === 'local' ? _redactExts.has(_fileExt) :
|
|
_m365Types.has(f.source_type) ? _cloudRedactExts.has(_fileExt) :
|
|
f.source_type === 'gdrive' ? _cloudRedactExts.has(_fileExt) :
|
|
(f.source_type === 'smb' || f.source_type === 'sftp') ? _redactExts.has(_fileExt) : false
|
|
);
|
|
const redactBtn = _redactable ? `<button class="card-redact-btn" title="${t('redact_btn','Redact CPR')}" onclick="event.stopPropagation();redactItem(${JSON.stringify(f).replace(/"/g,'"')},this.closest('.card'))">✏</button>` : '';
|
|
|
|
if (S.isListView) {
|
|
card.innerHTML = `
|
|
<div style="font-size:24px; flex-shrink:0">${icon}</div>
|
|
<div class="card-info list-info">
|
|
<div class="card-name" title="${esc(f.name)}">${esc(f.name)}</div>
|
|
<div class="card-meta">${f.size_kb} KB · ${esc(f.modified || '')}${f.folder ? ' · 📂 ' + esc(f.folder) : ''}</div>
|
|
<div class="card-source"><span class="source-badge ${badgeCls}">${esc(label)}</span> ${esc(f.source || '')}${f.account_name ? ' · <span class="account-pill" title="' + esc(f.account_name) + '">' + (f.user_role === 'student' ? '<span class="role-badge">' + t('role_student','Elev') + '</span>' : f.user_role === 'staff' ? '<span class="role-badge">' + t('role_staff','Ansat') + '</span>' : '') + esc(f.account_name) + '</span>' : ''}${f.transfer_risk === 'external-recipient' ? ' <span class="role-pill" style="background:#7B2D00;color:#FFD0B0">⚠ Ext.</span>' : f.transfer_risk ? ' <span class="role-pill" style="background:#003D7B;color:#B0D4FF">🔗</span>' : ''}</div>
|
|
</div>
|
|
<span class="cpr-badge">${f.cpr_count} CPR</span>
|
|
${f.email_count > 0 ? '<span class="email-badge">' + f.email_count + ' ' + t('m365_badge_emails', 'e-mail') + '</span> ' : ''}
|
|
${f.phone_count > 0 ? '<span class="phone-badge">' + f.phone_count + ' ' + t('m365_badge_phones', 'tlf.') + '</span> ' : ''}
|
|
${f.face_count > 0 ? '<span class="photo-face-badge">' + f.face_count + ' ' + t('m365_badge_faces', f.face_count === 1 ? 'face' : 'faces') + '</span> ' : ''}
|
|
${f.exif && f.exif.gps ? '<span class="photo-face-badge" style="background:#0a3a5a;color:#7ec8d0">🌍 GPS</span> ' : ''}
|
|
${f.special_category && f.special_category.length ? '<span class="special-cat-badge">⚠ Art.9 — ' + f.special_category.filter(function(s){return s !== 'gps_location' && s !== 'exif_pii';}).join(', ') + '</span> ' : ''}${f._redacted ? '<span class="resolved-badge">✏ ' + t('redact_badge', 'Redacted') + '</span> ' : ''}${f._resolved ? '<span class="resolved-badge">✓ ' + t('history_resolved_badge', 'Resolved') + '</span> ' : ''}${f.overdue ? '<span class="overdue-badge">🗓 Overdue</span>' : ''}
|
|
${delBtn}${redactBtn}`;
|
|
} else {
|
|
card.innerHTML = `
|
|
<div class="thumb-wrap"><img src="${src}" alt="${esc(f.name)}" loading="lazy"></div>
|
|
<div class="card-info">
|
|
<div class="card-name" title="${esc(f.name)}">${esc(f.name)}</div>
|
|
<div class="card-meta">${f.size_kb} KB · ${esc(f.modified || '')}</div>
|
|
${f.folder ? `<div class="card-meta" style="font-size:10px" title="${esc(f.folder)}">📂 ${esc(f.folder)}</div>` : ''}
|
|
<div class="card-source"><span class="source-badge ${badgeCls}">${esc(label)}</span>${f.account_name ? ' <span class="account-pill" title="' + esc(f.account_name) + '">' + (f.user_role === "student" ? '<span class="role-badge">' + t("role_student","Elev") + "</span>" : f.user_role === "staff" ? '<span class="role-badge">' + t("role_staff","Ansat") + "</span>" : "") + esc(f.account_name) + '</span>' : ''}${f.transfer_risk === "external-recipient" ? ' <span class="role-pill" style="background:#7B2D00;color:#FFD0B0">⚠ Ext.</span>' : f.transfer_risk ? ' <span class="role-pill" style="background:#003D7B;color:#B0D4FF">🔗</span>' : ''}</div>
|
|
<span class="cpr-badge">${f.cpr_count} CPR</span>${f.email_count > 0 ? ' <span class="email-badge">' + f.email_count + ' ' + t('m365_badge_emails', 'e-mail') + '</span>' : ''}${f.phone_count > 0 ? ' <span class="phone-badge">' + f.phone_count + ' ' + t('m365_badge_phones', 'tlf.') + '</span>' : ''}${f.face_count > 0 ? ' <span class="photo-face-badge">' + f.face_count + ' ' + t('m365_badge_faces', f.face_count === 1 ? 'face' : 'faces') + '</span>' : ''}${f.exif && f.exif.gps ? ' <span class="photo-face-badge" style="background:#0a3a5a;color:#7ec8d0">🌍 GPS</span>' : ''}${f._redacted ? ' <span class="resolved-badge">✏ ' + t('redact_badge', 'Redacted') + '</span>' : ''}${f._resolved ? ' <span class="resolved-badge">✓ ' + t('history_resolved_badge', 'Resolved') + '</span>' : ''}${f.overdue ? ' <span class="overdue-badge">🗓 Overdue</span>' : ''}
|
|
</div>
|
|
${delBtn}${redactBtn}`;
|
|
}
|
|
grid.appendChild(card);
|
|
}
|
|
|
|
function renderGrid(files) {
|
|
const grid = document.getElementById('grid');
|
|
grid.innerHTML = '';
|
|
files.forEach(f => appendCard(f));
|
|
_updateBulkBar();
|
|
updateDispositionStats();
|
|
}
|
|
|
|
// ── Preview panel ─────────────────────────────────────────────────────────────
|
|
let _previewItemId = null;
|
|
|
|
async function openPreview(f) {
|
|
// Highlight selected card
|
|
document.querySelectorAll('.card.selected').forEach(c => c.classList.remove('selected'));
|
|
const cardEl = document.querySelector(`.card[data-id="${CSS.escape(f.id)}"]`);
|
|
if (cardEl) cardEl.classList.add('selected');
|
|
|
|
const panel = document.getElementById('previewPanel');
|
|
const frame = document.getElementById('previewFrame');
|
|
const loading = document.getElementById('previewLoading');
|
|
const title = document.getElementById('previewTitle');
|
|
const meta = document.getElementById('previewMeta');
|
|
|
|
panel.classList.remove('hidden');
|
|
const _savedW = sessionStorage.getItem('gdpr_preview_width');
|
|
if (_savedW) panel.style.width = _savedW + 'px';
|
|
// Opening the panel narrows .grid-area and reflows the grid to fewer columns,
|
|
// moving the selected card to a new row. Defer the scroll by two frames so it
|
|
// runs against the settled layout, and centre the card so it stays visible.
|
|
if (cardEl) requestAnimationFrame(() => requestAnimationFrame(() =>
|
|
cardEl.scrollIntoView({ behavior: 'smooth', block: 'center' })));
|
|
title.textContent = f.name;
|
|
frame.style.display = 'none';
|
|
loading.style.display = 'flex';
|
|
loading.textContent = 'Loading preview…';
|
|
|
|
meta.innerHTML = [
|
|
f.account_name ? `<span style="font-weight:500">👤 ${esc(f.account_name)}</span>` : '',
|
|
f.source ? `<span>${esc(f.source)}</span>` : '',
|
|
f.size_kb ? `<span>${f.size_kb} KB</span>` : '',
|
|
f.modified ? `<span>${esc(f.modified)}</span>` : '',
|
|
f.cpr_count ? `<span style="color:var(--danger)">${f.cpr_count} CPR</span>` : '',
|
|
f.email_count ? `<span style="color:#7ec8f0">${f.email_count} ${t('m365_badge_emails','e-mail')}</span>` : '',
|
|
f.phone_count ? `<span style="color:#7eeac0">${f.phone_count} ${t('m365_badge_phones','tlf.')}</span>` : '',
|
|
f.url ? `<button class="preview-open-btn" onclick="window.open('${f.url}','_blank')">${t("m365_preview_open","Open in M365 ↗")}</button>` : '',
|
|
].filter(Boolean).join('');
|
|
|
|
_previewItemId = f.id;
|
|
loadDisposition(f.id);
|
|
_loadRelated(f);
|
|
|
|
try {
|
|
const r = await fetch('/api/preview/' + encodeURIComponent(f.id)
|
|
+ '?source_type=' + encodeURIComponent(f.source_type || '')
|
|
+ '&account_id=' + encodeURIComponent(f.account_id || ''));
|
|
const d = await r.json();
|
|
|
|
if (_previewItemId !== f.id) return; // stale — user clicked another card
|
|
|
|
if (d.error) {
|
|
loading.textContent = d.error;
|
|
return;
|
|
}
|
|
|
|
if (d.type === 'local') {
|
|
loading.style.display = 'none';
|
|
frame.style.display = 'block';
|
|
frame.srcdoc = `<html><body style="font-family:sans-serif;color:#ccc;background:#1e1e1e;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;gap:12px">
|
|
<div style="font-size:40px">📁</div>
|
|
<div style="font-size:14px;font-weight:600">${d.name || f.name}</div>
|
|
<div style="font-size:11px;color:#888">${t('m365_preview_local_file','Local file — no cloud preview available')}</div>
|
|
<div style="font-size:10px;color:#666;word-break:break-all;max-width:400px;text-align:center">${d.path || ''}</div>
|
|
</body></html>`;
|
|
return;
|
|
}
|
|
|
|
if (d.type === 'html' && d.html) {
|
|
loading.style.display = 'none';
|
|
frame.style.display = 'block';
|
|
const theme = document.body.dataset.theme === 'dark' ? '#1e1e1e' : '#ffffff';
|
|
const textColor = document.body.dataset.theme === 'dark' ? '#e0e0e0' : '#111111';
|
|
const mutedColor = document.body.dataset.theme === 'dark' ? '#888' : '#666';
|
|
frame.srcdoc = `<html><body style="margin:0;background:${theme};color:${textColor};font-family:sans-serif;--muted:${mutedColor};--text:${textColor};--mono:monospace">${d.html}</body></html>`;
|
|
return;
|
|
}
|
|
|
|
if (d.type === 'info' && d.html) {
|
|
loading.style.display = 'none';
|
|
frame.style.display = 'block';
|
|
const theme = document.body.dataset.theme === 'dark' ? '#1e1e1e' : '#ffffff';
|
|
frame.srcdoc = `<html><body style="margin:0;padding:20px;background:${theme};color:#888;font-family:sans-serif">${d.html}</body></html>`;
|
|
return;
|
|
}
|
|
|
|
if (d.type === 'iframe' && d.url) {
|
|
frame.src = d.url;
|
|
frame.onload = () => {
|
|
loading.style.display = 'none';
|
|
frame.style.display = 'block';
|
|
};
|
|
} else if (d.type === 'html') {
|
|
const blob = new Blob([d.html], {type: 'text/html'});
|
|
frame.src = URL.createObjectURL(blob);
|
|
frame.onload = () => {
|
|
loading.style.display = 'none';
|
|
frame.style.display = 'block';
|
|
};
|
|
} else {
|
|
loading.textContent = t('m365_preview_open','Open in M365') + ' — No preview available.';
|
|
}
|
|
} catch(e) {
|
|
loading.textContent = 'Preview failed: ' + e.message;
|
|
}
|
|
}
|
|
|
|
// ── Related documents (CPR cross-reference) ───────────────────────────────────
|
|
|
|
async function _loadRelated(f) {
|
|
const el = document.getElementById('previewRelated');
|
|
if (!el) return;
|
|
if (!f.cpr_count) { el.style.display = 'none'; return; }
|
|
|
|
const ref = S._historyRefScanId ? `&ref=${S._historyRefScanId}` : '';
|
|
try {
|
|
const r = await fetch(`/api/db/related/${encodeURIComponent(f.id)}?${ref}`);
|
|
const items = await r.json();
|
|
if (f.id !== _previewItemId) return; // stale
|
|
if (!items.length) { el.style.display = 'none'; return; }
|
|
|
|
const rows = items.map(item => {
|
|
const shared = item.shared_cprs ?? '';
|
|
const badge = shared ? `<span style="font-size:9px;padding:1px 5px;border-radius:10px;background:var(--danger);color:#fff;font-weight:500;flex-shrink:0">${shared} CPR</span>` : '';
|
|
const src = item.source ? `<span style="color:var(--muted);font-size:10px;flex-shrink:0">${esc(item.source)}</span>` : '';
|
|
return `<div onclick="window._openRelated('${item.id.replace(/'/g,"\\'")}',${JSON.stringify(item).replace(/"/g,'"')})"
|
|
style="display:flex;align-items:center;gap:6px;padding:4px 0;cursor:pointer;border-radius:4px"
|
|
onmouseover="this.style.background='var(--surface)'" onmouseout="this.style.background=''">
|
|
<span style="flex:1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${esc(item.name)}">${esc(item.name)}</span>
|
|
${src}${badge}
|
|
</div>`;
|
|
}).join('');
|
|
|
|
el.innerHTML = `<div style="font-size:10px;font-weight:600;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em">${t('m365_related_docs','Related documents')} <span style="font-weight:400">(${items.length})</span></div>${rows}`;
|
|
el.style.display = 'block';
|
|
} catch(e) {
|
|
el.style.display = 'none';
|
|
}
|
|
}
|
|
|
|
window._openRelated = function(id, itemData) {
|
|
const cached = (S.flaggedData || []).find(x => x.id === id);
|
|
openPreview(cached || itemData);
|
|
};
|
|
|
|
// ── Retention policy (#1) ────────────────────────────────────────────────────
|
|
|
|
function toggleRetentionPanel() {
|
|
const enabled = document.getElementById('optRetention').checked;
|
|
document.getElementById('retentionPanel').style.display = enabled ? 'block' : 'none';
|
|
if (enabled) updateRetentionCutoffHint();
|
|
}
|
|
|
|
function updateRetentionCutoffHint() {
|
|
const years = parseInt(document.getElementById('optRetentionYears')?.value) || 5;
|
|
const fyEnd = document.getElementById('optFiscalYearEnd')?.value || '';
|
|
const hint = document.getElementById('retentionCutoffHint');
|
|
if (!hint) return;
|
|
// Compute cutoff client-side for instant feedback
|
|
const today = new Date();
|
|
let cutoff;
|
|
if (fyEnd) {
|
|
const [mm, dd] = fyEnd.split('-').map(Number);
|
|
let fyEndDate = new Date(today.getFullYear(), mm - 1, dd);
|
|
if (fyEndDate >= today) fyEndDate = new Date(today.getFullYear() - 1, mm - 1, dd);
|
|
cutoff = new Date(fyEndDate); cutoff.setFullYear(cutoff.getFullYear() - years);
|
|
} else {
|
|
cutoff = new Date(today); cutoff.setFullYear(cutoff.getFullYear() - years);
|
|
}
|
|
const iso = cutoff.toISOString().split('T')[0];
|
|
const mode = fyEnd ? t('m365_ret_mode_fiscal', 'fiscal year') : t('m365_ret_mode_rolling', 'rolling');
|
|
hint.textContent = t('m365_ret_cutoff_hint', 'Items modified before') + ' ' + iso + ' (' + mode + ') ' + t('m365_ret_cutoff_flagged', 'will be flagged');
|
|
}
|
|
|
|
// Mark cards as overdue after scan completes or on load
|
|
async function markOverdueCards() {
|
|
const retentionEnabled = document.getElementById('optRetention')?.checked;
|
|
if (!retentionEnabled) return;
|
|
const years = parseInt(document.getElementById('optRetentionYears')?.value) || 5;
|
|
const fyEnd = document.getElementById('optFiscalYearEnd')?.value || '';
|
|
try {
|
|
const params = new URLSearchParams({years});
|
|
if (fyEnd) params.set('fiscal_year_end', fyEnd);
|
|
const r = await fetch('/api/db/overdue?' + params);
|
|
const d = await r.json();
|
|
if (!d.items) return;
|
|
const overdueIds = new Set(d.items.map(i => i.id));
|
|
// Mark S.flaggedData entries
|
|
S.flaggedData.forEach(f => { f.overdue = overdueIds.has(f.id); });
|
|
// Re-render to show badges
|
|
renderGrid(S.filteredData.length ? S.filteredData : S.flaggedData);
|
|
if (d.count > 0) {
|
|
log('🗓 ' + d.count + ' ' + t('m365_overdue_found', 'overdue item(s) found') + ' (cutoff: ' + d.cutoff_date + ')', 'warn');
|
|
}
|
|
} catch(e) { /* DB not available -- skip */ }
|
|
}
|
|
|
|
// Pre-filter bulk delete to overdue items
|
|
async function preFilterOverdue() {
|
|
const years = parseInt(document.getElementById('optRetentionYears')?.value) || 5;
|
|
const fyEnd = document.getElementById('optFiscalYearEnd')?.value || '';
|
|
try {
|
|
const params = new URLSearchParams({years});
|
|
if (fyEnd) params.set('fiscal_year_end', fyEnd);
|
|
const r = await fetch('/api/db/overdue?' + params);
|
|
const d = await r.json();
|
|
if (d.cutoff_date) {
|
|
document.getElementById('bdOlderThan').value = d.cutoff_date;
|
|
updateBdPreview();
|
|
}
|
|
} catch(e) {
|
|
// Fallback: compute client-side
|
|
const today = new Date();
|
|
const cutoff = new Date(today); cutoff.setFullYear(cutoff.getFullYear() - years);
|
|
document.getElementById('bdOlderThan').value = cutoff.toISOString().split('T')[0];
|
|
updateBdPreview();
|
|
}
|
|
}
|
|
|
|
function clearBdFilters() {
|
|
document.getElementById('bdSource').value = '';
|
|
document.getElementById('bdMinCpr').value = '1';
|
|
document.getElementById('bdOlderThan').value = '';
|
|
updateBdPreview();
|
|
}
|
|
|
|
// ── Data subject lookup (#4) ──────────────────────────────────────────────
|
|
|
|
let _dsubItems = []; // items from last lookup, for bulk delete
|
|
|
|
function openSubjectModal() {
|
|
document.getElementById("dsubBackdrop").classList.add("open");
|
|
document.getElementById("dsubInput").value = "";
|
|
document.getElementById("dsubStatus").textContent = "";
|
|
document.getElementById("dsubResults").innerHTML = "";
|
|
document.getElementById("dsubDeleteBtn").style.display = "none";
|
|
_dsubItems = [];
|
|
setTimeout(() => document.getElementById("dsubInput").focus(), 80);
|
|
}
|
|
|
|
function closeDsubModal() {
|
|
document.getElementById("dsubBackdrop").classList.remove("open");
|
|
}
|
|
|
|
async function runSubjectLookup() {
|
|
const cpr = document.getElementById("dsubInput").value.trim();
|
|
if (!cpr) return;
|
|
const statusEl = document.getElementById("dsubStatus");
|
|
const resultsEl = document.getElementById("dsubResults");
|
|
const deleteBtn = document.getElementById("dsubDeleteBtn");
|
|
statusEl.textContent = t("m365_subject_searching", "Searching…");
|
|
resultsEl.innerHTML = "";
|
|
deleteBtn.style.display = "none";
|
|
_dsubItems = [];
|
|
try {
|
|
const r = await fetch("/api/db/subject", {
|
|
method: "POST", headers: {"Content-Type":"application/json"},
|
|
body: JSON.stringify({cpr})
|
|
});
|
|
const d = await r.json();
|
|
if (d.error) { statusEl.textContent = d.error; return; }
|
|
if (!d.count) {
|
|
statusEl.textContent = t("m365_subject_not_found", "No flagged items found for this CPR number.");
|
|
return;
|
|
}
|
|
statusEl.textContent = d.count + " " + t("m365_subject_found", "item(s) found");
|
|
_dsubItems = d.items;
|
|
resultsEl.innerHTML = d.items.map(item => `
|
|
<div class="dsub-result-row">
|
|
<div class="dsub-result-name" title="${esc(item.name)}">${esc(item.name)}</div>
|
|
<div class="dsub-result-meta">${esc(item.source_type || "")}</div>
|
|
<div class="dsub-result-meta">${esc(item.modified || "")}</div>
|
|
<div class="dsub-result-meta" style="color:var(--danger)">${item.cpr_count} CPR</div>
|
|
</div>
|
|
`).join("");
|
|
if (d.count > 0) deleteBtn.style.display = "block";
|
|
} catch(e) {
|
|
statusEl.textContent = "Error: " + e.message;
|
|
}
|
|
}
|
|
|
|
async function deleteSubjectItems() {
|
|
if (!_dsubItems.length) return;
|
|
const count = _dsubItems.length;
|
|
if (!confirm(`${count} ${t("m365_subject_delete_confirm", "item(s) will be permanently deleted. Continue?")}`))
|
|
return;
|
|
const ids = _dsubItems.map(i => i.id);
|
|
const statusEl = document.getElementById("dsubStatus");
|
|
statusEl.textContent = t("m365_bulk_deleting", "Deleting…");
|
|
try {
|
|
const r = await fetch("/api/delete_bulk", {
|
|
method: "POST", headers: {"Content-Type":"application/json"},
|
|
body: JSON.stringify({ids, reason: "data-subject-request"})
|
|
});
|
|
const d = await r.json();
|
|
statusEl.textContent = `${d.deleted || 0} ${t("m365_bulk_deleted","deleted")}`;
|
|
document.getElementById("dsubDeleteBtn").style.display = "none";
|
|
document.getElementById("dsubResults").innerHTML = "";
|
|
_dsubItems = [];
|
|
// Refresh grid
|
|
S.flaggedData = S.flaggedData.filter(f => !ids.includes(f.id));
|
|
S.filteredData = S.filteredData.filter(f => !ids.includes(f.id));
|
|
renderGrid();
|
|
updateStats();
|
|
} catch(e) {
|
|
statusEl.textContent = "Delete failed: " + e.message;
|
|
}
|
|
}
|
|
|
|
// ── Disposition tagging (#6) ───────────────────────────────────────────────
|
|
|
|
let _dispositionItemId = null;
|
|
|
|
async function loadDisposition(itemId) {
|
|
_dispositionItemId = itemId;
|
|
const row = document.getElementById("dispositionRow");
|
|
const sel = document.getElementById("dispositionSelect");
|
|
const saved = document.getElementById("dispositionSaved");
|
|
row.style.display = "flex";
|
|
saved.textContent = "";
|
|
try {
|
|
const r = await fetch("/api/db/disposition/" + encodeURIComponent(itemId));
|
|
const d = await r.json();
|
|
if (d.error) return; // DB not available -- hide row
|
|
const status = d.status || "unreviewed";
|
|
sel.value = status;
|
|
// Cache on S.flaggedData item so the filter bar works without extra API calls
|
|
const item = S.flaggedData.find(f => f.id === itemId);
|
|
if (item) item.disposition = status;
|
|
} catch(e) {
|
|
row.style.display = "none";
|
|
}
|
|
}
|
|
|
|
async function saveDisposition() {
|
|
if (!_dispositionItemId) return;
|
|
const status = document.getElementById("dispositionSelect").value;
|
|
const savedEl = document.getElementById("dispositionSaved");
|
|
savedEl.textContent = "";
|
|
try {
|
|
await fetch("/api/db/disposition", {
|
|
method: "POST", headers: {"Content-Type":"application/json"},
|
|
body: JSON.stringify({item_id: _dispositionItemId, status})
|
|
});
|
|
savedEl.textContent = t("m365_disp_saved", "✓ Saved");
|
|
setTimeout(() => { savedEl.textContent = ""; }, 2000);
|
|
// Update cached value on the S.flaggedData item
|
|
const item = S.flaggedData.find(f => f.id === _dispositionItemId);
|
|
if (item) item.disposition = status;
|
|
updateDispositionStats();
|
|
// Refresh card badge if a disposition filter is active
|
|
const dispFilter = document.getElementById("filterDisposition")?.value;
|
|
if (dispFilter) applyFilters();
|
|
} catch(e) {
|
|
savedEl.textContent = "Error";
|
|
}
|
|
}
|
|
|
|
// ── Disposition stats ─────────────────────────────────────────────────────────
|
|
|
|
function updateDispositionStats() {
|
|
const el = document.getElementById('dispStats');
|
|
if (!el) return;
|
|
const data = S.flaggedData;
|
|
if (!data.length) { el.style.display = 'none'; return; }
|
|
let unreviewed = 0, retain = 0, del = 0, other = 0;
|
|
for (const f of data) {
|
|
const d = f.disposition || 'unreviewed';
|
|
if (d === 'unreviewed') unreviewed++;
|
|
else if (d.startsWith('retain')) retain++;
|
|
else if (d.startsWith('delete') || d === 'deleted') del++;
|
|
else other++;
|
|
}
|
|
const reviewed = data.length - unreviewed;
|
|
const pct = data.length ? Math.round(reviewed / data.length * 100) : 0;
|
|
el.style.display = 'flex';
|
|
el.innerHTML =
|
|
`<span>${data.length} ${t('disp_stats_total','total')}</span>` +
|
|
`<span class="disp-stat-sep"></span>` +
|
|
`<span class="${unreviewed ? 'disp-stat-warn' : 'disp-stat-ok'}">${unreviewed} ${t('disp_stats_unreviewed','unreviewed')}</span>` +
|
|
`<span class="disp-stat-sep"></span>` +
|
|
`<span>${retain} ${t('disp_stats_retain','retain')}</span>` +
|
|
`<span class="disp-stat-sep"></span>` +
|
|
`<span>${del} ${t('disp_stats_delete','delete')}</span>` +
|
|
(other ? `<span class="disp-stat-sep"></span><span>${other} ${t('disp_stats_other','other')}</span>` : '') +
|
|
`<span class="disp-stat-sep" style="margin-left:auto"></span>` +
|
|
`<span style="font-weight:600;color:var(--accent)">${pct}% ${t('disp_stats_reviewed','reviewed')}</span>`;
|
|
}
|
|
|
|
// ── Bulk disposition tagging ──────────────────────────────────────────────────
|
|
|
|
function toggleSelectMode() {
|
|
S._selectMode = !S._selectMode;
|
|
document.body.classList.toggle('select-mode', S._selectMode);
|
|
const btn = document.getElementById('selectModeBtn');
|
|
if (btn) {
|
|
btn.style.background = S._selectMode ? 'var(--accent)' : 'none';
|
|
btn.style.color = S._selectMode ? '#fff' : 'var(--muted)';
|
|
btn.style.borderColor = S._selectMode ? 'var(--accent)' : 'var(--border)';
|
|
}
|
|
if (!S._selectMode) {
|
|
S._selectedIds.clear();
|
|
_updateBulkBar();
|
|
} else {
|
|
closePreview();
|
|
}
|
|
// Re-render so card onclick handlers respect new mode
|
|
renderGrid(S.filteredData.length ? S.filteredData : S.flaggedData);
|
|
}
|
|
|
|
function toggleCardSelect(id, ev) {
|
|
if (ev) ev.stopPropagation();
|
|
if (S._selectedIds.has(id)) S._selectedIds.delete(id);
|
|
else S._selectedIds.add(id);
|
|
const cb = document.querySelector(`.card[data-id="${CSS.escape(id)}"] .card-cb`);
|
|
if (cb) cb.checked = S._selectedIds.has(id);
|
|
const card = document.querySelector(`.card[data-id="${CSS.escape(id)}"]`);
|
|
if (card) card.classList.toggle('card-selected-bulk', S._selectedIds.has(id));
|
|
_updateBulkBar();
|
|
}
|
|
|
|
function selectAllVisible() {
|
|
const allChecked = S.filteredData.every(f => S._selectedIds.has(f.id));
|
|
if (allChecked) {
|
|
S.filteredData.forEach(f => { S._selectedIds.delete(f.id); });
|
|
} else {
|
|
S.filteredData.forEach(f => { S._selectedIds.add(f.id); });
|
|
}
|
|
renderGrid(S.filteredData.length ? S.filteredData : S.flaggedData);
|
|
_updateBulkBar();
|
|
}
|
|
|
|
function _updateBulkBar() {
|
|
const bar = document.getElementById('bulkTagBar');
|
|
const cnt = document.getElementById('bulkTagCount');
|
|
const saEl = document.getElementById('bulkSelectAll');
|
|
if (!bar) return;
|
|
const n = S._selectedIds.size;
|
|
bar.style.display = (S._selectMode && n > 0) ? 'flex' : 'none';
|
|
if (cnt) cnt.textContent = n + ' ' + t('bulk_selected', 'selected');
|
|
if (saEl) {
|
|
const allVis = S.filteredData.length > 0 && S.filteredData.every(f => S._selectedIds.has(f.id));
|
|
saEl.textContent = allVis
|
|
? t('bulk_deselect_all', 'Deselect all')
|
|
: t('bulk_select_all', 'Select all visible');
|
|
}
|
|
}
|
|
|
|
async function applyBulkDisposition() {
|
|
const status = document.getElementById('bulkDispSelect')?.value;
|
|
if (!status || S._selectedIds.size === 0) return;
|
|
const ids = [...S._selectedIds];
|
|
const btn = document.getElementById('bulkTagApplyBtn');
|
|
const statusEl = document.getElementById('bulkTagStatus');
|
|
if (btn) btn.disabled = true;
|
|
if (statusEl) statusEl.textContent = '';
|
|
try {
|
|
const r = await fetch('/api/db/disposition/bulk', {
|
|
method: 'POST', headers: {'Content-Type': 'application/json'},
|
|
body: JSON.stringify({item_ids: ids, status}),
|
|
});
|
|
const d = await r.json();
|
|
if (d.error) throw new Error(d.error);
|
|
// Update in-memory items
|
|
for (const f of S.flaggedData) {
|
|
if (S._selectedIds.has(f.id)) f.disposition = status;
|
|
}
|
|
if (statusEl) {
|
|
statusEl.textContent = '✓ ' + d.saved + ' ' + t('bulk_applied', 'updated');
|
|
setTimeout(() => { if (statusEl) statusEl.textContent = ''; }, 2000);
|
|
}
|
|
S._selectedIds.clear();
|
|
_updateBulkBar();
|
|
// Refresh filter if disposition filter is active
|
|
const dispFilter = document.getElementById('filterDisposition')?.value;
|
|
if (dispFilter) applyFilters();
|
|
else renderGrid(S.filteredData.length ? S.filteredData : S.flaggedData);
|
|
updateDispositionStats();
|
|
} catch(e) {
|
|
if (statusEl) statusEl.textContent = e.message;
|
|
} finally {
|
|
if (btn) btn.disabled = false;
|
|
}
|
|
}
|
|
|
|
function closePreview() {
|
|
const panel = document.getElementById('previewPanel');
|
|
panel.style.width = ''; // clear inline width so CSS .hidden { width:0 } takes effect
|
|
panel.classList.add('hidden');
|
|
document.getElementById('previewFrame').src = '';
|
|
document.querySelectorAll('.card.selected').forEach(c => c.classList.remove('selected'));
|
|
_previewItemId = null;
|
|
}
|
|
|
|
document.addEventListener('keydown', e => {
|
|
if (e.key === 'Escape') { closeAbout(); closeModeInfo(); closeBulkDelete(); closePreview(); closeDsubModal(); closeSmtpModal(); closeProfileMgmt(); closeImportDBModal(); closeFileSourcesModal(); closeSourcesMgmt(); closeSettings(); closePinPrompt(); }
|
|
});
|
|
|
|
// ── Delete ────────────────────────────────────────────────────────────────────
|
|
|
|
async function deleteItem(f, cardEl) {
|
|
if (!confirm(t('m365_delete_confirm', 'Delete') + ' "' + f.name + '"?\n\n' + t('m365_delete_warning', 'This cannot be undone.'))) return;
|
|
try {
|
|
const r = await fetch('/api/delete_item', {
|
|
method: 'POST', headers: {'Content-Type': 'application/json'},
|
|
body: JSON.stringify({id: f.id, source_type: f.source_type, account_id: f.account_id, drive_id: f.drive_id})
|
|
});
|
|
const d = await r.json();
|
|
if (d.ok) {
|
|
S.flaggedData = S.flaggedData.filter(x => x.id !== f.id);
|
|
S.filteredData = S.filteredData.filter(x => x.id !== f.id);
|
|
if (cardEl) cardEl.remove();
|
|
updateStats();
|
|
log(t('m365_log_deleted', 'Deleted:') + ' ' + f.name, 'ok');
|
|
if (_previewItemId === f.id) closePreview();
|
|
} else {
|
|
log(t('m365_log_delete_failed', 'Delete failed:') + ' ' + (d.error || '?'), 'err');
|
|
}
|
|
} catch(e) {
|
|
log(t('m365_log_delete_failed', 'Delete failed:') + ' ' + e.message, 'err');
|
|
}
|
|
}
|
|
|
|
async function redactItem(f, cardEl) {
|
|
if (!confirm(t('redact_confirm', 'Redact all CPR numbers in') + ' "' + f.name + '"?\n\n' + t('redact_warning', 'CPR numbers will be replaced with █ characters. This cannot be undone.'))) return;
|
|
if (cardEl) { cardEl.style.opacity = '0.5'; cardEl.style.pointerEvents = 'none'; }
|
|
try {
|
|
const r = await fetch('/api/redact_item', {
|
|
method: 'POST', headers: {'Content-Type': 'application/json'},
|
|
body: JSON.stringify({id: f.id, source_type: f.source_type})
|
|
});
|
|
const d = await r.json();
|
|
if (d.ok) {
|
|
// Keep the redacted item in the grid (marked, greyed, action buttons
|
|
// hidden) until the next scan run, so the operator can see what was
|
|
// handled. The grid is rebuilt on the next scan, clearing these.
|
|
const _mark = (x) => { if (x.id === f.id) x._redacted = true; };
|
|
S.flaggedData.forEach(_mark);
|
|
S.filteredData.forEach(_mark);
|
|
renderGrid(S.filteredData.length ? S.filteredData : S.flaggedData);
|
|
updateStats();
|
|
log(t('redact_done', 'Redacted') + ' ' + f.name + ' (' + (d.redacted || 0) + ' ' + t('redact_spans', 'CPR spans') + ')', 'ok');
|
|
if (_previewItemId === f.id) closePreview();
|
|
} else {
|
|
if (cardEl) { cardEl.style.opacity = ''; cardEl.style.pointerEvents = ''; }
|
|
log(t('redact_failed', 'Redaction failed:') + ' ' + (d.error || '?'), 'err');
|
|
}
|
|
} catch(e) {
|
|
if (cardEl) { cardEl.style.opacity = ''; cardEl.style.pointerEvents = ''; }
|
|
log(t('redact_failed', 'Redaction failed:') + ' ' + e.message, 'err');
|
|
}
|
|
}
|
|
|
|
// ── Bulk delete modal ─────────────────────────────────────────────────────────
|
|
|
|
function openBulkDelete() {
|
|
applyI18n();
|
|
updateBdPreview();
|
|
document.getElementById('bulkDeleteBackdrop').classList.add('open');
|
|
}
|
|
function closeBulkDelete() {
|
|
document.getElementById('bulkDeleteBackdrop').classList.remove('open');
|
|
document.getElementById('bdProgress').textContent = '';
|
|
}
|
|
|
|
function _bdFilters() {
|
|
return {
|
|
source_type: document.getElementById('bdSource').value,
|
|
min_cpr: parseInt(document.getElementById('bdMinCpr').value) || 1,
|
|
older_than_date: document.getElementById('bdOlderThan').value,
|
|
};
|
|
}
|
|
|
|
function _bdMatches() {
|
|
const f = _bdFilters();
|
|
return S.flaggedData.filter(x => {
|
|
if (f.source_type && x.source_type !== f.source_type) return false;
|
|
if (x.cpr_count < f.min_cpr) return false;
|
|
if (f.older_than_date && x.modified > f.older_than_date) return false;
|
|
return true;
|
|
});
|
|
}
|
|
|
|
function updateBdPreview() {
|
|
const matches = _bdMatches();
|
|
const prev = document.getElementById('bdPreview');
|
|
if (!prev) return;
|
|
if (matches.length === 0) {
|
|
prev.textContent = t('m365_bulk_no_match', 'No items match these criteria.');
|
|
document.getElementById('bdConfirmBtn').disabled = true;
|
|
} else {
|
|
prev.innerHTML = `<strong style="color:var(--danger)">${matches.length}</strong> ${t('m365_bulk_match_count', 'item(s) will be deleted')}`;
|
|
document.getElementById('bdConfirmBtn').disabled = false;
|
|
}
|
|
}
|
|
|
|
|
|
// ── Auto-connect SSE on page load (#21) ──────────────────────────────────────
|
|
// ── SSE connection management ────────────────────────────────────────────────
|
|
// The browser keeps an SSE connection to /api/scan/stream for live scan events.
|
|
// Problem: idle SSE connections silently die (Flask/Werkzeug threading, proxies,
|
|
// OS TCP keepalive). EventSource auto-reconnects, but during the reconnect
|
|
// window a scheduled scan's events are lost.
|
|
//
|
|
// Solution: a polling watchdog checks /api/scan/status every few seconds.
|
|
// When it detects a running scan (manual or scheduled), it ensures the SSE
|
|
// connection is alive and the progress UI is visible.
|
|
|
|
let _sseWatchdogTimer = null;
|
|
let _initialStatusChecked = false;
|
|
const _SSE_POLL_INTERVAL = 4000; // ms between status polls
|
|
|
|
function _ensureSSE() {
|
|
// Open SSE if not already open or if the existing connection is dead
|
|
if (S.es && S.es.readyState !== EventSource.CLOSED) return;
|
|
if (S.es) { try { S.es.close(); } catch(_){} }
|
|
console.log('[SSE] Opening connection to /api/scan/stream');
|
|
S.es = new EventSource('/api/scan/stream');
|
|
S.es.onopen = function() { console.log('[SSE] Connection established'); };
|
|
S.es.onerror = function(e) {
|
|
console.warn('[SSE] Connection error (will auto-reconnect)', e);
|
|
};
|
|
_attachScanListeners(S.es);
|
|
_attachSchedulerListeners(S.es);
|
|
}
|
|
|
|
function _sseWatchdog() {
|
|
fetch('/api/scan/status').then(function(r) { return r.json(); }).then(function(status) {
|
|
if (status.running) {
|
|
// A scan is in progress — make sure SSE is connected and progress UI is visible
|
|
_ensureSSE();
|
|
if (!S._m365ScanRunning && !S._googleScanRunning && !S._fileScanRunning) {
|
|
document.getElementById('scanBtn').disabled = true;
|
|
document.getElementById('stopBtn').style.display = 'inline-block';
|
|
// /api/scan/status checks the M365 lock — if running=true it's an M365 scan
|
|
S._m365ScanRunning = true; _renderProgressSegments();
|
|
document.getElementById('progressFile').textContent = t('m365_sse_reconnecting', 'Reconnecting to running scan…');
|
|
log(t('m365_sse_reconnecting', 'Reconnecting to running scan…'));
|
|
}
|
|
}
|
|
if (!_initialStatusChecked) {
|
|
_initialStatusChecked = true;
|
|
if (!status.running) window.loadHistorySession?.(null);
|
|
}
|
|
// When no scan is running, we still keep polling — the SSE connection
|
|
// may have died and we need to detect the *next* scheduled scan.
|
|
// The SSE itself is only opened/reopened when a scan is detected.
|
|
}).catch(function(err) {
|
|
// Status endpoint unavailable — server might be restarting
|
|
console.warn('[SSE] status poll failed:', err);
|
|
});
|
|
}
|
|
|
|
function _autoConnectSSEIfRunning() {
|
|
// Open initial SSE connection
|
|
_ensureSSE();
|
|
// Check if a scan is already running (e.g. scheduled scan started before page load)
|
|
_sseWatchdog();
|
|
// Start polling watchdog — catches scheduled scans that start later
|
|
if (!_sseWatchdogTimer) {
|
|
_sseWatchdogTimer = setInterval(_sseWatchdog, _SSE_POLL_INTERVAL);
|
|
}
|
|
}
|
|
|
|
// ── Viewer mode result loader ─────────────────────────────────────────────────
|
|
async function _loadViewerResults() {
|
|
try {
|
|
const r = await fetch('/api/db/flagged');
|
|
const items = await r.json();
|
|
if (!Array.isArray(items) || items.length === 0) {
|
|
// Show last-scan summary card (stats only, no items yet)
|
|
const panel = document.getElementById('lastScanSummary');
|
|
const empty = document.getElementById('emptyState');
|
|
const r2 = await fetch('/api/db/stats');
|
|
const stats = await r2.json();
|
|
if (stats.scan_id && panel && empty) {
|
|
const dateStr = stats.finished_at
|
|
? new Date(stats.finished_at * 1000).toLocaleDateString('da-DK', {day:'numeric', month:'short', year:'numeric'})
|
|
: '—';
|
|
const srcLabels = {email:'Outlook',onedrive:'OneDrive',sharepoint:'SharePoint',teams:'Teams',
|
|
gmail:'Gmail',gdrive:'Drive',local:'Lokale filer',smb:'SMB'};
|
|
const srcStr = Object.keys(stats.by_source || {}).map(s => srcLabels[s] || s).join(' · ') || '—';
|
|
panel.innerHTML =
|
|
'<div class="last-scan-card">' +
|
|
'<h3>' + t('last_scan_title', 'Seneste scanning') + '</h3>' +
|
|
'<div class="last-scan-stats">' +
|
|
'<div class="last-scan-stat"><span class="val">' + (stats.flagged_count || 0) + '</span><span class="lbl">' + t('last_scan_hits', 'Fund') + '</span></div>' +
|
|
'<div class="last-scan-stat"><span class="val">' + (stats.unique_subjects || 0) + '</span><span class="lbl">' + t('last_scan_subjects', 'Unikke CPR') + '</span></div>' +
|
|
'<div class="last-scan-stat"><span class="val">' + (stats.total_scanned || 0) + '</span><span class="lbl">' + t('last_scan_scanned', 'Scannet') + '</span></div>' +
|
|
'</div>' +
|
|
'<div style="margin-top:12px;font-size:11px;color:var(--muted)">' + dateStr + ' · ' + srcStr + '</div>' +
|
|
'</div>';
|
|
empty.style.display = 'none';
|
|
panel.style.display = 'flex';
|
|
}
|
|
return;
|
|
}
|
|
S.flaggedData = items;
|
|
S.filteredData = [];
|
|
const grid = document.getElementById('grid');
|
|
const emptyState = document.getElementById('emptyState');
|
|
const lastScan = document.getElementById('lastScanSummary');
|
|
if (emptyState) emptyState.style.display = 'none';
|
|
if (lastScan) lastScan.style.display = 'none';
|
|
if (grid) grid.style.display = 'grid';
|
|
renderGrid(items);
|
|
try { loadTrend(); } catch(_) {}
|
|
} catch(e) {
|
|
console.error('[viewer] failed to load results:', e);
|
|
}
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
_restoreLog();
|
|
_initLogResize();
|
|
_initPreviewResize();
|
|
_initSourcesResize();
|
|
restoreSectionStates();
|
|
if (window.VIEWER_MODE) {
|
|
_loadViewerResults();
|
|
return;
|
|
}
|
|
_loadFileSources();
|
|
_autoConnectSSEIfRunning(); // populates S._fileSources then calls renderSourcesPanel()
|
|
smGoogleRefreshStatus(); // sets _googleConnected and re-renders sources panel
|
|
// Restore all source toggle states
|
|
fetch('/api/src_toggles').then(function(r){ return r.json(); }).then(function(d) {
|
|
_restoreM365SourceToggles(d);
|
|
var gm = document.getElementById('smGoogleSrcGmail');
|
|
var gd = document.getElementById('smGoogleSrcDrive');
|
|
if (gm && d.src_gmail !== undefined) { gm.checked = !!d.src_gmail; }
|
|
if (gd && d.src_drive !== undefined) { gd.checked = !!d.src_drive; }
|
|
}).catch(function(){});
|
|
|
|
// ── macOS pywebview: push content below traffic-light buttons ─────────────
|
|
// In frameless pywebview windows on macOS the content starts at y=0, behind
|
|
// the system close/minimise/maximise buttons (~28px). Apply a padding only
|
|
// when running inside pywebview AND on macOS (navigator.platform contains Mac).
|
|
if (window.pywebview && navigator.platform.toLowerCase().includes('mac')) {
|
|
document.body.style.paddingTop = '30px';
|
|
}
|
|
|
|
['bdSource','bdMinCpr','bdOlderThan'].forEach(id => {
|
|
const el = document.getElementById(id);
|
|
if (el) el.addEventListener('input', updateBdPreview);
|
|
});
|
|
['optRetentionYears','optFiscalYearEnd'].forEach(id => {
|
|
const el = document.getElementById(id);
|
|
if (el) el.addEventListener('change', updateRetentionCutoffHint);
|
|
});
|
|
window.addEventListener('resize', () => {
|
|
const tp = document.getElementById('trendPanel');
|
|
if (tp && tp.style.display !== 'none') loadTrend();
|
|
});
|
|
const deltaCb = document.getElementById('optDelta');
|
|
if (deltaCb) {
|
|
deltaCb.addEventListener('change', () => {
|
|
if (deltaCb.checked) checkDeltaStatus();
|
|
else document.getElementById('deltaStatusRow').style.display = 'none';
|
|
});
|
|
}
|
|
});
|
|
|
|
async function executeBulkDelete() {
|
|
const matches = _bdMatches();
|
|
if (!matches.length) return;
|
|
const confirmMsg = matches.length + ' ' + t('m365_bulk_confirm_q', 'item(s) will be permanently deleted. Continue?');
|
|
if (!confirm(confirmMsg)) return;
|
|
|
|
const btn = document.getElementById('bdConfirmBtn');
|
|
const prog = document.getElementById('bdProgress');
|
|
btn.disabled = true;
|
|
prog.textContent = t('m365_bulk_deleting', 'Deleting…');
|
|
|
|
try {
|
|
const r = await fetch('/api/delete_bulk', {
|
|
method: 'POST', headers: {'Content-Type': 'application/json'},
|
|
body: JSON.stringify({ ids: matches.map(x => x.id), filters: {} })
|
|
});
|
|
const d = await r.json();
|
|
if (d.ok) {
|
|
const deletedSet = new Set(matches.map(x => x.id));
|
|
S.flaggedData = S.flaggedData.filter(x => !deletedSet.has(x.id));
|
|
S.filteredData = S.filteredData.filter(x => !deletedSet.has(x.id));
|
|
renderGrid(S.filteredData.length ? S.filteredData : S.flaggedData);
|
|
updateStats();
|
|
prog.innerHTML = `<span style="color:var(--ok,#4c4)">✓ ${d.deleted} ${t('m365_bulk_deleted', 'deleted')}</span>` +
|
|
(d.failed ? ` · <span style="color:var(--danger)">${d.failed} ${t('m365_bulk_failed', 'failed')}</span>` : '');
|
|
if (d.errors && d.errors.length) {
|
|
d.errors.forEach(err => log('✗ ' + err.name + ': ' + err.error, 'err'));
|
|
}
|
|
log(t('m365_log_bulk_done', 'Bulk delete:') + ' ' + d.deleted + ' deleted, ' + d.failed + ' failed', d.failed ? 'err' : 'ok');
|
|
if (d.failed === 0) setTimeout(closeBulkDelete, 1800);
|
|
} else {
|
|
prog.textContent = d.error || 'Error';
|
|
}
|
|
} catch(e) {
|
|
prog.textContent = e.message;
|
|
} finally {
|
|
btn.disabled = false;
|
|
}
|
|
}
|
|
|
|
function applyFilters() {
|
|
const search = document.getElementById('filterSearch').value.trim().toLowerCase();
|
|
const srcVal = document.getElementById('filterSource').value;
|
|
const dispVal = document.getElementById('filterDisposition')?.value || '';
|
|
const transferVal = document.getElementById('filterTransfer')?.value || '';
|
|
const specialVal = document.getElementById('filterSpecial')?.value || '';
|
|
const roleVal = document.getElementById('filterRole')?.value || '';
|
|
S.filteredData = S.flaggedData.filter(f => {
|
|
if (search && !f.name.toLowerCase().includes(search)) return false;
|
|
if (srcVal && f.source_type !== srcVal) return false;
|
|
if (dispVal && (f.disposition || 'unreviewed') !== dispVal) return false;
|
|
if (transferVal && (f.transfer_risk || '') !== transferVal) return false;
|
|
if (specialVal === '1' && !(f.special_category && f.special_category.length)) return false;
|
|
if (specialVal === 'photo' && !(f.face_count > 0)) return false;
|
|
if (roleVal === 'student' && f.user_role !== 'student') return false;
|
|
if (roleVal === 'staff' && f.user_role === 'student') return false;
|
|
return true;
|
|
});
|
|
const grid = document.getElementById('grid');
|
|
if (S.filteredData.length === 0 && S.flaggedData.length > 0) {
|
|
grid.style.display = 'none';
|
|
document.getElementById('emptyState').innerHTML =
|
|
`<div class="empty-icon">🔍</div><div class="empty-text">${t('m365_no_matches','No matches')}</div>`;
|
|
document.getElementById('emptyState').style.display = 'flex';
|
|
} else {
|
|
document.getElementById('emptyState').style.display = 'none';
|
|
grid.style.display = S.isListView ? 'block' : 'grid';
|
|
renderGrid(S.filteredData);
|
|
}
|
|
}
|
|
|
|
async function exportExcel() {
|
|
if (!S.flaggedData || S.flaggedData.length === 0) {
|
|
log(t('m365_export_no_data', 'No results to export.'));
|
|
return;
|
|
}
|
|
if (window.pywebview && window.pywebview.api && window.pywebview.api.save_excel) {
|
|
try {
|
|
const r = await window.pywebview.api.save_excel();
|
|
if (r && r.ok) { log('Excel exported: ' + r.path); }
|
|
else if (r && r.error && r.error !== 'cancelled') { alert('Export failed: ' + r.error); }
|
|
} catch(e) { alert('Export failed: ' + e.message); }
|
|
return;
|
|
}
|
|
const btn = document.getElementById('exportBtn');
|
|
if (btn) { btn.disabled = true; btn.textContent = '⏳'; }
|
|
try {
|
|
// In pywebview (macOS/Windows app), blob URL downloads don't work —
|
|
// use the native save dialog exposed via the JS API instead.
|
|
if (window.pywebview && window.pywebview.api && window.pywebview.api.save_excel) {
|
|
const result = await window.pywebview.api.save_excel();
|
|
if (result && result.ok) {
|
|
log(t('m365_export_done', 'Excel export ready.'), 'ok');
|
|
} else {
|
|
if (result && result.error && result.error !== 'cancelled') {
|
|
log('Export error: ' + result.error, 'err');
|
|
}
|
|
}
|
|
return;
|
|
}
|
|
// Browser / localhost fallback: fetch as blob and trigger download
|
|
const _roleParam = document.getElementById('filterRole')?.value || '';
|
|
const r = await fetch('/api/export_excel' + (_roleParam ? '?role=' + encodeURIComponent(_roleParam) : ''));
|
|
if (!r.ok) {
|
|
const err = await r.json().catch(() => ({error: 'Export failed'}));
|
|
log('Export error: ' + (err.error || r.status), 'err');
|
|
return;
|
|
}
|
|
const blob = await r.blob();
|
|
const url = URL.createObjectURL(blob);
|
|
const a = document.createElement('a');
|
|
const disp = r.headers.get('Content-Disposition') || '';
|
|
const match = disp.match(/filename=([^\s;]+)/);
|
|
a.href = url;
|
|
a.download = match ? match[1] : 'export.xlsx';
|
|
document.body.appendChild(a);
|
|
a.click();
|
|
document.body.removeChild(a);
|
|
URL.revokeObjectURL(url);
|
|
log(t('m365_export_done', 'Excel export ready.'), 'ok');
|
|
} catch(e) {
|
|
log('Export error: ' + e.message, 'err');
|
|
} finally {
|
|
if (btn) { btn.disabled = false; btn.innerHTML = '⬇ Excel'; }
|
|
}
|
|
}
|
|
|
|
async function exportArticle30() {
|
|
if (!S.flaggedData || S.flaggedData.length === 0) {
|
|
log(t('m365_export_no_data', 'No results to export.'));
|
|
return;
|
|
}
|
|
if (window.pywebview && window.pywebview.api && window.pywebview.api.save_article30) {
|
|
try {
|
|
const r = await window.pywebview.api.save_article30();
|
|
if (r && r.ok) { log('Article 30 exported: ' + r.path); }
|
|
else if (r && r.error && r.error !== 'cancelled') { alert('Export failed: ' + r.error); }
|
|
} catch(e) { alert('Export failed: ' + e.message); }
|
|
return;
|
|
}
|
|
const btn = document.getElementById('exportA30Btn');
|
|
if (btn) { btn.disabled = true; btn.textContent = '⏳'; }
|
|
try {
|
|
const _roleParam30 = document.getElementById('filterRole')?.value || '';
|
|
const r = await fetch('/api/export_article30' + (_roleParam30 ? '?role=' + encodeURIComponent(_roleParam30) : ''));
|
|
if (!r.ok) {
|
|
const err = await r.json().catch(() => ({error: 'Export failed'}));
|
|
log('Article 30 export error: ' + (err.error || r.status), 'err');
|
|
return;
|
|
}
|
|
const blob = await r.blob();
|
|
const url = URL.createObjectURL(blob);
|
|
const a = document.createElement('a');
|
|
const disp = r.headers.get('Content-Disposition') || '';
|
|
const match = disp.match(/filename=([^\s;]+)/);
|
|
a.href = url;
|
|
a.download = match ? match[1] : 'article30.docx';
|
|
document.body.appendChild(a);
|
|
a.click();
|
|
document.body.removeChild(a);
|
|
URL.revokeObjectURL(url);
|
|
log(t('m365_article30_done', 'Article 30 report ready.'), 'ok');
|
|
} catch(e) {
|
|
log('Article 30 export error: ' + e.message, 'err');
|
|
} finally {
|
|
if (btn) { btn.disabled = false; btn.innerHTML = '📋 Art.30'; }
|
|
}
|
|
}
|
|
|
|
function clearFilters() {
|
|
document.getElementById('filterSearch').value = '';
|
|
document.getElementById('filterSource').value = '';
|
|
const fd = document.getElementById('filterDisposition');
|
|
if (fd) fd.value = '';
|
|
const ft = document.getElementById('filterTransfer');
|
|
if (ft) ft.value = '';
|
|
const fs = document.getElementById('filterSpecial');
|
|
if (fs) fs.value = '';
|
|
const fr = document.getElementById('filterRole');
|
|
if (fr) fr.value = '';
|
|
applyFilters();
|
|
}
|
|
|
|
function toggleView() {
|
|
S.isListView = !S.isListView;
|
|
document.getElementById('listViewBtn').textContent = S.isListView ? t('m365_btn_grid_view', '⊞ Grid') : t('m365_btn_list_view', '☰ List');
|
|
document.getElementById('grid').className = S.isListView ? '' : 'grid';
|
|
document.getElementById('grid').style.display = S.isListView ? 'block' : 'grid';
|
|
renderGrid(S.filteredData.length ? S.filteredData : S.flaggedData);
|
|
}
|
|
|
|
// ── Hint tooltips ─────────────────────────────────────────────────────────────
|
|
|
|
function toggleHint(icon) {
|
|
const isActive = icon.classList.contains('active');
|
|
// Close all open hints first
|
|
document.querySelectorAll('.hint-icon.active').forEach(function(el) {
|
|
el.classList.remove('active');
|
|
const b = el.nextElementSibling;
|
|
if (b && b.classList.contains('hint-bubble')) b.style.display = '';
|
|
});
|
|
if (!isActive) {
|
|
icon.classList.add('active');
|
|
// Position bubble using fixed coords so it escapes sidebar stacking context
|
|
const bubble = icon.nextElementSibling;
|
|
if (bubble && bubble.classList.contains('hint-bubble')) {
|
|
bubble.style.display = 'block';
|
|
const rect = icon.getBoundingClientRect();
|
|
bubble.style.top = Math.round(rect.top + rect.height / 2 - bubble.offsetHeight / 2) + 'px';
|
|
bubble.style.left = Math.round(rect.right + 8) + 'px';
|
|
}
|
|
// Close when clicking anywhere else
|
|
setTimeout(function() {
|
|
document.addEventListener('click', function closeHint(e) {
|
|
if (!e.target.classList.contains('hint-icon')) {
|
|
document.querySelectorAll('.hint-icon.active').forEach(function(el) {
|
|
el.classList.remove('active');
|
|
});
|
|
document.querySelectorAll('.hint-bubble').forEach(function(el) {
|
|
el.style.display = '';
|
|
});
|
|
document.removeEventListener('click', closeHint);
|
|
}
|
|
});
|
|
}, 0);
|
|
}
|
|
}
|
|
|
|
// ── Window exports (HTML handlers + cross-module calls) ─────────────────────
|
|
window.appendCard = appendCard;
|
|
window.renderGrid = renderGrid;
|
|
window.openPreview = openPreview;
|
|
window.toggleRetentionPanel = toggleRetentionPanel;
|
|
window.updateRetentionCutoffHint = updateRetentionCutoffHint;
|
|
window.markOverdueCards = markOverdueCards;
|
|
window.preFilterOverdue = preFilterOverdue;
|
|
window.clearBdFilters = clearBdFilters;
|
|
window.openSubjectModal = openSubjectModal;
|
|
window.closeDsubModal = closeDsubModal;
|
|
window.runSubjectLookup = runSubjectLookup;
|
|
window.deleteSubjectItems = deleteSubjectItems;
|
|
window.loadDisposition = loadDisposition;
|
|
window.saveDisposition = saveDisposition;
|
|
window.closePreview = closePreview;
|
|
window.deleteItem = deleteItem;
|
|
window.redactItem = redactItem;
|
|
window.openBulkDelete = openBulkDelete;
|
|
window.closeBulkDelete = closeBulkDelete;
|
|
window._bdFilters = _bdFilters;
|
|
window._bdMatches = _bdMatches;
|
|
window.updateBdPreview = updateBdPreview;
|
|
window._ensureSSE = _ensureSSE;
|
|
window._sseWatchdog = _sseWatchdog;
|
|
window._autoConnectSSEIfRunning = _autoConnectSSEIfRunning;
|
|
window._loadViewerResults = _loadViewerResults;
|
|
window.executeBulkDelete = executeBulkDelete;
|
|
window.applyFilters = applyFilters;
|
|
window.toggleSelectMode = toggleSelectMode;
|
|
window.toggleCardSelect = toggleCardSelect;
|
|
window.selectAllVisible = selectAllVisible;
|
|
window.applyBulkDisposition = applyBulkDisposition;
|
|
window.exportExcel = exportExcel;
|
|
window.exportArticle30 = exportArticle30;
|
|
window.clearFilters = clearFilters;
|
|
window.toggleView = toggleView;
|
|
window.toggleHint = toggleHint;
|
|
window.SOURCE_BADGES = SOURCE_BADGES;
|
|
window._previewItemId = _previewItemId;
|
|
window._dsubItems = _dsubItems;
|
|
window._dispositionItemId = _dispositionItemId;
|
|
window._sseWatchdogTimer = _sseWatchdogTimer;
|
|
window._initialStatusChecked = _initialStatusChecked;
|
|
window._SSE_POLL_INTERVAL = _SSE_POLL_INTERVAL;
|