Vehicles List
The Vehicles screen displays a list of vehicles and trailers in a tabular format. It allows the user to view, search, filter and manage vehicle-related records such as registration number, type, make, model, assigned drivers and associated convoys.
Purpose
- View and manage all registered vehicles and trailers.
- Assign drivers and convoys to specific vehicles.
- Add new vehicles to the system.
UI Elements & Layout
Tab Controls (Top-Left Section)

- Vehicles (active): Default tab, displays all vehicles.
- Indicator:
6 vehiclestag shows current count.
- Indicator:
- Services: Switches to services-related information.
Action Button (Top-Right Section)

- Create new vehicle
- Opens a form/modal to input new vehicle data.
Table Behaviors:
- Columns are sortable (indicated by up/down arrows).
- Actionable links:
- Create a convoy – Red text, triggers convoy assignment modal or workflow.
- Assign driver – Red text, opens driver assignment modal.
- Status tags:
- Convoy and vehicle types displayed as pill-shaped tags with outlined style.
- Some rows have colored key icons (context unknown, possibly fuel/tank/edit).
- Ellipsis (“…”) button per row (suggests dropdown with actions like Edit, Duplicate, Delete).

Tacho Module – Driver Activity View (With Assigned Driver & Data)
This screen represents the tachograph activity log for a vehicle with an assigned driver, offering a real-time view of driver behavior across a selected day. The purpose is to monitor and ensure legal compliance with working hours, optimize fleet scheduling and track idle or active driver periods.
Header Area (Identification Section)
- Module Title:
Tacho - Icon: Clock symbol representing time logging
- Vehicle:
NHL858(displayed as a blue badge)
Date & Filter Selection Panel
- Section Label:
Driver activity - Quick Filters:
Today(active)YesterdayThis weekThis month
- Custom Date Picker:
- Range:
2025-05-14 – 2025-05-14 - Includes a calendar icon for selection interface
- Range:
Activity Timeline (Visual Time Bar)
- Date Label:
05-14(left-side) - Time Axis:
- Range:
00:00to24:00 - Intervals: every 4 hours (
00:00,04:00,08:00, etc.)
- Range:
- Current Time Marker: Thin vertical red line labeled
10:30 - Activity Bar:
- Displays a green-striped horizontal bar spanning from
00:00 - Label shows:
45%inside the bar — likely representing a utilization or completion metric (e.g., 45% of time occupied) - Activity Type for the bar is not colored according to any of the three labeled statuses (driving/working/resting) — possibly a custom or unidentified status
- Displays a green-striped horizontal bar spanning from
Activity Summary Panel (Total Time Per Category)
- Total Section:
Driving: 0:00 (blue icon)Working: 0:00 (orange icon)Resting: 0:00 (green icon)
- Day Total Summary:
- Driving: 0:00
- Working: 0:00
- Resting: 0:00
This suggests that while the timeline has visible activity, the system hasn’t categorized any of the activity under the standard driving, working, or resting classifications.
Interpretations & Behavioral Assumptions
- Green Bar Activity:
- Since it doesn’t map to the predefined categories, it may represent either:
- “Availability” or “Unidentified” state
- Possible third-party data import awaiting classification
- Since it doesn’t map to the predefined categories, it may represent either:
- Current Time Line:
- Useful for tracking real-time compliance or highlighting the current moment during retrospective viewing
