datatable in administration

admin/index.php

@@ -137,12 +137,16 @@
     <link rel="stylesheet" href="../css/jquery.fancybox.min.css" />
     <link rel="stylesheet" href="../css/leaflet.css" />
     <link rel="stylesheet" href="../css/leaflet.awesome-markers.css" />
-
+    <link rel="stylesheet" href="../vendor/DataTables/DataTables-2.0.2/css/dataTables.dataTables.min.css">
+    <link rel="stylesheet" href="../vendor/DataTables/DataTables-2.0.2/css/dataTables.bootstrap4.min.css">
 
     <script src="../js/jquery.min.js"></script>     
     <script src="../js/leaflet.js"></script>
     <script src="../js/leaflet.awesome-markers.js"></script>
     <script src="../js/jquery.fancybox.min.js"></script>
+    <script src="../vendor/DataTables/DataTables-2.0.2/js/dataTables.min.js"></script>
+    <script src="../vendor/DataTables/DataTables-2.0.2/js/dataTables.bootstrap4.min.js"></script>
+
     <title>Eintragsliste</title>
     <style>
       .tdmap { height:350px; width:300px;}
@@ -187,7 +191,7 @@
     <!-- Ende Navbar -->
 
 <div class="container-fluid" style="margin-top:5em;">
-<table class="table table-bordered table-striped">
+<table id="list" class="table table-bordered table-striped">
     <thead>
         <tr><th>id</th>
         <?= ($boolSuperAdmin) ? "<th>Kreis</th>" : "" ?>
@@ -299,6 +303,11 @@
 
 <script>
 $( document ).ready(function() {
+    let dataTable = new DataTable( 
+    "#list",
+    {   language: {url: '../vendor/DataTables/de_DE.json'},
+        lengthMenu: [ [10, 25, 50, -1], [10, 25, 50, 'All'] ]
+    });
 
     var url = 'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw';
     var attribution = 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
@@ -306,7 +315,6 @@ $( document ).ready(function() {
                     'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>';
     var infoMarker    = L.AwesomeMarkers.icon({icon: 'info', prefix: 'fa', markerColor: 'orange'});
 
-
     $(".edit_defect").on("click", function(e){
         e.preventDefault();
         $('#dialog_defect').hide();

impressum.php

@@ -1,5 +1,4 @@
 <?php 
-    header("Location: https://nrw.adfc.de/impressum");
     session_start(); 
     if (!isset($_SESSION['district'])) { header("Location: start.php");}
     $strDistrict=$_SESSION['district'];
@@ -62,23 +61,19 @@
     <div class="card">
         <div class="card-header"><h2>Impressum</h2></div>
         <div class="card-body">
-    <p>Dieses Portal wird zur Verfügungung gestellt von:</p>
-    <p>&nbsp;</p>
+
     <div><img style="width:220px" src="<?=$strLogo?>" alt="Logo"></div>
     <p>&nbsp;</p>
     <p>
       <?= stripslashes(nl2br($strImpressum)) ?>
     </p>
-    <p><a href="<?=$strUrl?>"><?=$strUrlBez?></a></p>
-
-    <p>&nbsp;</p>
-    Anfragen zum Ideenmelder an <a href="mailto:<?=$contactEmail?>"><?=$contactEmail?></a>
-    <p>&nbsp;</p>
-    <p>&nbsp;</p>
+    <p style="height:5em;">&nbsp;</p>
+   <p><a href="<?=$strUrl?>"><?=$strUrlBez?></a><br>
+    Anfragen bitte an <a href="mailto:<?=$contactEmail?>"><?=$contactEmail?></a></p>
     <!-- Bitte nicht entfernen -->
+    <p style="height:5em;">&nbsp;</p>
     <p class="small">Entwicklung: W. Hupfeld, Hamm<br>info@hupfeld-software.de</p>
     <!--  ---   -->
-
     <a class="btn btn-primary text-white" href="index.php?ref=1">zurück</a>
 </div>
 </div>

index.php

@@ -4,7 +4,7 @@
  * Autor: Walter Hupfeld, Hamm
  * E-Mail: info@hupfeld-software.de
  * Version: 3.0
- * Datum: 12.03.2024
+ * Datum: 16.03.2024
  ******************************** */
 
 // Starte die Session