FallenBirdyForm/rescuer/templates/rescuer/rescuer_all.html
2023-06-26 18:39:32 +02:00

72 lines
No EOL
2.1 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>
$(document).ready(function () {
$('#t__rescuer_all').DataTable({
language: {
url: 'https://cdn.datatables.net/plug-ins/1.11.3/i18n/de_de.json',
},
paging: false,
info: false,
responsive: true,
columnDefs: [
{ responsivePriority: 1, targets: 0 },
]
})
})
</script>
{% endblock header %}
{% block content %}
<h3>Übersicht aller Retter</h3>
<p>
Die Übersicht aller aktiven Retter.
</p>
<p>
<a href="{% url 'rescuer_create' %}" class="btn btn-primary">Einen neuen Retter anlegen</a>
</p>
<table class="table table-striped table-hover display responsive nowrap" width="100%" id="t__rescuer_all">
<thead>
<tr>
<th>Name</th>
<th>Vorname</th>
<th>Straße</th>
<th>PLZ</th>
<th>Ort</th>
<th>Email</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.email }}</td>
<td>{{ rescuer.phone }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endblock content %}