Jarvis/jarvis/people/templates/gymnasts/report_choices.html

97 lines
4.3 KiB
HTML

{% extends "base.html" %}
{% block page_title %}{{ gymnast.first_name }} {{ gymnast.last_name }}{% endblock %}
{% block content %}
<div class="card mb-0">
<div class="card-header">
<h3 class="mb-0"><a href="{% url 'gymnast_details' gymnast.id %}">{{ gymnast }}</a></h3>
</div>
<div class="card-body">
<form class="form-horizontal" id="form" name="form">
<div class="form-group row">
<label for="select_season" class="col-7 col-sm-4 col-md-5 col-lg-5 col-xl-5 col-form-label">Generate week report for</label>
<div class="col-7 col-sm-4 col-md-2 col-lg-2 col-xl-2">
<select id="select_season" class="selectpicker">
{% for season in season_list %}
<option value="{{ season }}" {% if selected_season|stringformat:"s" == season %}selected{% endif %}>{{ season }}</option>
{% endfor %}
</select>
</div>
<label id="week_management" for="select_week_number" class="col-md-1 col-form-label">week</label>
<div class="col-4 col-sm-4 col-md-2 col-lg-2 col-xl-2">
<select id="select_week_number" class="selectpicker">
<option value="">---</option>
{% for week_number in week_number_list %}
<option value="{{ week_number }}">{{ week_number }}</option>
{% endfor %}
</select>
</div>
<div class="col-5 col-sm-5 col-md-2 col-lg-2 col-xl-2">
<span id="span_button_generate">
<a href="" id="pdf_link">
<button type="button" class="btn btn-icon btn-warning mt-0">
<i class="far fa-download"></i>
</button>
</a>
</span>
</div>
</div>
<div class="form-group row">
<label for="" class="col-7 col-sm-5 col-md-6 col-lg-6 col-xl-6 col-form-label">
Generate timeline
<a href="{% url 'gymnast_timeline_export' gymnast.id %}">
<button type="button" class="btn btn-icon btn-warning mt-0">
<i class="far fa-download"></i>
</button>
</a>
</label>
</div>
</form>
</div>
</div>
</div>
{% endblock %}
{% block footerscript %}
<script type="text/javascript">
$('#span_button_generate').hide();
$('#select_season').change(function(){
var tmp_url = "{% url 'get_distinct_week_number_for_season_and_gymnast' gymnast.id '_season_label_' %}";
var season_label = $(this).children("option:selected").val();
target_url = tmp_url.replace('_season_label_', season_label);
$.getJSON(target_url, function(data) {
if (!$.trim(data))
$('#week_management').hide();
else
$('#week_management').show();
$("#select_week_number option").remove(); // Remove all <option> child tags.
$.each(data, function(key, value) { // Iterates through a collection
$("#select_week_number").append( // Append an object to the inside of the select box
$("<option></option>").text(value).val(value)
);
});
});
});
$('#select_week_number').change(function(){
if ($('#select_week_number').val() != "") {
var tmp_url = "{% url 'gymnast_report_export_for_week_number' gymnast.id '_season_label_' 9999 %}";
var season_label = $('#select_season').children("option:selected").val();
var week_number = $('#select_week_number').children("option:selected").val();
target_url = tmp_url.replace('_season_label_', season_label).replace('9999', week_number);
$('#pdf_link').attr('href', target_url);
$('#span_button_generate').show();
} else
$('#span_button_generate').hide();
});
</script>
{% endblock %}