162 lines
6.8 KiB
HTML
162 lines
6.8 KiB
HTML
{% extends "base.html" %}
|
|
{% load staticfiles %}
|
|
{% load rowerfilters %}
|
|
|
|
{% block title %}View Workout {% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
{{ js_res | safe }}
|
|
{{ css_res| safe }}
|
|
|
|
<script type="text/javascript" src="/static/js/bokeh-0.12.3.min.js"></script>
|
|
<script type="text/javascript" src="/static/js/bokeh-widgets-0.12.3.min.js"></script>
|
|
<script async="true" type="text/javascript">
|
|
Bokeh.set_log_level("info");
|
|
</script>
|
|
|
|
{{ interactiveplot |safe }}
|
|
|
|
<style>
|
|
/* Need this to get the page in "desktop mode"; not having an infinite height.*/
|
|
html, body {height: 100%; margin:5px;}
|
|
</style>
|
|
|
|
|
|
<div id="title" class="grid_12 alpha">
|
|
<h1>Indoor Rower Stroke Analysis</h1>
|
|
</div>
|
|
|
|
<div id="summary" class="grid_6 alpha">
|
|
|
|
|
|
|
|
<p>Summary for {{ theuser.first_name }} {{ theuser.last_name }}
|
|
between {{ startdate|date }} and {{ enddate|date }}</p>
|
|
|
|
|
|
<div id="plotbuttons" class="grid_6 alpha">
|
|
<div class="grid_2 alpha dropdown">
|
|
<button class="grid_2 alpha button blue small dropbtn">X-axis</button>
|
|
<div class="dropdown-content">
|
|
<a class="button blue small alpha" href="/rowers/flexall/time/{{ yparam1 }}/{{ yparam2 }}">Time</a>
|
|
<a class="button blue small alpha" href="/rowers/flexall/distance/{{ yparam1 }}/{{ yparam2 }}">Distance</a>
|
|
{% if promember %}
|
|
<a class="button blue small alpha" href="/rowers/flexall/power/{{ yparam1 }}/{{ yparam2 }}">Power</a>
|
|
<a class="button blue small alpha" href="/rowers/flexall/hr/{{ yparam1 }}/{{ yparam2 }}">HR</a>
|
|
<a class="button blue small alpha" href="/rowers/flexall/spm/{{ yparam1 }}/{{ yparam2 }}">SPM</a>
|
|
<a class="button blue small alpha" href="/rowers/flexall/peakforce/{{ yparam1 }}/{{ yparam2 }}">Peak Force</a>
|
|
<a class="button blue small alpha" href="/rowers/flexall/averageforce/{{ yparam1 }}/{{ yparam2 }}">Average Force</a>
|
|
<a class="button blue small alpha" href="/rowers/flexall/drivelength/{{ yparam1 }}/{{ yparam2 }}">Drive Length</a>
|
|
<a class="button blue small alpha" href="/rowers/flexall/driveenergy/{{ yparam1 }}/{{ yparam2 }}">Work per Stroke</a>
|
|
<a class="button blue small alpha" href="/rowers/flexall/drivespeed/{{ yparam1 }}/{{ yparam2 }}">Drive Speed</a>
|
|
{% else %}
|
|
<a class="button rosy small" href="/rowers/promembership">Power (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">HR (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">SPM (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Peak Force (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Average Force (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Drive Length (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Work per Stroke (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Drive Speed (Pro)</a>
|
|
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid_2 dropdown">
|
|
<button class="grid_2 alpha button blue small dropbtn">Left</button>
|
|
<div class="dropdown-content">
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/pace/{{ yparam2 }}">Pace</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/hr/{{ yparam2 }}">HR</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/spm/{{ yparam2 }}">SPM</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/power/{{ yparam2 }}">Power</a>
|
|
{% if promember %}
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/peakforce/{{ yparam2 }}">Peak Force</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/averageforce/{{ yparam2 }}">Average Force</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/drivelength/{{ yparam2 }}">Drive Length</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/driveenergy/{{ yparam2 }}">Work per Stroke</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/drivespeed/{{ yparam2 }}">Drive Speed</a>
|
|
{% else %}
|
|
<a class="button rosy small" href="/rowers/promembership">Peak Force (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Average Force (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Drive Length (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Work per Stroke (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Drive Speed (Pro)</a>
|
|
{% endif %}
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid_2 dropdown omega">
|
|
<button class="grid_2 alpha button blue small dropbtn">Right</button>
|
|
<div class="dropdown-content">
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ yparam1 }}/hr">HR</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ yparam1 }}/spm">SPM</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ yparam1 }}/power">Power</a>
|
|
{% if promember %}
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ yparam1 }}/peakforce">Peak Force</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ yparam1 }}/averageforce">Average Force</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ yparam1 }}/drivelength">Drive Length</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ yparam1 }}/driveenergy">Work per Stroke</a>
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ yparam1 }}/drivespeed">Drive Speed</a>
|
|
{% else %}
|
|
<a class="button rosy small" href="/rowers/promembership">Peak Force (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Average Force (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Drive Length (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Work per Stroke (Pro)</a>
|
|
<a class="button rosy small" href="/rowers/promembership">Drive Speed (Pro)</a>
|
|
{% endif %}
|
|
|
|
<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ yparam1 }}/None">None</a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="grid_6 alpha">
|
|
<p> </p>
|
|
<p>Warning: Large date ranges may take a long time to load. Huge date ranges may crash your browser.</p>
|
|
</div>
|
|
</div>
|
|
<div id="form" class="grid_6 omega">
|
|
<p>Use this form to select a different date range:</p>
|
|
<p>
|
|
Select start and end date for a date range:
|
|
<div class="grid_4 alpha">
|
|
|
|
<form enctype="multipart/form-data" action="" method="post">
|
|
|
|
<table>
|
|
{{ form.as_table }}
|
|
</table>
|
|
{% csrf_token %}
|
|
</div>
|
|
<div class="grid_2 omega">
|
|
<input name='daterange' class="button green" type="submit" value="Submit"> </form>
|
|
</div>
|
|
<div class="grid_4 alpha">
|
|
<form enctype="multipart/form-data" action="" method="post">
|
|
Or use the last {{ deltaform }} days.
|
|
</div>
|
|
<div class="grid_2 omega">
|
|
{% csrf_token %}
|
|
<input name='datedelta' class="button green" type="submit" value="Submit">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="graph" class="grid_12 alpha">
|
|
|
|
{{ the_div|safe }}
|
|
|
|
</div>
|
|
|
|
{% endblock %} |