ddf9ca805b
Split the Bedside clinical reference section out of calculators.js (~1220 lines) into 20 focused ES modules under public/js/bedside/. Each module owns one clinical topic (cardiac, seizure, sepsis, burns, etc.) and exports an init() wired up by bedside/index.js. Shared helpers live in shared.js and also set window._EM for back-compat with the 4 remaining call sites in calculators.js. Load order: classic defer calculators.js first, then module script bedside/index.js. Handlers bind at DOM-ready; runtime _EM lookups resolve after both are evaluated. Makes bedside content editable per-section, shrinks calculators.js from 4111 to 2891 lines, and keeps the existing Playwright smoke suite (e2e/tests/bedside-smoke.spec.js) as the behavioral contract.
40 lines
1.6 KiB
JavaScript
40 lines
1.6 KiB
JavaScript
// ============================================================
|
|
// bedside/image-lightbox.js
|
|
// IMAGE LIGHTBOX — any element with data-img-src opens fullscreen.
|
|
// ============================================================
|
|
|
|
export function init() {
|
|
document.addEventListener('click', function(e) {
|
|
var opener = e.target.closest && e.target.closest('[data-img-src]');
|
|
if (opener) {
|
|
e.preventDefault();
|
|
var lb = document.getElementById('img-lightbox');
|
|
if (!lb) return;
|
|
var src = opener.dataset.imgSrc;
|
|
var title = opener.dataset.imgTitle || '';
|
|
document.getElementById('img-lightbox-img').src = src;
|
|
document.getElementById('img-lightbox-img').alt = title;
|
|
document.getElementById('img-lightbox-title').textContent = title;
|
|
document.getElementById('img-lightbox-open').href = src;
|
|
lb.style.display = 'flex';
|
|
return;
|
|
}
|
|
// Close on close button, on backdrop click (not on image), and on Escape (below)
|
|
var closeBtn = e.target.closest && e.target.closest('#img-lightbox-close');
|
|
var lb2 = document.getElementById('img-lightbox');
|
|
if (!lb2 || lb2.style.display !== 'flex') return;
|
|
if (closeBtn || e.target === lb2) {
|
|
lb2.style.display = 'none';
|
|
document.getElementById('img-lightbox-img').src = '';
|
|
}
|
|
});
|
|
document.addEventListener('keydown', function(e) {
|
|
if (e.key === 'Escape') {
|
|
var lb = document.getElementById('img-lightbox');
|
|
if (lb && lb.style.display === 'flex') {
|
|
lb.style.display = 'none';
|
|
document.getElementById('img-lightbox-img').src = '';
|
|
}
|
|
}
|
|
});
|
|
}
|