The entire real-time travel data section has a persistent search form allowing the user to narrow down the results on all pages in the section.
Search form anatomy
The search form has options to either select a road or a ferry route. Above the search is an option to view alerts on a map.
Responsive
On small screens, the button to go to the travel data map disappears when the form is open.
When the browser is at a small width, the form fields take up the full width. The clear button moves to the opposite side of the container to prevent accidental form clears.
Search by road/route
The user can select a road to see alerts on, and either see all alerts for the road, or select to see alerts between two locations.
The Road field is blank to start with, indicating that the user can select a specific road if desired.
When the user selects a road, they will be able to select from a list of towns in alphabetical order on that road.
Button row
Before the form is submitted there are Search and Clear buttons.
After the form is submitted there are Edit and Clear buttons.
The button row has a primary button to submit the search or edit the submitted search and a clear button to reset the form fields above.
Results
Once the search has been submitted, the form fields are replaced with text showing what the search is returning. There is a small label of "Viewing results for" with a large text line showing [road] from [start location] to [end location].
Specs
Viewing results for label font: same as H6
Road and locations font: same as H3. Entered text is bold.
Search results on each page
Travel alerts
When no search has been submitted, the travel alert page starts with the most important travel alerts organized by alert level (high to low). The user can then filter down and/or sort the results.
Cameras
Cameras will populate along the route, and the user has the option to filter between specific kinds of cameras.
Truck restrictions
The user can filter results between type and direction. The filter will default to most recently updated first.
Mountain pass
If a mountain pass is included on the route selected, it will populate under the mountain pass report tab.
