Trips
when clicking on this Trip button an expand mode will appear on the right side of the screen - with the Same as the mobile app implementation.
Main:
...
"show trips" button behavior-
expand button will open
when click X or clicking on another card with the expand option the expand view will close or change according to the user selection and the button will return to the original white color
The trip's date will be defined by the start time of the trip.
Expand Mode (Same behavior at in the mobile app):
...
Refresh button - will show on the top right of the expend mode (shown in picture below) - when clicking on the refresh button - the information will be updated (run events report again and show the additional information.
...
A Trips card illustrates the trips made by a single vehicle. The trip card provides information on each trip, including distance, start and end times, and more. Using the trip card, you can monitor and track the activity of the vehicle during a specified period of time as well as investigate abnormal incidents detected in the dashboards or summary reports.
For a trip to be created, the following conditions must be met:
The time difference between the “start=on” and “stop=off” is at least 30 seconds, note that a trip is also added when the date changes even without an “off” state if more than 30 seconds have passed.
Main View
There is no main view of the trips card, but only a button that opens the expanded view.
...
Expanded View
In the expanded view of trips, a list of trips will be displayed.
If there have been no trips in the last two days, a sub card with the text - "No trips in the last 2 two days"
...
will appear.
Each trip will be presented in a different sub card. The sub-card will include (same as in the mobile implementation):
Title - The trip start time Address 1 - Trips-> and date
Entry Address
Address 2 - Trips-> Exit Address
Trip distance (Trips -> Total Distance), Trip duration (Trips-> Duration [Time])A map with the trip path. The user can zoom in and out in the map. The start address and end address will be signed with different icons
Trip duration
The route of the trip is shown on a map. Zooming in and out is possible on the map. In order to distinguish between the start address and the end address, different icons will be used (dotted icon for the start, location icon for the andend).
...
...