jazzmin as a more beauty admin panel

app/rescuer/templates/rescuer/rescuer_all.html

@@ -0,0 +1,70 @@
+{% 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 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>Name</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 %}