addedn toast to tables

ed.schneider · ed.schneider · commit 3cbbe35abc8d · 2026-03-09T11:07:29.000+01:00
diff --git a/src/tables/tables.html b/src/tables/tables.html
@@ -5,8 +5,8 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" />
-  <link rel="stylesheet" href="/tables/tables.css" />
-  <script src="/tables/tables.js" defer></script>
+  <link rel="stylesheet" href="tables.css" />
+  <script src="tables.js" defer></script>
   <title>BMI Tabellen</title>
 </head>
 
@@ -53,6 +53,18 @@ <h1 class="text-center mb-4">BMI-Messungen</h1>
       </div>
     </div>
   </div>
+
+  <div class="toast-container position-fixed bottom-0 end-0 p-3">
+  <div id="errorToast" class="toast text-bg-danger border-0" role="alert">
+    <div class="d-flex">
+      <div class="toast-body" id="errorToastBody">
+        Fehler
+      </div>
+      <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"></button>
+    </div>
+  </div>
+</div>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 
 </html>
diff --git a/src/tables/tables.js b/src/tables/tables.js
@@ -56,8 +56,8 @@
     try {
       return JSON.parse(localStorage.getItem(STORAGE_KEY) || "[]");
     } catch {
-      return [];
-    }
+      showErrorToast("Fehler beim Laden der gespeicherten Daten.");
+    return [];    }
   }
 
   function saveToStorage() {
@@ -213,4 +213,20 @@
   } else {
     tablesInit();
   }
+
+    /* =========================================================
+     Toast
+  ========================================================= */
+
+  function showErrorToast(message) {
+  const toastEl = document.getElementById("errorToast");
+  const toastBody = document.getElementById("errorToastBody");
+
+  if (!toastEl || !toastBody) return;
+
+  toastBody.textContent = message;
+
+  const toast = new bootstrap.Toast(toastEl);
+  toast.show();
+}
 })();
