From 8c86ca4eafa7a09754f19f2e1e4c0943e176419a Mon Sep 17 00:00:00 2001
From: aschwarz <a.schwarz@polizei.bwl.de>
Date: Tue, 19 Sep 2023 14:40:57 +0200
Subject: [PATCH] Querformathinweise eingeblendet

---
 templates/modern/dashboard/edit_member.html   | 231 +++++++++---------
 templates/modern/dashboard/edit_user.html     |   3 +
 .../modern/dashboard/edit_verteileruser.html  |   5 +-
 3 files changed, 124 insertions(+), 115 deletions(-)
diff --git a/templates/modern/dashboard/edit_member.html b/templates/modern/dashboard/edit_member.html
index 45a6fb8..98b3ebd 100644
--- a/templates/modern/dashboard/edit_member.html
+++ b/templates/modern/dashboard/edit_member.html
@@ -1,115 +1,118 @@
-{if $action == ''}
-<!DOCTYPE html>
-<html lang="de">
-   <head>
-     <title>JU & MI S&auml;ngerIn bearbeiten</title>
-      <link rel="stylesheet" href="../jquery/jquery-ui.css">
-      <link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
-      <meta name="viewport" content="width=device-width, initial-scale=1">
-      <link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
-      <script src="../bootstrap/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-      <!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
-      <link href="css/styles.css" rel="stylesheet" />
-      <!-- icons in nav-->
-
-      <!-- data Table: https://datatables.net/ -->
-      <script src="../jquery/jquery-3.4.1.min.js"></script>
-      <link href="../bootstrap/data-table/datatables.min.css" rel="stylesheet"/>
-	  <script src="../bootstrap/data-table/datatables.min.js"></script>
-      <script type="text/javascript" src="../bootstrap/data-table/moment.mon.js"></script>
-      <script type="text/javascript" src="../bootstrap/data-table/datetime-moment.js"></script>
-
-      <script src="js/all.js" crossorigin="anonymous"></script>
-      <link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
-
-   </head>
-   <body class="sb-nav-fixed">
-      <div id="navtop"></div>
-      {literal}
-      <script>
-         $(function(){
-           // im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
-           $("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
-           $("#navleft").load("nav.php");
-           $("#footer").load("footer.php");
-         });
-      </script>
-      {/literal}
-      <div id="layoutSidenav">
-         <!-- Navigation left -->
-         <div id="navleft"></div>
-         <div id="layoutSidenav_content">
-            <main>
-            <!--Anwendung-->
-            <script type="text/javascript" src="../js/file_upload/vpb_uploader_member.js"></script>
-
-            <div class="container-fluid">
-               <div class="card">
-                  <div class="card-header">
-                     <i class="fa-solid fa-user"></i>
-                     S&auml;ngerIn bearbeiten
-                  </div>
-                  <div class="card-body">
-
-
-<!-- https://datatables.net/download/release -->
-        <table id="tblDataTable" class="table table-striped table-hover table-bordered dataTable no-footer" cellpadding="0" border="0" role="grid" aria-describedby="tblDataTable_info">
-        <thead>
-          <tr>
-            <th>Vorname</th>
-            <th>Nachname</th>
-            <th class="d-none d-md-table-cell"> Mail</th>
-            <th class="d-none d-md-table-cell">Singstimme</th>
-            <th>Aktion</th>
-          </tr>
-        </thead>
-        <tbody>
-        {section name=table_data loop=$table_data}
-          <tr>
-            <td>{$table_data[table_data].vorname}</td>
-            <td>{$table_data[table_data].nachname}</td>
-            <td class="d-none d-md-table-cell">{$table_data[table_data].mail}</td>
-            <td class="d-none d-md-table-cell">{$table_data[table_data].singstimme}</td>
-            <td>
-              <a href="create_member.php?editcsid={$table_data[table_data].csid}" class="settings" title="Edit Member" data-toggle="tooltip"><i class="fas fa fa-edit"></i></a>
-              {if $admin_rolle == 1}
-              &nbsp;
-              <a class="btn btn-danger  btn-rounded btn-icon btn-sm" onclick="delMember({$table_data[table_data].csid})"><i class="fa fa-trash" style="width:18px;"></i></a>
-              {/if}
-            </td>
-          </tr>
-        {/section}
-        </tbody>
-      </table>
-
-
-                  </div>
-               </div>
-            </div>
-            <div id="msg"></div>
-            </main>
-            <!-- footer -->
-            <div id="footer"></div>
-         </div>
-      </div>
-   </body>
-
-   <script>
-      // Hinweise zur Sortierung nach Datum. <table Definition muss so übernommen werden. Keine Leerzeichen <td>datum</td>. Datumsfelder dürfen nicht leer sein und vom Format stimmig sein
-      $(document).ready(function () {
-
-      $('#tblDataTable').DataTable({
-          responsive: true,
-          fixedHeader: true,
-          pageLength: 10,
-          order: [[1, 'asc']],
-          language: {
-              url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
-           search: "",
-       lengthMenu:     "_MENU_ Zeilen",
-          },
-      });
-      });
-   </script>
-</html>
+{if $action == ''}
+<!DOCTYPE html>
+<html lang="de">
+   <head>
+     <title>JU & MI S&auml;ngerIn bearbeiten</title>
+      <link rel="stylesheet" href="../jquery/jquery-ui.css">
+      <link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
+      <meta name="viewport" content="width=device-width, initial-scale=1">
+      <link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+      <script src="../bootstrap/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+      <!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
+      <link href="css/styles.css" rel="stylesheet" />
+      <!-- icons in nav-->
+
+      <!-- data Table: https://datatables.net/ -->
+      <script src="../jquery/jquery-3.4.1.min.js"></script>
+      <link href="../bootstrap/data-table/datatables.min.css" rel="stylesheet"/>
+	  <script src="../bootstrap/data-table/datatables.min.js"></script>
+      <script type="text/javascript" src="../bootstrap/data-table/moment.mon.js"></script>
+      <script type="text/javascript" src="../bootstrap/data-table/datetime-moment.js"></script>
+
+      <script src="js/all.js" crossorigin="anonymous"></script>
+      <link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
+
+   </head>
+   <body class="sb-nav-fixed">
+      <div id="navtop"></div>
+      {literal}
+      <script>
+         $(function(){
+           // im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
+           $("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
+           $("#navleft").load("nav.php");
+           $("#footer").load("footer.php");
+         });
+      </script>
+      {/literal}
+      <div id="layoutSidenav">
+         <!-- Navigation left -->
+         <div id="navleft"></div>
+         <div id="layoutSidenav_content">
+            <main>
+            <!--Anwendung-->
+            <script type="text/javascript" src="../js/file_upload/vpb_uploader_member.js"></script>
+
+            <div class="container-fluid">
+               <div class="card">
+                  <div class="card-header">
+                     <i class="fa-solid fa-user"></i>
+                     S&auml;ngerIn bearbeiten
+                     <div class="d-lg-none">
+					   <font color="red">Querformat fÃ¼r MobilgerÃ¤te</font>
+					 </div>
+                  </div>
+                  <div class="card-body">
+
+
+<!-- https://datatables.net/download/release -->
+        <table id="tblDataTable" class="table table-striped table-hover table-bordered dataTable no-footer" cellpadding="0" border="0" role="grid" aria-describedby="tblDataTable_info">
+        <thead>
+          <tr>
+            <th>Vorname</th>
+            <th>Nachname</th>
+            <th class="d-none d-md-table-cell"> Mail</th>
+            <th class="d-none d-md-table-cell">Singstimme</th>
+            <th>Aktion</th>
+          </tr>
+        </thead>
+        <tbody>
+        {section name=table_data loop=$table_data}
+          <tr>
+            <td>{$table_data[table_data].vorname}</td>
+            <td>{$table_data[table_data].nachname}</td>
+            <td class="d-none d-md-table-cell">{$table_data[table_data].mail}</td>
+            <td class="d-none d-md-table-cell">{$table_data[table_data].singstimme}</td>
+            <td>
+              <a href="create_member.php?editcsid={$table_data[table_data].csid}" class="settings" title="Edit Member" data-toggle="tooltip"><i class="fas fa fa-edit"></i></a>
+              {if $admin_rolle == 1}
+              &nbsp;
+              <a class="btn btn-danger  btn-rounded btn-icon btn-sm" onclick="delMember({$table_data[table_data].csid})"><i class="fa fa-trash" style="width:18px;"></i></a>
+              {/if}
+            </td>
+          </tr>
+        {/section}
+        </tbody>
+      </table>
+
+
+                  </div>
+               </div>
+            </div>
+            <div id="msg"></div>
+            </main>
+            <!-- footer -->
+            <div id="footer"></div>
+         </div>
+      </div>
+   </body>
+
+   <script>
+      // Hinweise zur Sortierung nach Datum. <table Definition muss so Ã¼bernommen werden. Keine Leerzeichen <td>datum</td>. Datumsfelder dÃ¼rfen nicht leer sein und vom Format stimmig sein
+      $(document).ready(function () {
+
+      $('#tblDataTable').DataTable({
+          responsive: true,
+          fixedHeader: true,
+          pageLength: 10,
+          order: [[1, 'asc']],
+          language: {
+              url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
+           search: "",
+       lengthMenu:     "_MENU_ Zeilen",
+          },
+      });
+      });
+   </script>
+</html>
 {/if}
\ No newline at end of file
diff --git a/templates/modern/dashboard/edit_user.html b/templates/modern/dashboard/edit_user.html
index d826d41..645650b 100644
--- a/templates/modern/dashboard/edit_user.html
+++ b/templates/modern/dashboard/edit_user.html
@@ -48,6 +48,9 @@
                   <div class="card-header">
                      <i class="fas fa-edit me-1"></i>
                      Benutzer bearbeiten
+                     <div class="d-lg-none">
+					   <font color="red">Querformat fÃ¼r MobilgerÃ¤te</font>
+					 </div>
                   </div>
                   <div class="card-body">
 
diff --git a/templates/modern/dashboard/edit_verteileruser.html b/templates/modern/dashboard/edit_verteileruser.html
index e4b428c..3118317 100644
--- a/templates/modern/dashboard/edit_verteileruser.html
+++ b/templates/modern/dashboard/edit_verteileruser.html
@@ -48,6 +48,9 @@
                   <div class="card-header">
                      <i class="fas fa-edit me-1"></i>
                      Kontakt bearbeiten
+                     <div class="d-lg-none">
+					   <font color="red">Querformat fÃ¼r MobilgerÃ¤te</font>
+					 </div>
                   </div>
                   <div class="card-body">
 
@@ -90,7 +93,7 @@
       </div>
    </body>
    <script>
-      // Hinweise zur Sortierung nach Datum. <table Definition muss so übernommen werden. Keine Leerzeichen <td>datum</td>. Datumsfelder dürfen nicht leer sein und vom Format stimmig sein
+      // Hinweise zur Sortierung nach Datum. <table Definition muss so Ã¼bernommen werden. Keine Leerzeichen <td>datum</td>. Datumsfelder dÃ¼rfen nicht leer sein und vom Format stimmig sein
       $(document).ready(function () {
 
       $('#tblDataTable').DataTable({
