The Job Detail Modal is the central hub for viewing, editing, and managing individual jobs. It provides a comprehensive view of all job information in a slide-out drawer format, allowing you to quickly access and modify job details without navigating away from your current view.
Accessing the Job Detail Modal
You can open the Job Detail Modal by:
Clicking on any job card in the Calendar ViewClicking "View Details" on a job in the Dispatch ViewClicking a job marker on the Map ViewClicking a job row in Advanced Search resultsModal Layout
Header Section (Sticky)
The header remains visible as you scroll and contains:
Job Number: The unique identifier (e.g., DEL-0542, SVC-0321)Status Badge: Current job status with color codingIndefinite Badge: Amber badge displayed if job contains indefinite rental itemsAction Buttons: - Edit button to enter editing mode
- Create Another button (if enabled)
- Close button (X)
Action Bar
Located below the header, this bar displays:
Priority Toggle: Shows if job is marked as priority (read-only in view mode)Progress Buttons: - Start Job / Complete Job (green gradient button)
- Reverse button (to roll back status)
- Cancel Job (red outline button)
Content Sections
The scrollable content area is organized into cards:
1. Schedule Card
Scheduled date and timeJob typeIndefinite rental indicatorsRental period/duration2. Assignment Card
Assigned driverAssigned vehicle3. Location Card
Service addressInteractive map with location pinGPS coordinates (if available)4. Customer Information Card
Customer nameEmail addressPhone number5. Delivery Fee Card
Current delivery fee amount6. Special Instructions Card
Driver-specific instructions7. Lock Options Card
Locks requested statusNumber of locksLock details/notesZip-tie on drop-off setting8. Notes Card
General job notes9. Consumables Card
List of consumables used (view mode only)Individual item costs and totals10. Cancellation Details Card (only for cancelled jobs)
Cancellation reasonCancellation timestampTips
The modal uses a drawer design that slides in from the right on desktop and from the bottom on mobileAll content is scrollable while the header and action buttons remain fixedChanges are saved immediately when you click Save in edit mode