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)
EquipmentAvatar thumbnail with equipment name and model
ProblemTruncated problem description text
StatusColour-coded chip matching the RepairStatus colour
PriorityColour-coded chip (grey/blue/orange/red/error)
Assigned ToUser avatar and name, or “Unassigned” placeholder
ProgressProgress bar with percentage label (0–100%)
Due DateFormatted date; shown in red with “Overdue” chip if past deadline
ActionsThree-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?