From 48a163e3cafb8f1ad5a47ad5a43a09cfc720ea8b Mon Sep 17 00:00:00 2001
From: Christos Sidiropoulos <dev@csidirop.de>
Date: Mon, 21 Oct 2024 15:22:21 +0000
Subject: [PATCH] Add an option to hide/show all elements of a row

Signed-off-by: Christos Sidiropoulos <dev@csidirop.de>
---
 config-form.php | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/config-form.php b/config-form.php
index efcc11f..a55b7a1 100644
--- a/config-form.php
+++ b/config-form.php
@@ -92,6 +92,31 @@
                 ); ?>
             </td>
         </tr>
-	<?php endforeach; ?>
+    <?php endforeach; ?>
     </tbody>
 </table>
+
+<!-- Add Check/Uncheck All functionality -->
+<script type="text/javascript">
+    function toggleCheckboxesByName(sourceCheckbox, column) {
+        // Get all checkboxes with name attribute starting with columns value
+        const checkboxes = document.querySelectorAll('input[type="checkbox"][name^="'+column+'"]');
+
+        // Loop through and set their checked property
+        for (let i = 0; i < checkboxes.length; i++) {
+            checkboxes[i].checked = sourceCheckbox.checked;
+        }
+    }
+</script>
+
+<div class="field">
+    <div class="two columns omega">
+        <label>Check/Uncheck: </label>
+    </div>
+    <div class="inputs five columns omega">
+        <label><input type="checkbox" onclick="toggleCheckboxesByName(this, 'form')"> form</label>
+        <label><input type="checkbox" onclick="toggleCheckboxesByName(this, 'admin')"> admin</label>
+        <label><input type="checkbox" onclick="toggleCheckboxesByName(this, 'public')"> public</label>
+        <label><input type="checkbox" onclick="toggleCheckboxesByName(this, 'search')"> search</label>
+    </div>
+</div>