${r.thumb ? ` ` : ''} | ` +
`${esc(r.tag || '—')}
${esc(typeLabel(r.type))} | ` +
`${esc(STATUS_LABELS[r.status])} | ` +
`${esc(r.fields.model?.value || '')} | ${esc(r.fields.serial?.value || '')} | ` +
`${esc(r.fields.voltage?.value || '')} | ${esc(issues.join('; '))} | ` +
` |
`;
}).join('');
els.emptyReg.hidden = state.register.length > 0;
if (els.emptyReg) els.emptyReg.textContent = state.register.length && !shown.length
? 'No register entries match the filter.'
: 'Nothing scanned yet. Each plate you add appears here with its check result.';
if (els.filter) els.filter.value = state.photoFilter;
els.csv.disabled = !state.register.length && !items.length;
els.clearReg.disabled = !state.register.length;
els.missing.textContent = items.length && sum.missing.length && state.register.length
? `Not scanned yet (${sum.missing.length}): ${sum.missing.slice(0, 24).join(', ')}${sum.missing.length > 24 ? '…' : ''}` +
(shown.length !== state.register.length ? ` Showing ${shown.length} of ${state.register.length} scanned.` : '') : '';
}
function download(name, text, type) {
const a = document.createElement('a');
a.href = URL.createObjectURL(new Blob([text], { type }));
a.download = name;
a.click();
setTimeout(() => URL.revokeObjectURL(a.href), 1000);
}
// ------------------------------------------------------------------ wiring
function dropZone(zone, input, onFile, onFiles) {
const take = list => { const files = [...list]; if (files.length > 1 && onFiles) onFiles(files); else if (files[0]) onFile(files[0]); };
input.addEventListener('change', () => { take(input.files); input.value = ''; });
zone.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); input.click(); } });
zone.addEventListener('dragover', e => { e.preventDefault(); zone.classList.add('over'); });
zone.addEventListener('dragleave', () => zone.classList.remove('over'));
zone.addEventListener('drop', e => { e.preventDefault(); zone.classList.remove('over'); take(e.dataTransfer.files); });
}
dropZone(els.schedDrop, els.schedFile, async f => setSchedule(await f.text(), f.name));
dropZone(els.drop, els.file, loadImageFile, files => readBatch(files.filter(f => /^image\//.test(f.type) || /\.(jpe?g|png|webp|heic|gif|bmp)$/i.test(f.name))));
els.schedSample.addEventListener('click', () => setSchedule(SAMPLE_SCHEDULE, 'Sample schedule'));
els.schedClear.addEventListener('click', () => { state.schedule = null; save(); renderSchedule(); rematch(); renderRegister(); });
els.sample.addEventListener('click', () => {
const c = samplePlate(SAMPLE_PLATES[state.sample % SAMPLE_PLATES.length]);
state.sample++;
setImage(c, c.width, c.height);
setStatus(`Sample plate ${((state.sample - 1) % SAMPLE_PLATES.length) + 1} of ${SAMPLE_PLATES.length} loaded (a drawn plate, fictional maker). Read it when ready.`);
});
els.rotate.addEventListener('click', rotate);
els.run.addEventListener('click', read);
els.add.addEventListener('click', () => addToRegister());
els.tag.addEventListener('change', () => { state.tag = els.tag.value; renderReading(); });
els.fields.addEventListener('change', e => {
if (e.target.id === 'npf-type') { state.reading.type = e.target.value || null; state.candidates = candidatesFor(state.reading, state.schedule?.items || [], state.register); renderReading(); }
else if (e.target.dataset.key) editField(e.target.dataset.key, e.target.value);
});
els.rows.addEventListener('click', e => {
const id = e.target.closest('[data-remove]')?.dataset.remove;
if (id) {
state.register = state.register.filter(r => r.id !== id);
state.photos.delete(id);
if (state.editing === id) { state.editing = null; state.reading = null; els.reading.hidden = true; els.add.textContent = 'Add to register'; }
save();
renderRegister();
return;
}
const row = e.target.closest('tr[data-id]');
if (row) review(row.dataset.id);
});
els.rows.addEventListener('keydown', e => {
const row = e.target.closest('tr[data-id]');
if (row && (e.key === 'Enter' || e.key === ' ') && !e.target.closest('button')) { e.preventDefault(); review(row.dataset.id); }
});
els.clearReg.addEventListener('click', () => {
if (!confirm('Remove every scanned plate from the register?')) return;
state.register = [];
save();
renderRegister();
});
els.search?.addEventListener('input', () => { state.photoQuery = els.search.value; renderRegister(); });
els.filter?.addEventListener('change', () => { state.photoFilter = els.filter.value; renderRegister(); });
els.csv.addEventListener('click', () => download('asset-register.csv', registerCsv(state.register, state.schedule?.items || []), 'text/csv'));
load();
renderSchedule();
renderRegister();