Add select all feature to stash tabs

2025-09-25 20:58:20 +02:00
parent f25180c3cf
commit 78c22bc84f
2 changed files with 16 additions and 2 deletions
--- a/d2warehouse/app/static/helpers.js
+++ b/d2warehouse/app/static/helpers.js
@@ -0,0 +1,13 @@
+function toggleSelectAll(tabIndex) {
+    const tab = document.querySelector(`[data-tab="${tabIndex}"]`);
+    const checkboxes = tab.querySelectorAll('input[type="checkbox"]');
+
+   if (checkboxes.length === 0)
+        return;
+
+    const allSelected = Array.from(checkboxes).every(cb => cb.checked);
+
+    checkboxes.forEach(cb => {
+        cb.checked = !allSelected;
+    });
+}
--- a/d2warehouse/app/templates/list_stash.html
+++ b/d2warehouse/app/templates/list_stash.html
@@ -4,13 +4,14 @@
    <meta charset="utf-8">
    <title>Shared Stash</title>
    <link rel="stylesheet" href="/static/style.css" />
+    <script src="/static/helpers.js"></script>
  <head>
  <body>
    <form action="/stash/{{stash_name}}/store" method="POST">
    {% for tab in stash.tabs %}
      {% set tabloop = loop %}
-      <h2>Tab {{tabloop.index}}</h2>
-      <div class="stash-tab">
+      <h2>Tab {{tabloop.index}} <button type="button" onclick="toggleSelectAll({{tabloop.index}})">Select All</button> </h2>
+      <div class="stash-tab" data-tab="{{tabloop.index}}">
        {% for item in tab.items %}
        {% set itemloop = loop %}
        {% include "item.html" %}