Add workout pop-up for distance and time tiles

[NickOldfield]

Summary
Clicking the Distance or Timer tiles on the dashboard now opens a small popup that lets the user set a workout goal Users can set either:

• a distance goal (100m / 500m / 1K / 2K)
• a time goal (1 / 5 / 10 / 20 minutes)

When a goal is confirmed it’s sent to the server over WebSocket using the existing updateIntervalSettings command

Changes

app/client/workout-bar.js
Added the popup component

app/client/store/dashboardMetrics.js
Distance and Timer tiles now fire a workout-open event when clicked

app/client/index.js
Import workout-bar.js so the popup registers when the app loads

[JaapvanEkris]

Nick,

Thanks for the PR! Could you be tempted to add the Calories workout type as well? It is an addition in the 0.9.7 branch, and it uses calories as type and uses targetCalories. That would satisfy my desire for completeness 😃

[NickOldfield]

Nick,

Thanks for the PR! Could you be tempted to add the Calories workout type as well? It is an addition in the 0.9.7 branch, and it uses calories as type and uses targetCalories. That would satisfy my desire for completeness 😃

I've added that now. I've not updated it on my rower so can't test however I see no reason it wouldn't work. Thanks

[JaapvanEkris]

Nick,
Thanks for the PR! Could you be tempted to add the Calories workout type as well? It is an addition in the 0.9.7 branch, and it uses calories as type and uses targetCalories. That would satisfy my desire for completeness 😃

I've added that now. I've not updated it on my rower so can't test however I see no reason it wouldn't work. Thanks

I'll test it for you. So many thanks for this!