81 lines
4.7 KiB
HTML
81 lines
4.7 KiB
HTML
{% extends "base.html" %}
|
|
{% load has_group %}
|
|
|
|
{% block title %}Gymnasts{% endblock %}
|
|
{% block subtitle %}List{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="absolute top-0 mt-10 relative">
|
|
<div class=" flex -mx-4 sm:-mx-6 md:mx-0">
|
|
<div id="class-table" class="flex-none min-w-full px-4 sm:px-6 md:px-0 overflow-hidden lg:overflow-auto scrollbar:!w-1.5 scrollbar:!h-1.5 scrollbar:bg-transparent scrollbar-track:!bg-slate-100 scrollbar-thumb:!rounded scrollbar-thumb:!bg-slate-300 scrollbar-track:!rounded dark:scrollbar-track:!bg-slate-500/[0.16] dark:scrollbar-thumb:!bg-slate-500/50">
|
|
{% if season_information_list %}
|
|
<table class="w-full text-left border-collapse">
|
|
<thead>
|
|
<tr>
|
|
<th class="sticky z-10 top-0 text-sm leading-6 font-semibold text-slate-700 bg-white p-0 dark:bg-jarvis-blue-800 dark:text-slate-300">
|
|
<div class="py-2 pr-2 border-b border-slate-200 dark:border-slate-400/20">Lastname</div>
|
|
</th>
|
|
<th class="sticky z-10 top-0 text-sm leading-6 font-semibold text-slate-700 bg-white p-0 dark:bg-jarvis-blue-800 dark:text-slate-300">
|
|
<div class="py-2 pl-2 border-b border-slate-200 dark:border-slate-400/20">Firstname</div>
|
|
</th>
|
|
<th class="sticky z-10 top-0 text-sm leading-6 font-semibold text-slate-700 bg-white p-0 dark:bg-jarvis-blue-800 dark:text-slate-300">
|
|
<div class="py-2 pr-2 border-b border-slate-200 dark:border-slate-400/20">Gender</div>
|
|
</th>
|
|
<th class="sticky z-10 top-0 text-sm leading-6 font-semibold text-slate-700 bg-white p-0 dark:bg-jarvis-blue-800 dark:text-slate-300 text-right">
|
|
<div class="py-2 pl-2 border-b border-slate-200 dark:border-slate-400/20">Age</div>
|
|
</th>
|
|
<th class="sticky z-10 top-0 text-sm leading-6 font-semibold text-slate-700 bg-white p-0 dark:bg-jarvis-blue-800 dark:text-slate-300 text-right">
|
|
<div class="py-2 pr-2 border-b border-slate-200 dark:border-slate-400/20">Category</div>
|
|
</th>
|
|
<th class="sticky z-10 top-0 text-sm leading-6 font-semibold text-slate-700 bg-white p-0 dark:bg-jarvis-blue-800 dark:text-slate-300 text-right">
|
|
<div class="py-2 pl-2 border-b border-slate-200 dark:border-slate-400/20">Club</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="align-baseline">
|
|
{% for season_information in season_information_list %}
|
|
<tr class="odd:bg-jarvis-blue-700 odd:dark:bg-jarvis-blue-700 even:bg-jarvis-blue-800 even:dark:bg-jarvis-blue-800">
|
|
<td class="uppercase py-4"><a href="{% url 'gymnast_details' season_information.gymnast.id %}" class="text-jarvis-link-900 hover:text-jarvis-link-800">{{ season_information.gymnast.last_name }}</a></td>
|
|
<td><a href="{% url 'gymnast_details' season_information.gymnast.id %}" class="text-jarvis-link-900 hover:text-jarvis-link-800">{{ season_information.gymnast.first_name }}</a></td>
|
|
<td>{{ season_information.gymnast.get_gender_display }}</td>
|
|
<td class="text-right">{{ season_information.gymnast.age }}</td>
|
|
<td class="text-right">{{ season_information.get_category_display }}</td>
|
|
<td class="text-right">{{ season_information.club.name }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
{% else %}
|
|
There are no <i>active</i> gymnast corresponding to your criterias.
|
|
{% endif %}
|
|
<!-- <div class="sticky bottom-0 h-px -mt-px bg-slate-200 dark:bg-slate-400/20"></div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block footerscript %}
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
$('#gymnast_table').tablesorter({
|
|
{% if request.user|has_group:"trainer" %}
|
|
headers: {
|
|
0: { sorter: false }, // disable first column
|
|
},
|
|
sortList: [[1, 0], [2, 0]],
|
|
{% else %}
|
|
sortList: [[0, 0], [1, 0]],
|
|
{% endif %}
|
|
});
|
|
|
|
$('#gymnast_table').DataTable({
|
|
scrollY: 500,
|
|
scrollCollapse: true,
|
|
paging: false,
|
|
searching: false,
|
|
ordering: false,
|
|
"bInfo" : false,
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock %} |