buchverwaltung drin

templates/index.html

@@ -6,14 +6,21 @@
     <title>BibelTresor</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
     <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
+    <script>
+        function bestaetigeLoeschen(event) {
+            if (!confirm('Sicher, dass das Buch für immer gelöscht werden soll?')) {
+                event.preventDefault(); // Verhindert das Weiterleiten des Links, wenn der Benutzer "Abbrechen" klickt
+            }
+        }
+    </script>
 </head>
 <body>
   <h1>Meine Bücher</h1>
     <ul>
         {% for buch in buecher %}
         <li>{{ buch.titel }} von {{ buch.autor }} ({{ buch.jahr }}) -
-            <a href="{{ url_for('bearbeiten', id=buch.id) }}">Bearbeiten</a> -
-            <a href="{{ url_for('loeschen', id=buch.id) }}">Löschen</a>
+            <a href="{{ url_for('bearbeiten', id=buch.id) }}" class="btn btn-sm btn-primary" >Bearbeiten</a> -
+            <a href="{{ url_for('loeschen', id=buch.id) }}" class="btn btn-sm btn-danger" onclick="bestaetigeLoeschen(event)">Löschen</a>
         </li>
         {% endfor %}
     </ul>