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.
If there were no trips in the last 2 days display a sub card with the text - "No trips in the last 2 days"
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-> 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 (dotted icon for the start, location icon for the and).