28c9effd17
New profile options to reduce noise when scanning student accounts: - skip_gps_images: images flagged solely by GPS coordinates are suppressed. GPS data is still extracted and shown in the detail card when the item is flagged by another signal (faces, EXIF author/comment). - min_cpr_count (default 1): only flag a file if it contains at least N distinct CPR numbers. Deduplication is by value. Faces and EXIF PII still trigger flags regardless of CPR count. Both options apply to M365, Google, and file scan paths. Saved in profiles and editable in the Profile Manager editor. Docs, manuals, i18n (DA/EN/DE), CHANGELOG, and VERSION (1.6.14 → 1.6.15) updated. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
745 lines
39 KiB
JavaScript
745 lines
39 KiB
JavaScript
import { S } from './state.js';
|
|
// ── Profiles (15c) ───────────────────────────────────────────────────────────
|
|
|
|
|
|
async function loadProfiles() {
|
|
try {
|
|
const r = await fetch('/api/profiles');
|
|
if (!r.ok) return;
|
|
const d = await r.json();
|
|
S._profiles = d.profiles || [];
|
|
_renderProfileSelect();
|
|
} catch(e) { /* profiles not critical */ }
|
|
}
|
|
|
|
function _renderProfileSelect() {
|
|
const sel = document.getElementById('profileSelect');
|
|
if (!sel) return;
|
|
const prev = sel.value;
|
|
// Clear all except the placeholder option (first)
|
|
while (sel.options.length > 1) sel.remove(1);
|
|
for (const p of S._profiles) {
|
|
const opt = document.createElement('option');
|
|
opt.value = p.id;
|
|
const last = p.last_run ? ' — ' + p.last_run.slice(0, 10) : '';
|
|
opt.textContent = p.name + last;
|
|
opt.title = p.description || '';
|
|
sel.appendChild(opt);
|
|
}
|
|
// Restore selection if the profile still exists; else fall back to placeholder
|
|
if (prev && [...sel.options].some(o => o.value === prev)) {
|
|
sel.value = prev;
|
|
} else {
|
|
sel.value = '';
|
|
S._activeProfileId = null;
|
|
const clrBtn = document.getElementById('profileClearBtn');
|
|
if (clrBtn) clrBtn.style.display = 'none';
|
|
}
|
|
}
|
|
|
|
function _setProfileClearBtn(visible) {
|
|
const btn = document.getElementById('profileClearBtn');
|
|
if (btn) btn.style.display = visible ? 'inline-block' : 'none';
|
|
}
|
|
|
|
function onProfileChange() {
|
|
const sel = document.getElementById('profileSelect');
|
|
const id = sel.value;
|
|
if (!id) return; // placeholder can't be selected (disabled), guard anyway
|
|
const profile = S._profiles.find(p => p.id === id);
|
|
if (!profile) return;
|
|
S._activeProfileId = id;
|
|
_setProfileClearBtn(true);
|
|
_applyProfile(profile);
|
|
}
|
|
|
|
// Clear the active profile label without touching sidebar settings.
|
|
// The sidebar already reflects the loaded (or manually adjusted) state.
|
|
function clearActiveProfile() {
|
|
S._activeProfileId = null;
|
|
const sel = document.getElementById('profileSelect');
|
|
if (sel) sel.value = '';
|
|
_setProfileClearBtn(false);
|
|
}
|
|
|
|
|
|
function _applyProfile(profile) {
|
|
// ── Sources ──────────────────────────────────────────────────────────────
|
|
// Restore source selections from profile — works for both M365 and file sources.
|
|
// File sources may not be rendered yet (they load async), so store their IDs
|
|
// in S._pendingProfileSources for renderSourcesPanel() to apply after re-render.
|
|
const profileSources = profile.sources || [];
|
|
document.querySelectorAll('#sourcesPanel input[data-source-id]').forEach(function(cb) {
|
|
cb.checked = profileSources.includes(cb.dataset.sourceId);
|
|
});
|
|
_updateAccountsVisibility();
|
|
// Deferred file sources — store IDs now, apply when _loadFileSources() resolves.
|
|
// Don't filter against S._fileSources here — it may be empty at this point.
|
|
const _knownSourceIds = new Set(['email', 'onedrive', 'sharepoint', 'teams', 'gmail', 'gdrive']);
|
|
S._pendingProfileSources = (profile.file_sources && profile.file_sources.length)
|
|
? profile.file_sources.slice()
|
|
: profileSources.filter(function(id) { return !_knownSourceIds.has(id); });
|
|
// Deferred Google sources — store IDs now, apply when smGoogleRefreshStatus() resolves.
|
|
const googleIds = profile.google_sources
|
|
|| profileSources.filter(function(id) { return id === 'gmail' || id === 'gdrive'; });
|
|
S._pendingGoogleSources = googleIds.slice();
|
|
|
|
// ── Options ───────────────────────────────────────────────────────────────
|
|
const opts = profile.options || {};
|
|
|
|
if (opts.email_body !== undefined) {
|
|
const el = document.getElementById('optEmailBody');
|
|
if (el) el.checked = opts.email_body;
|
|
}
|
|
|
|
if (opts.attachments !== undefined) {
|
|
const el = document.getElementById('optAttachments');
|
|
if (el) {
|
|
el.checked = opts.attachments;
|
|
// Update the size row opacity directly
|
|
const sizeRow = document.getElementById('attachSizeRow');
|
|
if (sizeRow) sizeRow.style.opacity = opts.attachments ? '1' : '0.4';
|
|
}
|
|
}
|
|
|
|
if (opts.max_attach_mb !== undefined) {
|
|
const el = document.getElementById('optMaxAttachMB');
|
|
if (el) el.value = opts.max_attach_mb;
|
|
}
|
|
|
|
if (opts.max_emails !== undefined) {
|
|
const el = document.getElementById('optMaxEmails');
|
|
if (el) el.value = opts.max_emails;
|
|
}
|
|
|
|
if (opts.delta !== undefined) {
|
|
const el = document.getElementById('optDelta');
|
|
if (el) el.checked = opts.delta;
|
|
}
|
|
|
|
if (opts.scan_photos !== undefined) {
|
|
const el = document.getElementById('optScanPhotos');
|
|
if (el) el.checked = opts.scan_photos;
|
|
}
|
|
|
|
if (opts.skip_gps_images !== undefined) {
|
|
const el = document.getElementById('optSkipGps');
|
|
if (el) el.checked = opts.skip_gps_images;
|
|
}
|
|
|
|
if (opts.min_cpr_count !== undefined) {
|
|
const el = document.getElementById('optMinCpr');
|
|
if (el) el.value = opts.min_cpr_count;
|
|
}
|
|
|
|
// ── Date filter ───────────────────────────────────────────────────────────
|
|
const days = opts.older_than_days;
|
|
if (days !== undefined) {
|
|
const hidden = document.getElementById('olderThan');
|
|
const dateIn = document.getElementById('olderThanDate');
|
|
const presets = document.querySelectorAll('.date-preset');
|
|
if (hidden) hidden.value = days;
|
|
if (dateIn) {
|
|
if (!days) {
|
|
dateIn.value = '';
|
|
} else {
|
|
const d = new Date();
|
|
d.setDate(d.getDate() - days);
|
|
dateIn.value = d.toISOString().slice(0, 10);
|
|
}
|
|
}
|
|
// Highlight matching preset button
|
|
presets.forEach(p => {
|
|
const y = parseInt(p.dataset.years || '0');
|
|
const presetDays = y === 0 ? 0 : y * 365;
|
|
if (y === 0) {
|
|
p.classList.toggle('selected', !days);
|
|
} else {
|
|
p.classList.toggle('selected', days > 0 && presetDays === days);
|
|
}
|
|
});
|
|
}
|
|
|
|
// ── Retention ─────────────────────────────────────────────────────────────
|
|
const retEnabled = !!(opts.retention_enabled || profile.retention_years);
|
|
const retEl = document.getElementById('optRetention');
|
|
if (retEl) {
|
|
retEl.checked = retEnabled;
|
|
// Show/hide panel directly
|
|
const panel = document.getElementById('retentionPanel');
|
|
if (panel) panel.style.display = retEnabled ? 'block' : 'none';
|
|
}
|
|
if (profile.retention_years) {
|
|
const el = document.getElementById('optRetentionYears');
|
|
if (el) el.value = profile.retention_years;
|
|
}
|
|
if (profile.fiscal_year_end) {
|
|
const el = document.getElementById('optFiscalYearEnd');
|
|
if (el) el.value = profile.fiscal_year_end;
|
|
}
|
|
updateRetentionCutoffHint && updateRetentionCutoffHint();
|
|
|
|
// ── User selection ────────────────────────────────────────────────────────
|
|
if (profile.user_ids === 'all') {
|
|
S._allUsers.forEach(u => { u.selected = true; });
|
|
if (S._allUsers.length) renderAccountList();
|
|
} else if (Array.isArray(profile.user_ids) && profile.user_ids.length) {
|
|
window._pendingProfileUserIds = profile.user_ids.map(u => u.id || u);
|
|
_applyPendingProfileUsers();
|
|
} else if (Array.isArray(profile.user_ids) && profile.user_ids.length === 0) {
|
|
// Explicitly empty list — deselect everyone so previous sidebar state doesn't persist
|
|
S._allUsers.forEach(u => { u.selected = false; });
|
|
if (S._allUsers.length) renderAccountList();
|
|
}
|
|
|
|
log(t('m365_profile_applied', 'Profile loaded') + ': ' + profile.name);
|
|
}
|
|
|
|
function _applyPendingProfileUsers() {
|
|
const ids = window._pendingProfileUserIds;
|
|
if (!ids || !ids.length || !S._allUsers.length) return;
|
|
// Select only the users listed in the profile
|
|
S._allUsers.forEach(u => { u.selected = ids.includes(u.id); });
|
|
renderAccountList();
|
|
window._pendingProfileUserIds = null;
|
|
}
|
|
|
|
async function saveCurrentAsProfile() {
|
|
const name = prompt(t('m365_profile_save_prompt', 'Profile name:'),
|
|
S._activeProfileId
|
|
? (S._profiles.find(p => p.id === S._activeProfileId) || {}).name || ''
|
|
: '');
|
|
if (!name) return;
|
|
const { sources, fileSources, googleSources, allSources, user_ids, options } = buildScanPayload();
|
|
const existing = S._profiles.find(p => p.name.toLowerCase() === name.toLowerCase());
|
|
const profile = {
|
|
id: existing?.id || '',
|
|
name,
|
|
description: existing?.description || '',
|
|
sources: allSources,
|
|
google_sources: googleSources,
|
|
user_ids,
|
|
options,
|
|
retention_years: parseInt(document.getElementById('optRetentionYears')?.value) || null,
|
|
fiscal_year_end: document.getElementById('optFiscalYearEnd')?.value || '',
|
|
email_to: '',
|
|
file_sources: fileSources,
|
|
};
|
|
try {
|
|
const r = await fetch('/api/profiles/save', {
|
|
method: 'POST', headers: {'Content-Type':'application/json'},
|
|
body: JSON.stringify(profile)
|
|
});
|
|
const d = await r.json();
|
|
if (d.error) { alert(d.error); return; }
|
|
await loadProfiles();
|
|
// Select the newly saved profile
|
|
const sel = document.getElementById('profileSelect');
|
|
if (sel) { sel.value = d.profile.id; S._activeProfileId = d.profile.id; _setProfileClearBtn(true); }
|
|
log(t('m365_profile_saved', 'Profile saved') + ': ' + name);
|
|
} catch(e) {
|
|
alert('Save failed: ' + e.message);
|
|
}
|
|
}
|
|
|
|
// ── Profile management modal (#15d) ──────────────────────────────────────────
|
|
|
|
function openProfileMgmtModal() {
|
|
try { _renderProfileMgmt(); } catch(e) { console.error('[profiles] _renderProfileMgmt threw:', e); }
|
|
document.getElementById('pmgmtBackdrop').classList.add('open');
|
|
// Auto-open editor for the first profile
|
|
if (S._profiles.length > 0) {
|
|
try { _pmgmtOpenEditor(S._profiles[0].id); } catch(e) { console.error('[profiles] _pmgmtOpenEditor threw:', e); }
|
|
}
|
|
}
|
|
|
|
function closeProfileMgmt() {
|
|
document.getElementById('pmgmtBackdrop').classList.remove('open');
|
|
}
|
|
|
|
function _sourceLabel(id) {
|
|
const known = {email:'Outlook', onedrive:'OneDrive', sharepoint:'SharePoint', teams:'Teams', gmail:'Gmail', gdrive:'Google Drive'};
|
|
if (known[id]) return known[id];
|
|
const fs = S._fileSources.find(s => s.id === id);
|
|
return fs ? (fs.label || fs.path || id) : id;
|
|
}
|
|
|
|
function _renderProfileMgmt() {
|
|
const list = document.getElementById('pmgmtList');
|
|
if (!list) return;
|
|
const saved = S._profiles.filter(p => p.name !== 'Default' || S._profiles.length === 1);
|
|
if (!saved.length) {
|
|
list.innerHTML = `<div class="pmgmt-empty">${t('m365_profile_no_profiles','No saved profiles yet. Use 💾 to save the current sidebar settings as a profile.')}</div>`;
|
|
return;
|
|
}
|
|
list.innerHTML = '';
|
|
for (const p of S._profiles) {
|
|
const sources = (p.sources || []).map(_sourceLabel).join(', ') || '—';
|
|
const lastRun = p.last_run ? p.last_run.slice(0,16).replace('T',' ') : t('m365_profile_never','never');
|
|
const isActive = p.id === S._activeProfileId;
|
|
const row = document.createElement('div');
|
|
row.className = 'pmgmt-row';
|
|
row.dataset.id = p.id;
|
|
row.onclick = function() { _pmgmtOpenEditor(p.id); };
|
|
row.innerHTML = `
|
|
<div class="pmgmt-row-head">
|
|
<span class="pmgmt-name">${_esc(p.name)}${isActive ? ' <span style="color:var(--accent);font-weight:400;font-size:10px">● activ</span>' : ''}</span>
|
|
<div class="pmgmt-actions">
|
|
<div style="display:flex;border:1px solid var(--border);border-radius:5px;overflow:hidden">
|
|
<button class="btn-use" onclick="event.stopPropagation();_pmgmtUse('${p.id}')" style="border-radius:0;border:none;border-right:1px solid var(--border)" data-i18n="m365_profile_use">Brug</button>
|
|
<button onclick="event.stopPropagation();_pmgmtDuplicate('${p.id}')" style="border-radius:0;border:none" data-i18n="m365_profile_duplicate">Kopier</button>
|
|
</div>
|
|
<button class="btn-del" onclick="event.stopPropagation();_pmgmtDelete('${p.id}','${_esc(p.name)}')" data-i18n="m365_profile_delete">Slet</button>
|
|
</div>
|
|
</div>
|
|
<div class="pmgmt-sources">${_esc(sources)}</div>
|
|
${p.description ? `<div class="pmgmt-desc">${_esc(p.description)}</div>` : ''}
|
|
<div class="pmgmt-meta">${t('m365_profile_last_run','Last run')}: ${lastRun}</div>
|
|
`;
|
|
list.appendChild(row);
|
|
}
|
|
}
|
|
|
|
function _esc(s) {
|
|
return String(s).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"');
|
|
}
|
|
|
|
function _pmgmtUse(id) {
|
|
const profile = S._profiles.find(p => p.id === id);
|
|
if (!profile) return;
|
|
S._activeProfileId = id;
|
|
_setProfileClearBtn(true);
|
|
_applyProfile(profile);
|
|
// Sync the topbar dropdown
|
|
const sel = document.getElementById('profileSelect');
|
|
if (sel) sel.value = id;
|
|
closeProfileMgmt();
|
|
}
|
|
|
|
function _pmgmtOpenEditor(id) {
|
|
const profile = S._profiles.find(p => p.id === id);
|
|
if (!profile) return;
|
|
_openEditorForProfile(profile);
|
|
}
|
|
|
|
function _openEditorForProfile(profile) {
|
|
const id = profile.id || '';
|
|
window._pmgmtEditId = id;
|
|
_pmgmtRoleActive = '';
|
|
// Highlight active row
|
|
document.querySelectorAll('.pmgmt-row').forEach(r => r.classList.toggle('active', id && r.dataset.id === id));
|
|
document.getElementById('pmgmtEditorTitle').textContent = profile.name;
|
|
const body = document.getElementById('pmgmtEditorBody');
|
|
const allSources = profile.sources || [];
|
|
const opts = profile.options || {};
|
|
const srcCheck = (id) => allSources.includes(id) ? 'checked' : '';
|
|
|
|
// Build account list from S._allUsers
|
|
const savedIds = new Set((profile.user_ids || []).map(u => u.id || u));
|
|
// If no saved IDs match current users, treat as all-selected (new profile or users changed)
|
|
const anyMatch = savedIds.size > 0 && S._allUsers.some(u => savedIds.has(u.id));
|
|
const accountRows = S._allUsers.map(u => {
|
|
// Only check if the user was explicitly saved — default to unchecked like the main window
|
|
const checked = anyMatch && savedIds.has(u.id) ? 'checked' : '';
|
|
const platBadge = u.platform === 'both' ? '<span style="font-size:9px;padding:1px 5px;border-radius:10px;background:linear-gradient(90deg,#E6F1FB 50%,#EAF3DE 50%);color:#1a4a1a;font-weight:500;border:0.5px solid #b5d4b5">M365+GWS</span>'
|
|
: (u.platform || 'm365') === 'google' ? '<span style="font-size:9px;padding:1px 5px;border-radius:10px;background:#EAF3DE;color:#3B6D11;font-weight:500">GWS</span>'
|
|
: '<span style="font-size:9px;padding:1px 5px;border-radius:10px;background:#E6F1FB;color:#185FA5;font-weight:500">M365</span>';
|
|
const roleBadge = u.userRole === 'student' ? t('role_student','Elev') : u.userRole === 'staff' ? t('role_staff','Ansat') : t('role_other','Anden');
|
|
const roleOverrideStyle = u.roleOverride ? 'color:var(--color-text-info);outline:1px solid var(--color-border-info);' : '';
|
|
return `<label class="pmgmt-acct-row" data-uid="${_esc(u.id)}" data-role="${_esc(u.userRole || 'other')}"><input type="checkbox" ${checked} data-uid="${_esc(u.id)}"><span style="flex:1;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${_esc(u.displayName)}</span>${platBadge}<button type="button" class="pmgmt-role-badge" data-uid="${_esc(u.id)}" onclick="_pmgmtCycleRole(this.getAttribute('data-uid'),event)" style="font-size:9px;padding:1px 5px;border-radius:10px;background:#D3D1C7;border:none;cursor:pointer;${roleOverrideStyle}">${roleBadge}</button></label>`;
|
|
}).join('');
|
|
|
|
body.innerHTML = `
|
|
<div>
|
|
<div class="pmgmt-editor-section-title">Navn</div>
|
|
<input id="pmgmtEditName" type="text" value="${_esc(profile.name)}" style="width:100%;margin-bottom:6px">
|
|
<textarea id="pmgmtEditDesc" style="width:100%;font-size:12px;height:44px;resize:none" placeholder="Beskrivelse (valgfri)">${_esc(profile.description || '')}</textarea>
|
|
</div>
|
|
<div style="display:flex;gap:0;flex:1;min-height:0">
|
|
<div style="flex:1;display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-right:16px">
|
|
<div>
|
|
<div class="pmgmt-editor-section-title">Kilder</div>
|
|
<div id="peSourcesPanel"></div>
|
|
</div>
|
|
<div>
|
|
<div class="pmgmt-editor-section-title">
|
|
<span>Konti</span>
|
|
<div style="display:flex;gap:4px;align-items:center">
|
|
<div style="display:flex;background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden">
|
|
<button type="button" id="peRoleAll" onclick="_pmgmtRoleFilter('')" style="font-size:10px;height:22px;padding:0 7px;border:none;border-right:1px solid var(--border);background:var(--accent);color:#fff;cursor:pointer;box-sizing:border-box">${t('m365_filter_all','Alle')}</button>
|
|
<button type="button" id="peRoleStaff" onclick="_pmgmtRoleFilter('staff')" style="font-size:10px;height:22px;padding:0 7px;border:none;border-right:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;box-sizing:border-box">${t('role_staff','Ansat')}</button>
|
|
<button type="button" id="peRoleStudent" onclick="_pmgmtRoleFilter('student')" style="font-size:10px;height:22px;padding:0 7px;border:none;background:none;color:var(--muted);cursor:pointer;box-sizing:border-box">${t('role_student','Elev')}</button>
|
|
</div>
|
|
<div style="display:flex;background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden">
|
|
<button type="button" onclick="_pmgmtSelectAllAccounts(true)" style="font-size:10px;height:22px;padding:0 7px;border:none;border-right:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;box-sizing:border-box">${t('btn_all','Alle')}</button>
|
|
<button type="button" onclick="_pmgmtSelectAllAccounts(false)" style="font-size:10px;height:22px;padding:0 7px;border:none;background:none;color:var(--muted);cursor:pointer;box-sizing:border-box">${t('btn_none','Ingen')}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="display:flex;gap:6px;margin-bottom:4px">
|
|
<input type="text" id="pmgmtAcctSearch" placeholder="Søg konti…" style="flex:1;font-size:12px" oninput="_pmgmtFilterAccounts(this.value)">
|
|
<button type="button" onclick="_pmgmtAddManual()" style="font-size:11px;padding:3px 10px;border-radius:5px;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;white-space:nowrap">+ Tilføj konto</button>
|
|
</div>
|
|
<div class="pmgmt-account-list" id="pmgmtAcctList">${accountRows}</div>
|
|
</div>
|
|
</div>
|
|
<div class="pmgmt-settings-col" style="overflow-y:auto">
|
|
<div class="pmgmt-editor-section-title">Indstillinger</div>
|
|
<div style="display:flex;flex-direction:column;gap:6px;font-size:12px">
|
|
<label style="font-size:11px;color:var(--muted)">${t('m365_opt_date_from','Scan e-mails/filer fra')}</label>
|
|
<div class="datepicker-wrap">
|
|
<input type="date" id="peOptDate" autocomplete="off" value="${(function(){ if(!opts.older_than_days) return ''; var d=new Date(); d.setDate(d.getDate()-opts.older_than_days); return d.toISOString().slice(0,10); }())}" onchange="_peSetDate(this.value)">
|
|
<div class="date-presets">
|
|
<button type="button" class="date-preset peYearBtn ${(opts.older_than_days||0)===365 ? 'selected' : ''}" data-years="1" onclick="_peSetYear(1)">${t('m365_preset_1yr','1 år')}</button>
|
|
<button type="button" class="date-preset peYearBtn ${(opts.older_than_days||0)===730 ? 'selected' : ''}" data-years="2" onclick="_peSetYear(2)">${t('m365_preset_2yr','2 år')}</button>
|
|
<button type="button" class="date-preset peYearBtn ${(opts.older_than_days||0)===1825 ? 'selected' : ''}" data-years="5" onclick="_peSetYear(5)">${t('m365_preset_5yr','5 år')}</button>
|
|
<button type="button" class="date-preset peYearBtn ${(opts.older_than_days||0)===3650 ? 'selected' : ''}" data-years="10" onclick="_peSetYear(10)">${t('m365_preset_10yr','10 år')}</button>
|
|
<button type="button" class="date-preset peYearBtn ${!(opts.older_than_days) ? 'selected' : ''}" data-years="0" onclick="_peSetYear(0)">${t('m365_preset_any','Alle')}</button>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" id="peOptDays" value="${opts.older_than_days || 0}">
|
|
<hr style="border:none;border-top:1px solid var(--pmgmt-divider);margin:2px 0">
|
|
<div class="pmgmt-opt-row"><span>${t('m365_opt_email_body','Scan e-mailindhold')}</span><label class="toggle"><input type="checkbox" id="peOptBody" ${opts.email_body !== false ? 'checked' : ''}><span class="toggle-slider"></span></label></div>
|
|
<div class="pmgmt-opt-row"><span>${t('m365_opt_attachments','Scan vedhæftede filer')}</span><label class="toggle"><input type="checkbox" id="peOptAtt" ${opts.attachments !== false ? 'checked' : ''}><span class="toggle-slider"></span></label></div>
|
|
<div class="pmgmt-opt-row"><span style="color:var(--muted)">${t('m365_opt_max_attach','Maks. vedhæftet filstørrelse (MB)')}</span><input type="number" id="peOptMaxAttach" value="${opts.max_attach_mb || 20}" min="1" max="100" style="width:46px;padding:3px 6px;font-size:11px;text-align:right"></div>
|
|
<div class="pmgmt-opt-row"><span>${t('m365_opt_max_emails','Maks. e-mails pr. bruger')}</span><input type="number" id="peOptMaxEmails" value="${opts.max_emails || 2000}" min="10" max="50000" style="width:56px;padding:3px 6px;font-size:11px;text-align:right"></div>
|
|
<div class="pmgmt-opt-row"><span>${t('m365_opt_delta','Delta-scanning')}</span><label class="toggle"><input type="checkbox" id="peOptDelta" ${opts.delta ? 'checked' : ''}><span class="toggle-slider"></span></label></div>
|
|
<div class="pmgmt-opt-row"><span>${t('m365_opt_scan_photos','Søg efter ansigter i billeder')}</span><label class="toggle"><input type="checkbox" id="peOptPhotos" ${opts.scan_photos ? 'checked' : ''}><span class="toggle-slider"></span></label></div>
|
|
<div class="pmgmt-opt-row"><span>${t('m365_opt_skip_gps','Ignorer GPS i billeder')}</span><label class="toggle"><input type="checkbox" id="peOptSkipGps" ${opts.skip_gps_images ? 'checked' : ''}><span class="toggle-slider"></span></label></div>
|
|
<div class="pmgmt-opt-row"><span style="color:var(--muted)">${t('m365_opt_min_cpr','Min. CPR-antal pr. fil')}</span><input type="number" id="peOptMinCpr" value="${opts.min_cpr_count || 1}" min="1" max="50" style="width:46px;padding:3px 6px;font-size:11px;text-align:right"></div>
|
|
<hr style="border:none;border-top:1px solid var(--pmgmt-divider);margin:2px 0">
|
|
<div class="pmgmt-opt-row"><span>${t('m365_opt_retention','Opbevaringspolitik')}</span><label class="toggle"><input type="checkbox" id="peOptRetention" ${profile.retention_years ? 'checked' : ''}><span class="toggle-slider"></span></label></div>
|
|
<div style="padding:7px 8px;background:var(--bg);border-radius:6px">
|
|
<div class="pmgmt-opt-row" style="margin-bottom:5px"><span style="color:var(--muted)">${t('m365_ret_years','Opbevaringsår')}</span><input type="number" id="peOptRetYears" value="${profile.retention_years || 5}" min="1" max="30" style="width:46px;padding:3px 6px;font-size:11px;text-align:right"></div>
|
|
<div style="display:flex;flex-direction:column;gap:3px">
|
|
<label style="font-size:11px;color:var(--muted)">${t('m365_ret_fy_end','Regnskabsår slut')}</label>
|
|
<select id="peOptFiscalYearEnd" style="font-size:11px;padding:3px 6px;width:100%">
|
|
<option value="" ${!profile.fiscal_year_end ? 'selected' : ''}>${t('m365_ret_fy_rolling','Rullende (i dag)')}</option>
|
|
<option value="12-31" ${profile.fiscal_year_end==='12-31' ? 'selected' : ''}>${t('m365_ret_fy_dec','31 dec (Bogføringsloven)')}</option>
|
|
<option value="06-30" ${profile.fiscal_year_end==='06-30' ? 'selected' : ''}>${t('m365_ret_fy_jun','30 jun')}</option>
|
|
<option value="03-31" ${profile.fiscal_year_end==='03-31' ? 'selected' : ''}>${t('m365_ret_fy_mar','31 mar')}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;;
|
|
document.getElementById('pmgmtEditorPlaceholder')?.remove();
|
|
document.getElementById('pmgmtEditor').classList.add('open');
|
|
_renderEditorSources((profile.sources || []).concat(profile.google_sources || []).concat(profile.file_sources || []));
|
|
}
|
|
|
|
function _peSetDate(val) {
|
|
if (!val) return;
|
|
const ms = new Date() - new Date(val);
|
|
const days = Math.round(ms / 86400000);
|
|
const hidden = document.getElementById('peOptDays');
|
|
if (hidden) hidden.value = days;
|
|
// Clear selected year buttons since user picked a custom date
|
|
document.querySelectorAll('.peYearBtn').forEach(b => b.classList.remove('selected'));
|
|
}
|
|
|
|
function _peSetYear(years) {
|
|
const days = years === 0 ? 0 : years * 365;
|
|
const hidden = document.getElementById('peOptDays');
|
|
if (hidden) hidden.value = days;
|
|
document.querySelectorAll('.peYearBtn').forEach(function(btn) {
|
|
const y = parseInt(btn.dataset.years);
|
|
const active = (years === 0 && y === 0) || (years > 0 && y === years);
|
|
btn.classList.toggle('selected', active);
|
|
});
|
|
// Sync the date input
|
|
var dateInput = document.getElementById('peOptDate');
|
|
if (dateInput) {
|
|
if (days === 0) { dateInput.value = ''; }
|
|
else { var d = new Date(); d.setDate(d.getDate()-days); dateInput.value = d.toISOString().slice(0,10); }
|
|
}
|
|
}
|
|
|
|
function _renderEditorSources(checkedIds) {
|
|
const panel = document.getElementById('peSourcesPanel');
|
|
if (!panel) return;
|
|
let html = '';
|
|
_M365_SOURCES.forEach(function(s) {
|
|
const toggle = s.toggleId ? document.getElementById(s.toggleId) : null;
|
|
if (toggle && !toggle.checked) return;
|
|
const isChecked = checkedIds.includes(s.id);
|
|
html += '<label class="source-check">'
|
|
+ '<input type="checkbox" data-source-id="' + s.id + '" data-source-type="m365"' + (isChecked ? ' checked' : '') + '>'
|
|
+ '<span class="source-icon">' + s.icon + '</span>'
|
|
+ '<span class="source-label">' + t(s.labelKey, s.labelDefault) + '</span>'
|
|
+ '</label>';
|
|
});
|
|
if (window._googleConnected) {
|
|
var gmailOn = !document.getElementById('smGoogleSrcGmail') || document.getElementById('smGoogleSrcGmail').checked;
|
|
var driveOn = !document.getElementById('smGoogleSrcDrive') || document.getElementById('smGoogleSrcDrive').checked;
|
|
if (gmailOn || driveOn) html += '<hr style="border:none;border-top:1px solid var(--border);margin:4px 0">';
|
|
if (gmailOn) {
|
|
html += '<label class="source-check"><input type="checkbox" data-source-id="gmail" data-source-type="google"' + (checkedIds.includes('gmail') ? ' checked' : '') + '><span class="source-icon">📧</span><span class="source-label">Gmail</span></label>';
|
|
}
|
|
if (driveOn) {
|
|
html += '<label class="source-check"><input type="checkbox" data-source-id="gdrive" data-source-type="google"' + (checkedIds.includes('gdrive') ? ' checked' : '') + '><span class="source-icon">📁</span><span class="source-label">Google Drive</span></label>';
|
|
}
|
|
}
|
|
if (S._fileSources.length > 0) {
|
|
html += '<hr style="border:none;border-top:1px solid var(--border);margin:4px 0">';
|
|
S._fileSources.forEach(function(s) {
|
|
const isSmb = s.path && (s.path.startsWith('//') || s.path.startsWith('\\\\'));
|
|
html += '<label class="source-check"><input type="checkbox" data-source-id="' + _esc(s.id) + '" data-source-type="file"' + (checkedIds.includes(s.id) ? ' checked' : '') + '><span class="source-icon">' + (isSmb ? '🌐' : '📁') + '</span><span class="source-label" title="' + _esc(s.path||'') + '">' + _esc(s.label||s.path||s.id) + '</span></label>';
|
|
});
|
|
}
|
|
panel.innerHTML = html;
|
|
}
|
|
|
|
function _pmgmtNewProfile() {
|
|
// Create a blank profile shell and open the editor
|
|
const blank = {
|
|
id: '',
|
|
name: '',
|
|
description: '',
|
|
sources: [],
|
|
google_sources: [],
|
|
user_ids: [],
|
|
options: {},
|
|
file_sources: [],
|
|
};
|
|
// Temporarily add to S._profiles so the editor can find it
|
|
window._pmgmtNewDraft = blank;
|
|
_openEditorForProfile(blank);
|
|
}
|
|
|
|
function _pmgmtCloseEditor() {
|
|
document.getElementById('pmgmtEditor').classList.remove('open');
|
|
document.querySelectorAll('.pmgmt-row').forEach(r => r.classList.remove('active'));
|
|
window._pmgmtEditId = null;
|
|
closeProfileMgmt();
|
|
}
|
|
|
|
async function _pmgmtCycleRole(uid, event) {
|
|
event.stopPropagation();
|
|
if (typeof cycleUserRole !== 'function') return;
|
|
await cycleUserRole(uid);
|
|
// Refresh the badge inside the profile modal to reflect the new role
|
|
const u = S._allUsers.find(function(u){ return u.id === uid; });
|
|
if (!u) return;
|
|
const lbl = document.querySelector('#pmgmtAcctList label[data-uid="' + uid.replace(/"/g, '\\"') + '"]');
|
|
if (!lbl) return;
|
|
const badge = lbl.querySelector('.pmgmt-role-badge');
|
|
if (!badge) return;
|
|
const roleText = u.userRole === 'student' ? t('role_student','Elev')
|
|
: u.userRole === 'staff' ? t('role_staff','Ansat')
|
|
: t('role_other','Anden');
|
|
badge.textContent = roleText;
|
|
lbl.dataset.role = u.userRole || 'other';
|
|
badge.style.color = u.roleOverride ? 'var(--color-text-info)' : '';
|
|
badge.style.outline = u.roleOverride ? '1px solid var(--color-border-info)' : '';
|
|
}
|
|
|
|
function _pmgmtSelectAllAccounts(checked) {
|
|
document.querySelectorAll('#pmgmtAcctList label input[type=checkbox]').forEach(function(cb) {
|
|
if (cb.closest('label').style.display !== 'none') cb.checked = checked;
|
|
});
|
|
}
|
|
|
|
let _pmgmtRoleActive = '';
|
|
function _pmgmtRoleFilter(role) {
|
|
_pmgmtRoleActive = role;
|
|
// Update button styles
|
|
['peRoleAll','peRoleStaff','peRoleStudent'].forEach(function(id) {
|
|
const btn = document.getElementById(id);
|
|
if (!btn) return;
|
|
const isActive = (id === 'peRoleAll' && role === '') || (id === 'peRoleStaff' && role === 'staff') || (id === 'peRoleStudent' && role === 'student');
|
|
btn.style.background = isActive ? 'var(--accent)' : 'none';
|
|
btn.style.color = isActive ? '#fff' : 'var(--muted)';
|
|
btn.style.border = isActive ? '1px solid var(--accent)' : '1px solid var(--border)';
|
|
});
|
|
// Apply filter combined with any active text search
|
|
_pmgmtFilterAccounts(document.getElementById('pmgmtAcctSearch')?.value || '');
|
|
}
|
|
|
|
function _pmgmtAddManual() {
|
|
const email = prompt('E-mail adresse:');
|
|
if (!email || !email.trim()) return;
|
|
const list = document.getElementById('pmgmtAcctList');
|
|
if (!list) return;
|
|
const id = 'manual:' + email.trim().toLowerCase();
|
|
if (list.querySelector(`input[data-uid="${id}"]`)) return; // already exists
|
|
const lbl = document.createElement('label');
|
|
lbl.className = 'pmgmt-acct-row';
|
|
lbl.innerHTML = `<input type="checkbox" checked data-uid="${_esc(id)}"><span style="flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${_esc(email.trim())}</span><span style="font-size:9px;padding:1px 5px;border-radius:10px;background:#D3D1C7;color:#444441">Manuel</span>`;
|
|
list.appendChild(lbl);
|
|
}
|
|
|
|
function _pmgmtFilterAccounts(q) {
|
|
q = (q || '').toLowerCase();
|
|
document.querySelectorAll('#pmgmtAcctList label').forEach(function(lbl) {
|
|
var name = (lbl.querySelector('span') || {}).textContent || '';
|
|
var role = lbl.dataset.role || 'other';
|
|
var roleOk = !_pmgmtRoleActive || role === _pmgmtRoleActive;
|
|
var nameOk = !q || name.toLowerCase().includes(q);
|
|
lbl.style.display = (roleOk && nameOk) ? '' : 'none';
|
|
});
|
|
}
|
|
|
|
async function _pmgmtSaveFullEdit() {
|
|
const id = window._pmgmtEditId;
|
|
const profile = (id ? S._profiles.find(p => p.id === id) : null) || window._pmgmtNewDraft || {};
|
|
const name = document.getElementById('pmgmtEditName')?.value?.trim();
|
|
if (!name) { alert(t('m365_profile_name_required','Profile name is required.')); return; }
|
|
const peSources = Array.from(document.querySelectorAll('#peSourcesPanel input[type=checkbox]:checked'));
|
|
const m365Sources = peSources.filter(cb => cb.dataset.sourceType === 'm365').map(cb => cb.dataset.sourceId);
|
|
const googleSources = peSources.filter(cb => cb.dataset.sourceType === 'google').map(cb => cb.dataset.sourceId);
|
|
const fileSources = peSources.filter(cb => cb.dataset.sourceType === 'file').map(cb => cb.dataset.sourceId);
|
|
// Check whether the checkboxes were actually rendered in the editor DOM —
|
|
// NOT whether Google is connected or file sources are loaded. Those are async
|
|
// and may not have resolved when the editor first opened, leaving the panel
|
|
// without checkboxes even though the connection exists. Using the DOM as the
|
|
// source of truth avoids a race-condition that silently cleared google/file sources.
|
|
const googleRendered = !!document.querySelector('#peSourcesPanel input[data-source-type="google"]');
|
|
const fileRendered = !!document.querySelector('#peSourcesPanel input[data-source-type="file"]');
|
|
const effectiveGoogleSources = googleRendered ? googleSources : (profile.google_sources || []);
|
|
const effectiveFileSources = fileRendered ? fileSources : (profile.file_sources || []);
|
|
const allSources = m365Sources.concat(effectiveGoogleSources).concat(effectiveFileSources);
|
|
const user_ids = Array.from(document.querySelectorAll('#pmgmtAcctList input[type=checkbox]:checked'))
|
|
.map(cb => cb.dataset.uid)
|
|
.filter(Boolean);
|
|
const updated = {
|
|
...profile,
|
|
name,
|
|
description: document.getElementById('pmgmtEditDesc')?.value?.trim() || '',
|
|
sources: allSources,
|
|
google_sources: effectiveGoogleSources,
|
|
file_sources: effectiveFileSources,
|
|
user_ids,
|
|
options: {
|
|
...(profile.options || {}),
|
|
older_than_days: parseInt(document.getElementById('peOptDays')?.value) || 0,
|
|
email_body: document.getElementById('peOptBody')?.checked ?? true,
|
|
attachments: document.getElementById('peOptAtt')?.checked ?? true,
|
|
max_attach_mb: parseInt(document.getElementById('peOptMaxAttach')?.value) || 20,
|
|
max_emails: parseInt(document.getElementById('peOptMaxEmails')?.value) || 2000,
|
|
delta: document.getElementById('peOptDelta')?.checked ?? false,
|
|
scan_photos: document.getElementById('peOptPhotos')?.checked ?? false,
|
|
skip_gps_images: document.getElementById('peOptSkipGps')?.checked ?? false,
|
|
min_cpr_count: parseInt(document.getElementById('peOptMinCpr')?.value) || 1,
|
|
},
|
|
retention_years: document.getElementById('peOptRetention')?.checked ? (parseInt(document.getElementById('peOptRetYears')?.value) || 5) : null,
|
|
fiscal_year_end: document.getElementById('peOptRetention')?.checked ? (document.getElementById('peOptFiscalYearEnd')?.value || '') : '',
|
|
};
|
|
try {
|
|
const r = await fetch('/api/profiles/save', {
|
|
method: 'POST', headers: {'Content-Type':'application/json'},
|
|
body: JSON.stringify(updated)
|
|
});
|
|
const d = await r.json();
|
|
if (d.error) { alert(d.error); return; }
|
|
await loadProfiles();
|
|
window._pmgmtNewDraft = null;
|
|
log(t('m365_profile_saved','Profile saved') + ': ' + name);
|
|
// Show inline saved feedback without closing the modal
|
|
const footer = document.querySelector('#pmgmtEditor > div:last-child');
|
|
if (footer) {
|
|
const fb = document.createElement('span');
|
|
fb.textContent = '✓ ' + t('m365_profile_saved', 'Saved');
|
|
fb.style.cssText = 'font-size:11px;color:var(--success);margin-right:auto';
|
|
footer.prepend(fb);
|
|
setTimeout(function() { fb.remove(); }, 2000);
|
|
}
|
|
// Re-open the editor for the saved profile so it reflects the saved state
|
|
const saved = S._profiles.find(function(p) { return p.name === name; });
|
|
if (saved) { window._pmgmtEditId = saved.id; }
|
|
} catch(e) { alert('Save failed: ' + e.message); }
|
|
}
|
|
|
|
|
|
async function _pmgmtSaveEdit(id) {
|
|
const name = document.getElementById(`pmgmt-edit-name-${id}`)?.value?.trim();
|
|
const desc = document.getElementById(`pmgmt-edit-desc-${id}`)?.value?.trim();
|
|
if (!name) { alert(t('m365_profile_name_required','Profile name is required.')); return; }
|
|
const profile = S._profiles.find(p => p.id === id);
|
|
if (!profile) return;
|
|
const updated = { ...profile, name, description: desc || '' };
|
|
try {
|
|
const r = await fetch('/api/profiles/save', {
|
|
method: 'POST', headers: {'Content-Type':'application/json'},
|
|
body: JSON.stringify(updated)
|
|
});
|
|
const d = await r.json();
|
|
if (d.error) { alert(d.error); return; }
|
|
await loadProfiles();
|
|
_renderProfileMgmt();
|
|
log(t('m365_profile_saved','Profile saved') + ': ' + name);
|
|
} catch(e) { alert('Save failed: ' + e.message); }
|
|
}
|
|
|
|
async function _pmgmtDuplicate(id) {
|
|
const profile = S._profiles.find(p => p.id === id);
|
|
if (!profile) return;
|
|
const base = profile.name.replace(/ \(copy( \d+)?\)$/, '');
|
|
// Find a unique name
|
|
let n = 1, name = base + ' (copy)';
|
|
while (S._profiles.some(p => p.name === name)) { n++; name = `${base} (copy ${n})`; }
|
|
const copy = { ...profile, id: '', name, last_run: null, last_scan_id: null };
|
|
try {
|
|
const r = await fetch('/api/profiles/save', {
|
|
method: 'POST', headers: {'Content-Type':'application/json'},
|
|
body: JSON.stringify(copy)
|
|
});
|
|
const d = await r.json();
|
|
if (d.error) { alert(d.error); return; }
|
|
await loadProfiles();
|
|
_renderProfileMgmt();
|
|
log(t('m365_profile_duplicated','Profile duplicated') + ': ' + name);
|
|
} catch(e) { alert('Duplicate failed: ' + e.message); }
|
|
}
|
|
|
|
async function _pmgmtDelete(id, name) {
|
|
if (!confirm(t('m365_profile_delete_confirm','Delete profile') + ' "' + name + '"?')) return;
|
|
try {
|
|
const r = await fetch('/api/profiles/delete', {
|
|
method: 'POST', headers: {'Content-Type':'application/json'},
|
|
body: JSON.stringify({ id })
|
|
});
|
|
const d = await r.json();
|
|
if (d.error) { alert(d.error); return; }
|
|
if (S._activeProfileId === id) { S._activeProfileId = null; _setProfileClearBtn(false); }
|
|
await loadProfiles();
|
|
_renderProfileMgmt();
|
|
log(t('m365_profile_deleted','Profile deleted') + ': ' + name);
|
|
} catch(e) { alert('Delete failed: ' + e.message); }
|
|
}
|
|
|
|
// ── Window exports (HTML handlers + cross-module calls) ─────────────────────
|
|
window.loadProfiles = loadProfiles;
|
|
window._renderProfileSelect = _renderProfileSelect;
|
|
window._setProfileClearBtn = _setProfileClearBtn;
|
|
window.onProfileChange = onProfileChange;
|
|
window.clearActiveProfile = clearActiveProfile;
|
|
window._applyProfile = _applyProfile;
|
|
window._applyPendingProfileUsers = _applyPendingProfileUsers;
|
|
window.saveCurrentAsProfile = saveCurrentAsProfile;
|
|
window.openProfileMgmtModal = openProfileMgmtModal;
|
|
window.closeProfileMgmt = closeProfileMgmt;
|
|
window._sourceLabel = _sourceLabel;
|
|
window._renderProfileMgmt = _renderProfileMgmt;
|
|
window._esc = _esc;
|
|
window._pmgmtUse = _pmgmtUse;
|
|
window._pmgmtOpenEditor = _pmgmtOpenEditor;
|
|
window._openEditorForProfile = _openEditorForProfile;
|
|
window._peSetDate = _peSetDate;
|
|
window._peSetYear = _peSetYear;
|
|
window._renderEditorSources = _renderEditorSources;
|
|
window._pmgmtNewProfile = _pmgmtNewProfile;
|
|
window._pmgmtCloseEditor = _pmgmtCloseEditor;
|
|
window._pmgmtCycleRole = _pmgmtCycleRole;
|
|
window._pmgmtSelectAllAccounts = _pmgmtSelectAllAccounts;
|
|
window._pmgmtRoleFilter = _pmgmtRoleFilter;
|
|
window._pmgmtAddManual = _pmgmtAddManual;
|
|
window._pmgmtFilterAccounts = _pmgmtFilterAccounts;
|
|
window._pmgmtSaveFullEdit = _pmgmtSaveFullEdit;
|
|
window._pmgmtSaveEdit = _pmgmtSaveEdit;
|
|
window._pmgmtDuplicate = _pmgmtDuplicate;
|
|
window._pmgmtDelete = _pmgmtDelete;
|
|
window._pmgmtRoleActive = _pmgmtRoleActive;
|