Implement javascript handlers for UI interactions

[patrickjfl]

Changes in this PR

Implements JS handlers for the location selection menu, pollutant selection menu, and toggling guidance for predictions. Trello ticket: https://trello.com/c/1IWw81ee/83-implement-js-handlers-for-ui-interactions

Screenshots of UI changes

Before

After

Next steps

• Run any necessary
  accessibility testing
  on this feature.

[patrickjfl]

Implement JS handlers for UI interactions

[edavey]

Nicely done. Just a few small questions (see screenshots):

1. should we go a bit further with the "selection-made" event handler? to close the drop down and display the selected option?
2. are we planning to retain the blue "checks" or "ticks" in the zone selector? Perhaps they are most useful for a multi-select list, which is not the case here? So perhaps we could just lose the ticks?
3. the control for expanding / collapsing the prediction details ought to be right aligned I think?

[patrickjfl]

Nicely done. Just a few small questions (see screenshots):

1. should we go a bit further with the "selection-made" event handler? to close the drop down and display the selected option?

2. are we planning to retain the blue "checks" or "ticks" in the zone selector? Perhaps they are most useful for a multi-select list, which is not the case here? So perhaps we could just lose the ticks?

3. the control for expanding / collapsing the prediction details ought to be right aligned I think?

good points, all actioned i believe :)