Support filtering by future days/times

[jimthoburn]

We currently have an option to filter the search result by what’s “open now”.
https://foodoasis.la/filters/?open=1

Let’s allow users to choose a day and time in the future, so they can plan a trip to a healthy food location.

A simple way to start might be to add two <select> elements–one with the days of the week (Monday–Sunday), and another with the hours of the day (midnight–11am and noon–11pm).

Here’s a script for the “open now“ feature that we have now…
https://github.com/foodoasisla/site/blob/master/assets/js/helpers.js#L99-L135

Bonus Points: Highlight today’s date in the list of hours for each location, and show a special notice if a location is opening soon, closing soon, or has already closed.

[amandamcg]

Oops, opened a dupe again! https://github.com/foodoasisla/site/issues/113

[SushiCats]

Different options for filtering:

[SushiCats]

First option (buttons all in one line)

Open Times:

• All day button: Pushing this selects morning, afternoon, and evening buttons. Pushing again deselects all.
• Morning, Afternoon, and Evening Buttons: Can select as many as you like. Pushing again deselects individual button.

---

Open Days:

• Any day button: Pushing this selects all days of the week. Pushing again deselects all.
• Individual day buttons: Can select as many as you like. Pushing again deselects individual button.
• NOTE FOR JIM: Can we make the days expand into full text on desktop? Make it responsive?

---

---

[SushiCats]

Second option (Wrapped buttons)

Open Times:

• All day button: Pushing this selects morning, afternoon, and evening buttons. Pushing again deselects all.
• Morning, Afternoon, and Evening Buttons: Can select as many as you like. Pushing again deselects individual button.

---

Open Days:

• Any day button: Pushing this selects all days of the week. Pushing again deselects all.
• Individual day buttons: Can select as many as you like. Pushing again deselects individual button.

---

---

[SushiCats]

Third option (slider for open times)

Open Times:

• All day button: Pushing this selects the entire slider. Pushing again deselects all.
• Range slider: A slider where you can define the range of open times that you want to select. There are two points to define the lower bound and the upper bound of the range.

---

Open Days:

• Any day button: Pushing this selects all days of the week. Pushing again deselects all.
• Individual day buttons: Can select as many as you like. Pushing again deselects individual button.

---

---

[jimthoburn]

@kimhjona got a first version of this working…
https://foodoasis.la/filters/

It supports filtering by a time in the future.

Way to go, Jon!