search

acteng / atip

Active Travel Infrastructure Platform
https://acteng.github.io/atip/
Apache License 2.0
22 stars 4 forks source link

Add some dropdown filters to the scheme browsing page #266

Closed dabreegster closed 1 year ago

dabreegster commented 1 year ago

Inspired by yesterday, this is a small improvement to the scheme browse page. Beside free-text filtering, also filter by two particular fields in the input data:

https://github.com/acteng/atip/assets/1664407/a0c16b66-a3dd-4a41-9479-e53eeb69fc3f

My goal is to flesh out a few more improvements to this page ahead of next week's meetings, so we can explore more possible directions to take this.

To try it out, https://acteng.github.io/atip/browse_dropdown_filters/browse.html and load magicfoo.geojson (from emails/Sharepoint). Motivation to make progress on auth soon :)

dabreegster commented 1 year ago

I rebased against the govuk change and switched to https://design-system.service.gov.uk/components/select/. Because the 3 filter controls take up more space now (the govuk style seems to be to have a label and text input field on separate lines), I grouped the filter controls into a collapsible card. PTAL @Pete-Y-CS