admin.example · Customers

Customers

Every customer and their vehicles. Search by name, phone or plate.

Loading…

No customers yet.A customer shows here after they sign in, or after you book an appointment for a caller.
New appointment for a caller

Alex Morgan(555) 010-04562 vehicles Chris Dunn(555) 010-02751 vehicle Dana Whitfield(555) 010-07311 vehicle Jordan Lee(555) 010-01871 vehicle Luis Ortega(555) 010-08941 vehicle Maria Gomez(555) 010-09141 vehicle Priya Shah(555) 010-06181 vehicle Rosa Nguyen(555) 010-05621 vehicle Sam Rivera(555) 010-03421 vehicle Tom Becker(555) 010-05291 vehicle

Alex Morgan(555) 010-0456Plate XYZ-5678 · 2021 Ford F-150

1 customer matches.

No customers match.Check the spelling, or try a phone number or plate.
Clear search

Choose a customer.Their vehicles and each vehicle’s service history show here.

Alex Morgan

(555) 010-0456

2018 Honda Civic

Plate ABC-1234 · TX

Last reading: 64,310 miles on October 14, 2026.

Service history

DayServiceOdometerStatus

Fri, Nov 20, 2026Afternoon 12–2pmSuspension & Brake Services–BookedOpen

Thu, Nov 12, 2026Morning 8–10amOil Change–BookedOpen

Wed, Oct 14, 2026Afternoon 12–2pmOil Change64,310CompletedOpen

Wed, Aug 12, 2026Morning 8–10amElectrical Diagnostics & Repairs–No-showOpen

2021 Ford F-150

Plate XYZ-5678 · TX

Last reading: 38,420 miles on July 22, 2026.

Service history

DayServiceOdometerStatus

Mon, Nov 9, 2026Morning 8–10amEngine Tune-Ups–In progressOpen

Thu, Sep 3, 2026Morning 8–10amA/C Services–CancelledOpen

Wed, Jul 22, 2026Afternoon 12–2pmSuspension & Brake Services38,420CompletedOpen

Tue, May 5, 2026Morning 8–10amOil Change36,150CompletedOpen

Rosa Nguyen

(555) 010-0562

2020 Toyota RAV4

Plate MNB-7741 · TX

Service history

No appointments yet for this vehicle.

Alex Morgan

(555) 010-0456

Loading…

Alex Morgan

(555) 010-0456

Admin: Customers

Spec: Admin panel, Customers and vehicles. Task: WB-11 row 2. A list of customers on the left, the chosen customer on the right: name, phone, each vehicle and that vehicle’s service history. Sample customers match the other admin screens; Rosa Nguyen (no appointments yet) is new to this screen. Customers are sorted by name, A to Z.

States

State	What shows
Normal	Search box, the list (name, phone, number of vehicles), and “Choose a customer.” “Their vehicles and each vehicle’s service history show here.” on the right.
Search	Search “xyz” (a plate): one row, with “Plate XYZ-5678 · 2021 Ford F-150” in place of the vehicle count, and “1 customer matches.” Search matches a name, a phone number (any format) or a plate, from the first characters or any part; ? see below.
No match	“No customers match.” “Check the spelling, or try a phone number or plate.” and Clear search.
Customer	Alex Morgan chosen (gold edge, `aria-current`). Her phone (a call link), then a card per vehicle: year make model, plate and state, last odometer reading, and Service history, one row per appointment, newest first: day with its window, service, odometer, status, Open (the appointment screen). Every appointment of the vehicle is listed, including Cancelled and No-show, upcoming ones too; the rows are the same as My appointments in the customer app. The last reading is the latest Completed one. An appointment with no reading yet shows “–”.
No history	Rosa Nguyen chosen; her vehicle shows “No appointments yet for this vehicle.”
History loading	Customer name and phone show; the history is “Loading…” and grey rows.
History failed	Banner in the right side only: “We couldn’t load the service history.” with Try again; the list on the left still works.
Empty	“No customers yet.” “A customer shows here after they sign in, or after you book an appointment for a caller.” and New appointment for a caller (opens `admin-new-appointment.html`).
Loading	“Loading…” and grey rows.
Failure	Banner “We couldn’t load this page.” with Try again.

Controls in this task

Search box, a customer row, the phone link, Open on a history row, Clear search, New appointment for a caller (empty state only), Try again.
The search box is drawn, not working; the States bar shows its results.

?

? Editing a customer’s name or a vehicle’s details, and deleting a customer: not in the spec; not drawn. Waits on the client.
? How the search matches (whole word, part of a word, a phone typed with or without dashes) and whether it runs as you type or on Enter. Waits on the build.
? A customer who deleted their account (their vehicles say “the shop keeps its service history”): how they show here. Waits on the client.
? Paging or scrolling for a long list, and how many customers a shop has. Not drawn; the list scrolls.
? Appointments has its own search by name, phone or plate; the client may want one search (WB-10 note).
? Tablet width: drawn at desktop width only.