Jarvis/jarvis/objective/templates/gymnasttrainings/list.html

75 lines
2.9 KiB
HTML

{% extends "listing.html" %}
{% block datacontent %}
<div class="card mb-0">
<div class="card-header">
<div class="row">
<div class="col-8">
<h4 class="">
{% if gymnast %}
<i><a href="{% url 'gymnast_details_tab' gymnast.id 'routine' %}">{{ gymnast }}</a></i>'s
{% endif %} Training List
</h4>
</div>
<div class="col-1 ml-auto"></div>
</div>
</div>
<div class="card-body pt-0">
<div class="table-responsive">
{% if gymnasttrainings %}
<table class="table tablesorter table-striped" id="trainings_table">
<thead>
<tr>
<th class="header text-center" style="width: 10%">Date</th>
<th class="header text-center" style="width: 25%">gymnast</th>
<th class="header text-center" style="width: 25%">label</th>
<th class="header text-center" style="width: 15%">difficulty</th>
<th class="header text-center" style="width: 15%"># skill</th>
<th class="header text-center" style="width: 10%">score</th>
</tr>
</thead>
<tbody>
{% for training in gymnasttrainings %}
<tr role="row" class="{% cycle 'odd' 'even' %}">
<td class="text-center">
<a href="{% url 'gymnast_training_details' training.id %}">
{{ training.date | date:"j-n-Y" }}
</a>
</td>
<td class="text-center">{{ training.gymnast }}</td>
<td class="text-center">{{ training.label }}</td>
<td class="text-center">{{ training.difficulty }}</td>
<td class="text-center">{{ training.number_of_skill }}</td>
<td class="text-center">{{ training.score }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% else %}
<p class="muted-text">There are no training corresponding to your criterias.</p>
{% endif %}
</div>
</div>
</div>
{% endblock %}
{% block footerscript %}
<script type="text/javascript">
$(document).ready(function () {
$('#trainings_table').tablesorter({
dateFormat: "uk",
sortList: [[0, 1]],
});
$('#trainings_table').DataTable({
scrollY: '50vh',
scrollCollapse: true,
paging: false,
searching: false,
ordering: false,
"bInfo": false,
});
});
</script>
{% endblock %}