149 lines
3.9 KiB
HTML
149 lines
3.9 KiB
HTML
{% extends "newbase.html" %}
|
|
{% load staticfiles %}
|
|
{% load rowerfilters %}
|
|
|
|
{% block title %}Workouts{% endblock %}
|
|
|
|
{% block main %}
|
|
<script>
|
|
function toggle(source) {
|
|
checkboxes = document.querySelectorAll("input[name='workouts']");
|
|
for(var i=0, n=checkboxes.length;i<n;i++) {
|
|
checkboxes[i].checked = source.checked;
|
|
}
|
|
}
|
|
</script>
|
|
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
|
|
<script>
|
|
$(function() {
|
|
|
|
// Get the form fields and hidden div
|
|
var modality = $("#id_modality");
|
|
var hidden = $("#id_waterboattype");
|
|
|
|
|
|
// Hide the fields.
|
|
// Use JS to do this in case the user doesn't have JS
|
|
// enabled.
|
|
|
|
hidden.hide();
|
|
|
|
|
|
|
|
// Setup an event listener for when the state of the
|
|
// checkbox changes.
|
|
modality.change(function() {
|
|
// Check to see if the checkbox is checked.
|
|
// If it is, show the fields and populate the input.
|
|
// If not, hide the fields.
|
|
var Value = modality.val();
|
|
if (Value=='water') {
|
|
// Show the hidden fields.
|
|
hidden.show();
|
|
} else {
|
|
// Make sure that the hidden fields are indeed
|
|
// hidden.
|
|
hidden.hide();
|
|
|
|
// You may also want to clear the value of the
|
|
// hidden fields here. Just in case somebody
|
|
// shows the fields, enters data to them and then
|
|
// unticks the checkbox.
|
|
//
|
|
// This would do the job:
|
|
//
|
|
// $("#hidden_field").val("");
|
|
}
|
|
});
|
|
|
|
|
|
});
|
|
</script>
|
|
|
|
|
|
{% if theuser %}
|
|
<h1>Select {{ theuser.first_name }}'s Workouts for BoxPlot</h1>
|
|
{% else %}
|
|
<h1>Select {{ user.first_name }}'s Workouts for BoxPlot</h1>
|
|
{% endif %}
|
|
|
|
|
|
<ul class="main-content">
|
|
|
|
<li class="grid_2 maxheight">
|
|
<form enctype="multipart/form-data" action="/rowers/user-boxplot/{{ theuser.id }}" method="post">
|
|
|
|
{% if workouts %}
|
|
|
|
<input type="checkbox" onClick="toggle(this)" /> Toggle All<br/>
|
|
<table width="100%" class="listtable">
|
|
{{ form.as_table }}
|
|
</table>
|
|
{% else %}
|
|
<p> No workouts found </p>
|
|
{% endif %}
|
|
</li>
|
|
<li class="grid_2">
|
|
<p>Select two or more workouts, set your plot settings below,
|
|
and press submit
|
|
</p>
|
|
{% csrf_token %}
|
|
<table>
|
|
{{ chartform.as_table }}
|
|
</table>
|
|
<p>
|
|
<input name='workoutselectform' class="button green" type="submit" value="Submit">
|
|
</p>
|
|
</form>
|
|
</li>
|
|
<li class="grid_2">
|
|
{% if theuser %}
|
|
<form enctype="multipart/form-data" action="/rowers/user-boxplot-select/user/{{ theuser.id }}/" method="post">
|
|
{% else %}
|
|
<form enctype="multipart/form-data" action="/rowers/user-boxplot-select/" method="post">
|
|
{% endif %}
|
|
<table>
|
|
{{ dateform.as_table }}
|
|
</table>
|
|
{% csrf_token %}
|
|
<input name='daterange' class="button green" type="submit" value="Submit">
|
|
</form>
|
|
</li>
|
|
<li class="grid_2">
|
|
{% if theuser %}
|
|
<form enctype="multipart/form-data" action="/rowers/user-boxplot-select/user/{{ theuser.id }}/" method="post">
|
|
{% else %}
|
|
<form enctype="multipart/form-data" action="/rowers/user-boxplot-select/" method="post">
|
|
{% endif %}
|
|
<table>
|
|
{{ optionsform.as_table }}
|
|
</table>
|
|
{% csrf_token %}
|
|
<input name='optionsform' class="button green" type="submit" value="Submit">
|
|
</form>
|
|
</li>
|
|
<li class="grid_2">
|
|
<form id="searchform" action=""
|
|
method="get" accept-charset="utf-8">
|
|
<input class="searchfield" id="searchbox" name="q" type="text" placeholder="Search">
|
|
<button class="button blue small" type="submit">
|
|
Search
|
|
</button>
|
|
</form>
|
|
</li>
|
|
<li>
|
|
<p>You can use the date and search forms above to search through all
|
|
workouts from this team.</p>
|
|
<p>TIP: Agree with your team members to put tags (e.g. '8x500m') in the notes section of
|
|
your workouts. That makes it easy to search.</p>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
{% endblock %}
|
|
|
|
{% block sidebar %}
|
|
{% include 'menu_analytics.html' %}
|
|
{% endblock %}
|