avi/Lumen
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

emergency: reframe layout as fallback-first — 'Can't reach event help?' card with Share above the 911 number, copy frames 911 as last resort

Browse source
This commit is contained in:
Lumen Stage1 2026-10-06 11:09:31 -05:00
commit 7e7e82daf0
2 changed files with 14 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/styles.css
View file

@ -661,14 +661,14 @@ html.dark .app-main__icon {
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 600; font-weight: 600;
} }
.emergency-alert { .emergency-fallback {
background: var(--emergency); background: var(--emergency);
border: 1px solid var(--emergency); border: 1px solid var(--emergency);
border-radius: var(--radius); border-radius: var(--radius);
color: var(--emergency-contrast); color: var(--emergency-contrast);
padding: 1rem; padding: 1rem;
} }
.emergency-alert h2 { .emergency-fallback h2 {
margin-top: 0; margin-top: 0;
} }
.emergency-service p { .emergency-service p {

18
src/ui/views/emergency/emergency.ts
View file

@ -130,12 +130,12 @@ export function createEmergencyView(
const procedures = detail?.procedures?.length ? detail.procedures : resolved.floor.procedures; const procedures = detail?.procedures?.length ? detail.procedures : resolved.floor.procedures;
const urgent = document.createElement("div"); const urgent = document.createElement("div");
urgent.className = "emergency-alert"; urgent.className = "emergency-fallback";
urgent.append(heading("emergency-call-heading", "Need immediate help?")); urgent.append(heading("emergency-call-heading", "Can't reach event help?"));
addService(urgent, "Emergency services", services.emergencyNumber, true);
urgent.append(text("p", "Tap to call. The number is also selectable for copying."));
section.append(urgent);
// Share first: the practical action (send your location + numbers to your
// group) belongs above the emergency-services number, which the procedures
// now frame as the fallback.
const shareBtn = document.createElement("button"); const shareBtn = document.createElement("button");
shareBtn.className = "emergency-share-btn"; shareBtn.className = "emergency-share-btn";
shareBtn.textContent = "Share emergency info"; shareBtn.textContent = "Share emergency info";
@ -153,7 +153,13 @@ export function createEmergencyView(
alert("Copied to clipboard: " + textToShare.slice(0, 80) + "..."); alert("Copied to clipboard: " + textToShare.slice(0, 80) + "...");
} }
}; };
section.append(shareBtn); urgent.append(shareBtn);
addService(urgent, "Emergency services", services.emergencyNumber, true);
urgent.append(
text("p", "Call only when event staff and first aid can't respond. Tap to call."),
);
section.append(urgent);
const contacts = document.createElement("section"); const contacts = document.createElement("section");
contacts.setAttribute("aria-labelledby", "emergency-services-heading"); contacts.setAttribute("aria-labelledby", "emergency-services-heading");