Jarvis/jarvis/followup/templates/notes/list.html

101 lines
4.0 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 'event' %}">{{ gymnast }}</a></i>'s{% endif %} notes listing
</h4>
</div>
<div class="col-1 ml-auto">
<div class="text-right">
<a href="{% if gymnast %}{% url 'note_create_for_gymnast' gymnast.id %}{% else %}{% url 'note_create' %}{% endif %}">
<button type="submit" value="add" class="btn btn-icon btn-warning ">
<i class="fas fa-plus"></i>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="card-body">
<div class="table-responsive">
{% if note_list %}
<table class="table table-striped tablesorter" id="chrono_table">
<thead>
<tr>
<th style="width: 5%">&nbsp;</th>
<th style="width: 10%" class="header">Date</th>
<th style="width: 35%" class="header text-left">Title</th>
{% if not gymnast %}
<th style="width: 15%" class="header text-left">Gymnast</th>
{% endif %}
<th style="width: 15%" class="header text-left">Coach</th>
</tr>
</thead>
<tbody>
{% for note in note_list %}
<tr role="row" class="{% cycle 'odd' 'even' %}">
<td class="text-left">
<a href="{% url 'note_update' note.id %}">
<span class="tim-icons icon-pencil text-warning"></span>
</a>
</td>
<td>
<a href="{% url 'note_details' note.id %}">
{{ note.created_at | date:"d-m-Y" }}
</a>
</td>
<td>{{ note.title }}</td>
{% if not gymnast %}
<td class="text-left">
{% if gymnast.id in request.session.available_gymnast or request.user.is_superuser %}
<a href="{% url 'gymnast_details' note.gymnast.id %}">
{% endif %}
{{ note.gymnast}}
{% if gymnast.id in request.session.available_gymnast or request.user.is_superuser %}
</a>
{% endif %}
</td>
{% endif %}
<td class="text-left">{{ note.coach }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% else %}
<p class="text-muted">There are no chronos corresponding to your criterias.</p>
{% endif %}
</div>
</div>
</div>
{% endblock %}
{% block footerscript %}
<script type="text/javascript">
$(document).ready(function () {
$('#chrono_table').tablesorter({
headers: {
0: { sorter: false },
},
dateFormat: "uk",
{% if not gymnast %}
sortList: [[1, 1], [3, 1], [2, 1]],
{% else %}
sortList: [[1, 1], [2, 1]],
{% endif %}
});
$('#chrono_table').DataTable({
scrollY: '50vh',
scrollCollapse: true,
paging: false,
searching: false,
ordering: false,
// "bInfo" : false,
});
});
</script>
{% endblock %}