78 lines
No EOL
2.4 KiB
HTML
78 lines
No EOL
2.4 KiB
HTML
{% extends "base.html" %}
|
|
{% load static %}
|
|
{% block header %}
|
|
<!-- Datatable CSS -->
|
|
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/dataTables.bootstrap5.min.css"/>
|
|
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap5.min.css">
|
|
|
|
<!-- jQuery -->
|
|
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
|
|
|
|
<!-- Datatable jQuery -->
|
|
<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
|
|
<script src="https://cdn.datatables.net/1.11.3/js/dataTables.bootstrap5.min.js"></script>
|
|
<script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
|
|
<script src="https://cdn.datatables.net/responsive/2.2.9/js/responsive.bootstrap5.min.js"></script>
|
|
|
|
<script nonce="{{request.csp_nonce}}">
|
|
$(document).ready(function () {
|
|
let table = $('#t__rescuer_all').DataTable({
|
|
language: {
|
|
url: 'https://cdn.datatables.net/plug-ins/1.11.3/i18n/de_de.json',
|
|
},
|
|
paging: true,
|
|
info: true,
|
|
"pagingType": "first_last_numbers",
|
|
responsive: true,
|
|
columnDefs: [
|
|
{ responsivePriority: 1, targets: 0 },
|
|
]
|
|
});
|
|
table.on( 'responsive-display', function ( e, datatable, row, showHide, update ) {
|
|
table.rows().every( function () {
|
|
if (showHide && row.index() !== this.index() && this.child.isShown()) {
|
|
$('td', this.node()).eq(0).click();
|
|
}
|
|
});
|
|
});
|
|
})
|
|
</script>
|
|
|
|
{% endblock header %}
|
|
{% block content %}
|
|
<h3>Übersicht aller Finder</h3>
|
|
<p>
|
|
Die Übersicht aller aktiven Finder.
|
|
</p>
|
|
<p>
|
|
<a href="{% url 'rescuer_create' %}" class="btn btn-primary">Einen neuen Finder anlegen</a>
|
|
</p>
|
|
|
|
<table class="table table-striped table-hover display responsive nowrap" width="100%" id="t__rescuer_all">
|
|
<thead>
|
|
<tr>
|
|
<th>Nachname</th>
|
|
<th>Vorname</th>
|
|
<th>Straße</th>
|
|
<th>PLZ</th>
|
|
<th>Ort</th>
|
|
<th>Phone</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for rescuer in rescuers %}
|
|
<tr>
|
|
<td>
|
|
<a href="{% url 'rescuer_single' rescuer.id %}">{{ rescuer.last_name }}</a>
|
|
</td>
|
|
<td>{{ rescuer.first_name }}</td>
|
|
<td>{{ rescuer.street }} {{ rescuer.street_number }}</td>
|
|
<td>{{ rescuer.zip_code }}</td>
|
|
<td>{{ rescuer.city }}</td>
|
|
<td>{{ rescuer.phone }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
|
|
{% endblock content %} |