On any appointment photo (Before / During / After / Parts), hover the thumbnail and click the pencil icon. A full-screen drawing canvas opens — draw on top of the photo, then save. Your strokes show on the customer's portal photo gallery + on quote PDFs alongside the original photo.
What's there
- 5 color presets — red, amber, emerald, blue, black.
- 3 stroke widths — thin / medium / thick.
- Undo (one-step) and Clear all.
- ⌘ Z (or Ctrl Z) keyboard shortcut for undo.
- Esc to close without saving.
How it's stored
We don't rasterize over your photo. The original photo stays untouched; your strokes are stored as path data and rendered as a vector overlay every time the photo displays. Means: annotations are crisp at any zoom level, removable later, and don't bloat your storage with duplicate images.
Where annotated photos appear
- /portal/tech/[id] — your appointment detail (where you draw them).
- /me/[token] — customer's portal page (Service history → photo gallery).
- /i/[token] invoice page — included for paid invoices.
- Quote PDFs that include photos — same overlay.
Annotate visual stuff — 'see this corrosion,' 'leak is HERE,' 'broken in this spot.' Caption verbal stuff — 'replaced 6/2024,' 'manufacturer recall affected,' 'check next visit.' Both work together; one doesn't replace the other.
Click Save before closing. If you Cancel or hit Esc, your strokes are dropped. There's no draft state — that keeps the data model clean.