Repair List Page
Repair List Page
The Repair List page is the central hub for viewing, filtering, and managing all repair records. It combines summary statistics, status breakdowns, and a filterable data table to give you a complete picture of your repair workload.
Statistics Cards
Four summary cards are displayed at the top of the page:
| Card | Primary Value | Secondary Detail |
|---|---|---|
| Open Repairs | Count of all non-terminal repairs (open_repairs) | Number marked as critical priority (critical_count) |
| In Progress | Repairs currently being worked on (in_progress) | Average completion percentage (avg_completion_percentage) |
| Overdue | Repairs past their deadline (overdue_count) | “Need attention” label |
| Completed This Month | Repairs finished in the current month (completed_this_month) | Percentage trend vs previous month (completion_trend) |
Status Breakdown Card
Below the statistics, a status breakdown card groups all active repairs by their current status. Each status is displayed as a colour-coded chip showing the count of repairs in that stage. Colours follow the RepairStatus enum: reported (warning), diagnosed (info), awaiting_approval (warning), awaiting_parts (warning), in_repair (primary), testing (info), completed (success), cancelled (error).
Search & Filters
- Search — Text search across repair number, equipment name, and problem description. Debounced at 500ms to prevent excessive queries.
- Status — Multi-select dropdown to filter by one or more of the 8 statuses
- Priority — Multi-select dropdown to filter by low, medium, high, critical, or emergency
- Overdue Only — Toggle switch to show only repairs past their deadline
Advanced Filters
Expand the collapsible “Advanced Filters” panel for additional criteria:
- Equipment — Autocomplete field to filter repairs for a specific equipment item
- Assigned To — Autocomplete field to filter by assigned technician
- Sort By — Choose from date created, priority, deadline, or total cost
Table Columns
| Column | Description |
|---|---|
| Repair # | Auto-generated repair number (e.g. RPR-2026-0042) |
| Equipment | Avatar thumbnail with equipment name and model |
| Problem | Truncated problem description text |
| Status | Colour-coded chip matching the RepairStatus colour |
| Priority | Colour-coded chip (grey/blue/orange/red/error) |
| Assigned To | User avatar and name, or “Unassigned” placeholder |
| Progress | Progress bar with percentage label (0–100%) |
| Due Date | Formatted date; shown in red with “Overdue” chip if past deadline |
| Actions | Three-dot menu with contextual options |
Row Styling
Overdue repairs — those where the deadline has passed and the status is neither completed nor cancelled — are highlighted with a light red background (error-lighten-5) to draw immediate attention.
Actions Menu
The three-dot menu on each row provides the following actions:
- View Details — Navigate to the full repair detail page
- Edit — Open the repair edit form
- Reassign — Change the assigned technician or vendor
- Delete — Soft-delete the repair record (requires confirmation)
Pagination
Results are paginated with up to 7 visible page numbers. Use the navigation controls at the bottom of the table to move between pages. The current page and total result count are always displayed.
Empty State
When no repairs match the current filters, a contextual empty-state message is shown with guidance on adjusting filters or creating a new repair.
Was this article helpful?