Screen 2 of 27 · Grounds
Grounds › Plots
/app/plots PlotsIndex.vue
Plots
Every row is a private inventory record for this cemetery. Search, filter and paging run server-side.
Search name or plot code…1
Section: All (3)2
Status: All (4)
25 / page
✕ Section B✕ Status: occupied2 filters active · 118 of 612 shown3
| Plot | Type | Latest burial | Status | Notes |
|---|---|---|---|---|
| A-09 | Grave | Eleanor Walsh | Occupied | Marker reset 2024 |
| A-10 | Grave | — | Available | — |
| B-01 | Grave | — | Reserved | Family holds until spring |
| W-3-N | Niche | — | Available | Columbarium, row 3 north |
‹ PreviousRows 1–25 of 118Next ›
Annotations
- Server-side search, filter, pagination — 25 / 50 / 100 per page. A cemetery with thousands of plots never ships its whole inventory to the browser.
- Section and status dropdowns show counts in their labels, so filtering is always an informed choice.
- Active filter tags are dismissible and paired with a result count — a user can always see what is being hidden from them.
- Status is always word + colour dot. Never colour alone; the dot is reinforcement, the word is the signal.
- Empty state (not drawn): “No plots match” with a “Clear filters” action — a dead-end list is a defect.