diff --git a/rowers/forms.py b/rowers/forms.py index e0a76193..5501e224 100644 --- a/rowers/forms.py +++ b/rowers/forms.py @@ -151,8 +151,8 @@ class InstantPlanSelectForm(forms.Form): # Instroke Metrics interactive chart form class InstrokeForm(forms.Form): metric = forms.ChoiceField(label='metric',choices=(('a','a'),('b','b'))) - spm_min = forms.IntegerField(initial=15,label='SPM Min') - spm_max = forms.IntegerField(initial=45,label='SPM Max') + spm_min = forms.IntegerField(initial=15,label='SPM Min',widget=HiddenInput) + spm_max = forms.IntegerField(initial=45,label='SPM Max',widget=HiddenInput) def __init__(self, *args, **kwargs): # pragma: no cover choices = kwargs.pop('choices', []) diff --git a/rowers/templates/instroke_interactive.html b/rowers/templates/instroke_interactive.html index fc5ce530..a700ad55 100644 --- a/rowers/templates/instroke_interactive.html +++ b/rowers/templates/instroke_interactive.html @@ -60,10 +60,13 @@ $( function() { range: true, min: 0, max: 60, - values: [ 15, 45 ], + values: [ {{ spm_min }}, {{ spm_max }} ], slide: function( event, ui ) { $( "#id_spm_min" ).val( ui.values[ 0 ]); $( "#id_spm_max" ).val(ui.values[ 1 ] ); + $( "#spm_min_info" ).text( ui.values[ 0 ]); + $( "#spm_max_info" ).text(ui.values[ 1 ] ); + } }); @@ -101,7 +104,10 @@ $( function() { {{ form.as_table }}
- Stroke Rate Slider + SPM (slide to change): + {{ spm_min }} +  -  + {{ spm_max }}
diff --git a/rowers/views/workoutviews.py b/rowers/views/workoutviews.py index cc3964a8..0d5b4309 100644 --- a/rowers/views/workoutviews.py +++ b/rowers/views/workoutviews.py @@ -2987,6 +2987,8 @@ def instroke_chart_interactive(request, id=0): 'form':form, 'the_script': script, 'the_div': div, + 'spm_min': spm_min, + 'spm_max': spm_max, })