modyfikacja funckji zaznaczanie wszystkiego

static/js/select_all_table.js

@@ -0,0 +1,35 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const checkboxes = document.querySelectorAll('.list-checkbox');
+    const totalEl = document.getElementById('listsTotal');
+    const selectAllBtn = document.getElementById('selectAllBtn');
+    const deselectAllBtn = document.getElementById('deselectAllBtn');
+
+    function updateTotal() {
+        let total = 0;
+        checkboxes.forEach(cb => {
+            const row = cb.closest('tr');
+            if (cb.checked && row.style.display !== 'none') {
+                total += parseFloat(cb.dataset.amount);
+            }
+        });
+        totalEl.textContent = total.toFixed(2) + ' PLN';
+    }
+
+    selectAllBtn.addEventListener('click', () => {
+        checkboxes.forEach(cb => cb.checked = true);
+        updateTotal();
+        selectAllBtn.style.display = 'none';
+        deselectAllBtn.style.display = 'inline-block';
+    });
+
+    deselectAllBtn.addEventListener('click', () => {
+        checkboxes.forEach(cb => cb.checked = false);
+        updateTotal();
+        deselectAllBtn.style.display = 'none';
+        selectAllBtn.style.display = 'inline-block';
+    });
+
+    checkboxes.forEach(cb => {
+        cb.addEventListener('change', updateTotal);
+    });
+});

templates/expenses.html

@@ -32,7 +32,6 @@
   {% endfor %}
 </div>
 
-
 <div class="card bg-dark text-white mb-5">
   <div class="card-body">
     <ul class="nav nav-tabs mb-3" id="expenseTabs" role="tablist">
@@ -85,10 +84,13 @@
               </div>
             </div>
 
-            <div class="d-flex justify-content-end mb-2">
-              <button id="toggleAllCheckboxes" class="btn btn-outline-light btn-sm">
-                ✅ Zaznacz wszystkie
-              </button>
+            <div class="d-flex justify-content-between align-items-center mb-2">
+              <div>
+                <button id="selectAllBtn" class="btn btn-sm btn-outline-light">Zaznacz wszystko</button>
+                <button id="deselectAllBtn" class="btn btn-sm btn-outline-light active" style="display: none;">Odznacz
+                  wszystko</button>
+              </div>
+              <h5 class="text-success m-0">💰 Suma: <span id="listsTotal">0.00 PLN</span></h5>
             </div>
 
             <!-- Tabela list z możliwością filtrowania -->
@@ -124,9 +126,6 @@
                 </tbody>
               </table>
             </div>
-
-            <hr>
-            <h5 class="text-success mt-3">💰 Suma zaznaczonych: <span id="listsTotal">0.00 PLN</span></h5>
           </div>
         </div>
       </div>
@@ -176,4 +175,6 @@
 <script src="{{ url_for('static_bp.serve_js', filename='expense_chart.js') }}"></script>
 <script src="{{ url_for('static_bp.serve_js', filename='expense_table.js') }}"></script>
 <script src="{{ url_for('static_bp.serve_js', filename='expense_tab.js') }}"></script>
+<script src="{{ url_for('static_bp.serve_js', filename='select_all_table.js') }}"></script>
+
 {% endblock %}