111 lines
3.6 KiB
HTML
111 lines
3.6 KiB
HTML
|
{% extends "listing.html" %}
|
|||
|
|
|||
|
{% block page_title %}.: Program :.{% endblock %}
|
|||
|
|
|||
|
{% block title %}Program{% endblock %}
|
|||
|
|
|||
|
{% block searchurl %}program{% endblock %}
|
|||
|
{% block addurl %}program{% endblock %}
|
|||
|
{% block search %}program{% endblock %}
|
|||
|
|
|||
|
{% block upper %}
|
|||
|
<select id="select_gymnast" class="form-control col-sm-3">
|
|||
|
{% if not gymnastid %}
|
|||
|
<option value="" selected disabled>Choose your gym…</option>
|
|||
|
{% endif %}
|
|||
|
|
|||
|
{% for gymnast in gymnast_list %}
|
|||
|
<option value="{{ gymnast.id }}">{{ gymnast }}</option>
|
|||
|
{% endfor %}
|
|||
|
</select>
|
|||
|
|
|||
|
<select id="select_date" class="form-control col-sm-3">
|
|||
|
<option value="" selected disabled>Choose the date…</option>
|
|||
|
|
|||
|
{% for date in date_list %}
|
|||
|
<option value="{{ date }}">{{ date | date:"d-m-Y" }}</option>
|
|||
|
{% endfor %}
|
|||
|
</select>
|
|||
|
<br />
|
|||
|
<br />
|
|||
|
{% if next_date or previous_date %}
|
|||
|
<div class="flextable table-actions">
|
|||
|
<div class="flextable-item flextable-primary">
|
|||
|
{% if previous_date %}
|
|||
|
<a href="{% url 'program_listing_for_gymnast_and_date' gymnastid previous_date %}"><button type="button" class="btn btn-primary-outline"><span class="icon icon-chevron-left"></span></button></a>
|
|||
|
{% endif %}
|
|||
|
</div>
|
|||
|
<div class="flextable-item">
|
|||
|
{% if next_date %}
|
|||
|
<a href="{% url 'program_listing_for_gymnast_and_date' gymnastid next_date %}"><button type="button" class="btn btn-primary-outline"><span class="icon icon-chevron-right"></span></button></a>
|
|||
|
{% endif %}
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
{% endif %}
|
|||
|
{% endblock %}
|
|||
|
|
|||
|
{% block datacontent %}
|
|||
|
|
|||
|
{% if line_list %}
|
|||
|
<thead>
|
|||
|
<tr>
|
|||
|
<th></th>
|
|||
|
<th>Date</th>
|
|||
|
<th>Gymnast</th>
|
|||
|
<th>Order</th>
|
|||
|
<th>Todo</th>
|
|||
|
</tr>
|
|||
|
</thead>
|
|||
|
<tbody>
|
|||
|
{% for line in line_list %}
|
|||
|
<tr>
|
|||
|
<td>
|
|||
|
<a href="{% url 'program_update' line.id %}">
|
|||
|
<span class="icon icon-pencil"></span>
|
|||
|
</a>
|
|||
|
</td>
|
|||
|
<td>{{ line.date | date:"d-m-Y" }}</td>
|
|||
|
<td><a href="{% url 'gymnast_details' line.gymnast.id %}">{{ line.gymnast }}</a></td>
|
|||
|
<td>{{ line.order }}</td>
|
|||
|
<td>{{ line.todo }}</td>
|
|||
|
</tr>
|
|||
|
{% endfor %}
|
|||
|
</tbody>
|
|||
|
{% endif %}
|
|||
|
|
|||
|
{% endblock %}
|
|||
|
|
|||
|
{% block footerscript %}
|
|||
|
<script type="text/javascript">
|
|||
|
$(document).ready(function(){
|
|||
|
$('#select_gymnast').change(function(){
|
|||
|
// alert('getting date\'s list !');
|
|||
|
$.ajax({
|
|||
|
method: "GET",
|
|||
|
url: "/program/getdates/gymnast/" + $('#select_gymnast').val(),
|
|||
|
cache: false,
|
|||
|
dataType: 'json',
|
|||
|
success: function (data) {
|
|||
|
$.each(data, function(index, element) {
|
|||
|
$('#select_date').append('<option value="' + element.date + '">' + element.date + '</option>');
|
|||
|
});
|
|||
|
}
|
|||
|
})
|
|||
|
});
|
|||
|
|
|||
|
$('#select_date').change(function(){
|
|||
|
// alert('Retrieving Program\'s element !');
|
|||
|
window.location = '/program/gymnast/' + $('#select_gymnast').val() + '/date/' + $(this).val();
|
|||
|
return false;
|
|||
|
});
|
|||
|
|
|||
|
$('[data-sort="table"]').tablesorter({
|
|||
|
headers: {
|
|||
|
0: { sorter: false }, // disable first column
|
|||
|
},
|
|||
|
dateFormat: "uk",
|
|||
|
sortList: [[1,0], [2,0], [3,0]]
|
|||
|
})
|
|||
|
});
|
|||
|
</script>
|
|||
|
{% endblock %}
|