rowsandall/rowers/templates/cum_flex.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>Stroke Analysis</h1>
</div>

<div class="grid_12 alpha">
  <div id="form" class="grid_6 alpha">
    <p>Warning: Large date ranges may take a long time to load. Huge date ranges may crash your browser.</p>
    <form enctype="multipart/form-data" action="{{ formloc }}" method="post">
      {% csrf_token %}
      <div class="grid_2 alpha">
        <table>
          {{ optionsform.as_table }}
        </table>
      </div>
      <div class="grid_2 suffix_2 omega">
        <input type="hidden" name="options" value="options">
        <input class="grid_1 alpha button green small" value="Submit" type="Submit">
      </div>
    </form>
  </div>
  <div 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>


<div id="summary" class="grid_6 suffix_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">
        {% for key, value in axchoicesbasic.items %}
        {% if key != 'None' %}
        <a class="button blue small alpha" href="/rowers/flexall/{{ key }}/{{ yparam1 }}/{{ yparam2 }}/{{ startdate|date:"Y-m-d" }}/{{ enddate|date:"Y-m-d"}}">{{ value }}</a>
        {% endif %}
        {% endfor %}
	{% if promember %}
        {% for key, value in axchoicespro.items %}
	<a class="button blue small alpha" href="/rowers/flexall/{{ key }}/{{ yparam1 }}/{{ yparam2 }}/{{ startdate|date:"Y-m-d" }}/{{ enddate|date:"Y-m-d"}}">{{ value }}</a>
        {% endfor %}
	{% else %}
        {% for key, value in axchoicespro.items %}
	<a class="button rosy small" href="/rowers/promembership">{{ value }}</a>
        {% endfor %}
	{% endif %}
      </div>
    </div>
		
    <div class="grid_2 dropdown">
      <button class="grid_2 alpha button blue small dropbtn">Left</button>
      <div class="dropdown-content">
        {% for key, value in axchoicesbasic.items %}
        {% if key not in noylist and key != 'None' %}
	<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ key }}/{{ yparam2 }}/{{ startdate|date:"Y-m-d"}}/{{ enddate|date:"Y-m-d"}}">{{ value }}</a>
        {% endif %}
        {% endfor %}
	{% if promember %}
        {% for key, value in axchoicespro.items %}
        {% if key not in noylist %}
	<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ key }}/{{ yparam2 }}/{{ startdate|date:"Y-m-d"}}/{{ enddate|date:"Y-m-d"}}">{{ value }}</a>
        {% endif %}
        {% endfor %}
	{% else %}
        {% for key, value in axchoicespro.items %}
        {% if key not in noylist %}
	<a class="button rosy small" href="/rowers/promembership">{{ value }} (Pro)</a>
        {% endif %}
        {% endfor %}
	{% endif %}

      </div>
    </div>

    <div class="grid_2 dropdown omega">
      <button class="grid_2 alpha button blue small dropbtn">Right</button>
      <div class="dropdown-content">
        {% for key, value in axchoicesbasic.items %}
        {% if key not in noylist %}
	<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ yparam1 }}/{{ key }}/{{ startdate|date:"Y-m-d" }}/{{ enddate|date:"Y-m-d"}}">{{ value }}</a>
        {% endif %}
        {% endfor %}
	{% if promember %}
        {% for key, value in axchoicespro.items %}
        {% if key not in noylist %}
	<a class="button blue small" href="/rowers/flexall/{{ xparam }}/{{ yparam1 }}/{{ key }}/{{ startdate|date:"Y-m-d" }}/{{ enddate|date:"Y-m-d"}}">{{ value }}</a>
        {% endif %}
        {% endfor %}
	{% else %}
        {% for key, value in axchoicespro.items %}
        {% if key not in noylist %}
	<a class="button rosy small" href="/rowers/promembership">{{ value }} (Pro)</a>
        {% endif %}
        {% endfor %}
	{% endif %}


      </div>
    </div>

  </div>








<div id="graph" class="grid_12 alpha">

    {{ the_div|safe }}
    
</div>

{% endblock %}