Redact: collapsible advanced settings, download TXT/DOCX/copy
- Wrap Mode/Region/Entities/Officials/Output/Exempt/Aliases in a <details> toggle so the form opens clean with only engine + input visible - After redaction: Copy, Download .txt, Download .docx buttons appear below the redacted output (all four languages translated) - New api/redact-download.php: returns plain text or a minimal valid DOCX built from scratch with ZipArchive (no external dependencies) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1470,3 +1470,71 @@ p {
|
||||
accent-color: var(--teal);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* ─── Advanced settings panel (Redact tool) ───────────────────────────────── */
|
||||
|
||||
.advanced-panel {
|
||||
border-top: 1px solid var(--line);
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
|
||||
.advanced-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.4rem;
|
||||
padding: 0.55rem 0;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 500;
|
||||
color: var(--teal);
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.advanced-toggle::-webkit-details-marker { display: none; }
|
||||
|
||||
.advanced-toggle::before {
|
||||
content: '▸';
|
||||
font-size: 0.7rem;
|
||||
transition: transform 0.18s ease;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.advanced-panel[open] .advanced-toggle::before {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.advanced-panel[open] .advanced-toggle {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
/* ─── Redact download buttons ─────────────────────────────────────────────── */
|
||||
|
||||
.redact-downloads {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.redact-dl-btn {
|
||||
padding: 0.38rem 0.9rem;
|
||||
border-radius: 6px;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 500;
|
||||
background: var(--soft-teal);
|
||||
color: var(--teal-dark);
|
||||
border: 1px solid rgba(15, 118, 110, 0.2);
|
||||
cursor: pointer;
|
||||
transition: background 0.15s, border-color 0.15s;
|
||||
}
|
||||
|
||||
.redact-dl-btn:hover {
|
||||
background: #d0ede9;
|
||||
border-color: var(--teal);
|
||||
}
|
||||
|
||||
.redact-dl-btn:disabled {
|
||||
opacity: 0.55;
|
||||
cursor: progress;
|
||||
}
|
||||
|
||||
+68
-1
@@ -52,6 +52,11 @@ const REDACT_I18N = {
|
||||
redactRunning: 'Redacting…',
|
||||
redactReadyTitle: 'Ready',
|
||||
redactReadyDesc: 'Paste text or upload a file, configure redaction options, then run.',
|
||||
redactAdvancedToggle: 'Advanced settings',
|
||||
redactDownloadTxt: 'Download .txt',
|
||||
redactDownloadDocx: 'Download .docx',
|
||||
redactCopy: 'Copy',
|
||||
redactCopied: 'Copied!',
|
||||
},
|
||||
no: {
|
||||
redactEngine: 'Motor',
|
||||
@@ -101,6 +106,11 @@ const REDACT_I18N = {
|
||||
redactRunning: 'Redigerer…',
|
||||
redactReadyTitle: 'Klar',
|
||||
redactReadyDesc: 'Lim inn tekst eller last opp en fil, konfigurer redigeringsalternativene, og kjør.',
|
||||
redactAdvancedToggle: 'Avanserte innstillinger',
|
||||
redactDownloadTxt: 'Last ned .txt',
|
||||
redactDownloadDocx: 'Last ned .docx',
|
||||
redactCopy: 'Kopier',
|
||||
redactCopied: 'Kopiert!',
|
||||
},
|
||||
uk: {
|
||||
redactEngine: 'Рушій',
|
||||
@@ -150,6 +160,11 @@ const REDACT_I18N = {
|
||||
redactRunning: 'Редагування…',
|
||||
redactReadyTitle: 'Готово',
|
||||
redactReadyDesc: 'Вставте текст або завантажте файл, налаштуйте параметри, запустіть.',
|
||||
redactAdvancedToggle: 'Розширені налаштування',
|
||||
redactDownloadTxt: 'Завантажити .txt',
|
||||
redactDownloadDocx: 'Завантажити .docx',
|
||||
redactCopy: 'Копіювати',
|
||||
redactCopied: 'Скопійовано!',
|
||||
},
|
||||
pl: {
|
||||
redactEngine: 'Silnik',
|
||||
@@ -199,12 +214,18 @@ const REDACT_I18N = {
|
||||
redactRunning: 'Redagowanie…',
|
||||
redactReadyTitle: 'Gotowe',
|
||||
redactReadyDesc: 'Wklej tekst lub wgraj plik, skonfiguruj opcje redakcji, uruchom.',
|
||||
redactAdvancedToggle: 'Ustawienia zaawansowane',
|
||||
redactDownloadTxt: 'Pobierz .txt',
|
||||
redactDownloadDocx: 'Pobierz .docx',
|
||||
redactCopy: 'Kopiuj',
|
||||
redactCopied: 'Skopiowano!',
|
||||
},
|
||||
};
|
||||
|
||||
let lastTimelineEvents = [];
|
||||
let audioQueue = []; // [{file, status: 'pending'|'processing'|'done'|'error', result}]
|
||||
let lastTranscriptData = null;
|
||||
let lastRedactedText = null;
|
||||
|
||||
const VOCAB_PRESETS = {
|
||||
barnerett: 'Barnevernet, Fylkesnemnda, barnevernloven, barneloven, barnets beste, samvær, foreldreansvar, omsorgsovertakelse, sakkyndig, advokat, prosessfullmektig, dommer, vitne, tolk, bistandsadvokat, fosterforeldre, fosterhjem, akuttvedtak, statsforvalter, Bufetat, saksbehandler, rettslig medhold, begjæring, samtykke, tilsynsfører',
|
||||
@@ -729,6 +750,9 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
if (e.target.closest('#dlTxt')) downloadTranscriptTxt();
|
||||
if (e.target.closest('#dlSrt')) downloadTranscriptSrt();
|
||||
if (e.target.closest('#dlVtt')) downloadTranscriptVtt();
|
||||
if (e.target.closest('#rdlCopy')) copyRedactedText();
|
||||
if (e.target.closest('#rdlTxt')) downloadRedactedTxt();
|
||||
if (e.target.closest('#rdlDocx')) downloadRedactedDocx();
|
||||
});
|
||||
const activeTool = document.body.dataset.activeTool || state.activeTool;
|
||||
setTool(activeTool);
|
||||
@@ -1074,7 +1098,14 @@ function renderMainFinding(data) {
|
||||
return `<p class="answer">${escapeHtml(data.answer || data.what_we_found || '')}</p>`;
|
||||
}
|
||||
if (data.tool === 'redact') {
|
||||
return `<pre class="redacted-output">${escapeHtml(data.redacted_text || '')}</pre>${renderEntityCounts(data.entity_counts)}`;
|
||||
lastRedactedText = data.redacted_text || '';
|
||||
const t = (k) => currentRedactT(k) || k;
|
||||
const dlRow = `<div class="redact-downloads">
|
||||
<button type="button" class="redact-dl-btn" id="rdlCopy">${t('redactCopy')}</button>
|
||||
<button type="button" class="redact-dl-btn" id="rdlTxt">${t('redactDownloadTxt')}</button>
|
||||
<button type="button" class="redact-dl-btn" id="rdlDocx">${t('redactDownloadDocx')}</button>
|
||||
</div>`;
|
||||
return `<pre class="redacted-output">${escapeHtml(lastRedactedText)}</pre>${renderEntityCounts(data.entity_counts)}${dlRow}`;
|
||||
}
|
||||
if (data.tool === 'timeline') {
|
||||
lastTimelineEvents = data.events || [];
|
||||
@@ -1459,6 +1490,42 @@ function downloadTranscriptVtt() {
|
||||
downloadBlob(new Blob([lines.join('\n')], { type: 'text/vtt' }), 'transcript.vtt');
|
||||
}
|
||||
|
||||
async function copyRedactedText() {
|
||||
if (!lastRedactedText) return;
|
||||
const btn = document.getElementById('rdlCopy');
|
||||
await navigator.clipboard.writeText(lastRedactedText);
|
||||
if (btn) {
|
||||
const orig = btn.textContent;
|
||||
btn.textContent = currentRedactT('redactCopied') || 'Copied!';
|
||||
setTimeout(() => { btn.textContent = orig; }, 1800);
|
||||
}
|
||||
}
|
||||
|
||||
function downloadRedactedTxt() {
|
||||
if (!lastRedactedText) return;
|
||||
downloadBlob(new Blob([lastRedactedText], { type: 'text/plain' }), 'redacted.txt');
|
||||
}
|
||||
|
||||
async function downloadRedactedDocx() {
|
||||
if (!lastRedactedText) return;
|
||||
const btn = document.getElementById('rdlDocx');
|
||||
if (btn) btn.disabled = true;
|
||||
try {
|
||||
const resp = await fetch('/api/redact-download.php', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ text: lastRedactedText, format: 'docx' }),
|
||||
});
|
||||
if (!resp.ok) throw new Error('Download failed');
|
||||
const blob = await resp.blob();
|
||||
downloadBlob(blob, 'redacted.docx');
|
||||
} catch (e) {
|
||||
alert(e.message);
|
||||
} finally {
|
||||
if (btn) btn.disabled = false;
|
||||
}
|
||||
}
|
||||
|
||||
function resetAudio() {
|
||||
audioQueue = [];
|
||||
if (!els.audioInput) return;
|
||||
|
||||
Reference in New Issue
Block a user