fixy i usprwnienia

templates/backups.html

@@ -19,6 +19,7 @@
     <table class="table table-striped">
       <thead>
         <tr>
+          <th><input type="checkbox" id="select-all"></th>
           <th>Data utworzenia</th>
           <th>Opis</th>
           <th>Akcje</th>
@@ -27,11 +28,16 @@
       <tbody>
         {% for backup in backups %}
         <tr>
+          <td>
+            <!-- Każdy checkbox jest przypisany do formularza bulkDeleteForm -->
+            <input type="checkbox" name="selected_backups" value="{{ backup.id }}" form="bulkDeleteForm">
+          </td>
           <td>{{ backup.created_at.strftime("%Y-%m-%d %H:%M:%S") }}</td>
           <td>{{ backup.description }}</td>
           <td>
             <a href="{{ url_for('view_backup', backup_id=backup.id) }}" class="btn btn-sm btn-info">Podgląd</a>
             <a href="{{ url_for('restore_backup', backup_id=backup.id) }}" class="btn btn-sm btn-success">Przywróć</a>
+            <!-- Usuwanie pojedynczego backupu -->
             <form action="{{ url_for('delete_backup', backup_id=backup.id) }}" method="post" style="display:inline;">
               <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Czy na pewno usunąć backup?');">Usuń</button>
             </form>
@@ -40,6 +46,22 @@
         {% endfor %}
       </tbody>
     </table>
+    <!-- Formularz do bulk usuwania – checkboxy znajdują się poza tym formularzem, ale dzięki atrybutowi form są z nim powiązane -->
+    <form id="bulkDeleteForm" action="{{ url_for('delete_selected_backups') }}" method="post">
+      <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Czy na pewno usunąć zaznaczone backupy?');">Usuń zaznaczone</button>
+    </form>
   </div>
 </div>
 {% endblock %}
+{% block extra_js %}
+  {{ super() }}
+  <script>
+    // Skrypt do zaznaczania/odznaczania wszystkich checkboxów
+    document.getElementById('select-all').addEventListener('change', function(){
+      var checkboxes = document.querySelectorAll('input[name="selected_backups"]');
+      checkboxes.forEach(function(checkbox) {
+        checkbox.checked = document.getElementById('select-all').checked;
+      });
+    });
+  </script>
+{% endblock %}