Modern Front-End Development for Rails

Using Data Values for Logic

Let’s go back to our schedule page. At the top of the page is a run of calendar dates and the Show All button. Earlier, in Chapter 3, ​Stimulus​, we added the CssController to make it so that these dates show and hide a red border to indicate which one is active. What we didn’t do at the time was wire that state up to allow those dates to act as a filter on the schedule display.

The functionality we want is as follows:

• If none of the date buttons are active, all dates are shown.

• If any of the date buttons are active, only the dates with active buttons are shown.

• The Show All button returns all buttons to the inactive state, making all dates visible.

Two factors make this feature slightly more difficult than the previous ...