TheCacophonyProject / cacophony-web-old

Legacy web interface for cacophony-api
GNU Affero General Public License v3.0
2 stars 3 forks source link

Add multirange slider for duration #78

Closed arthurmcgregor closed 6 years ago

arthurmcgregor commented 6 years ago

I'm starting to look at how to improve the query interface on the get_recordings page as @mjs suggested.

This PR adds a multi-range slider for duration. Basically it allows you to set the longer than / shorter than conditions in a more visual and intuitive way. It updates rapidly without requiring add / remove button clicks.

The only issue was the range of the slider. If I set the max to 600 s (which seems to be highest on any recording) then it is very difficult to fine tune a more precise range say 10 to 20 seconds. So my workaround was to initially set the range from 0 to 100s, and add a >> button that would extend the range by 100s. I'm not sure how intuitive that is though.

I'm also not sure how easy this will be on mobile. However, perhaps if the interface was rearranged to allow more width for the slider (remove or shift some of the other buttons) then it would work OK.

I don't think this PR should be merged yet - just want some feedback.

arthurmcgregor commented 6 years ago

Have made further changes - this PR no longer relevant