From 515fb72d549bab134317ccdc681d92ab89cef9f1 Mon Sep 17 00:00:00 2001
From: Jorge Manrubia <jorge@hey.com>
Date: Wed, 17 Sep 2025 18:08:26 +0200
Subject: [PATCH] Add buttons for toggle on and off

---
 .../controllers/toggle_class_controller.js          | 13 +++++++++++++
 app/views/collections/_access_toggle.erb            |  2 +-
 app/views/collections/edit/_users.html.erb          |  5 +++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/app/javascript/controllers/toggle_class_controller.js b/app/javascript/controllers/toggle_class_controller.js
index ca29ad771..039ad2e65 100644
--- a/app/javascript/controllers/toggle_class_controller.js
+++ b/app/javascript/controllers/toggle_class_controller.js
@@ -2,6 +2,7 @@ import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static classes = [ "toggle" ]
+  static targets = [ "checkbox" ]
 
   toggle() {
     this.element.classList.toggle(this.toggleClass)
@@ -14,4 +15,16 @@ export default class extends Controller {
   remove() {
     this.element.classList.remove(this.toggleClass)
   }
+
+  checkAll() {
+    this.checkboxTargets.forEach(checkbox => {
+      checkbox.checked = true
+    })
+  }
+
+  checkNone() {
+    this.checkboxTargets.forEach(checkbox => {
+      checkbox.checked = false
+    })
+  }
 }
diff --git a/app/views/collections/_access_toggle.erb b/app/views/collections/_access_toggle.erb
index 579cb4fc1..776e2f017 100644
--- a/app/views/collections/_access_toggle.erb
+++ b/app/views/collections/_access_toggle.erb
@@ -9,7 +9,7 @@
   <%= icon_tag "check", class: "toggler__visible-when-on margin-inline-end" %>
 
   <label class="switch toggler__visible-when-off flex-item-no-shrink">
-    <%= check_box_tag "user_ids[]", user.id, selected, class: "switch__input", id: nil %>
+    <%= check_box_tag "user_ids[]", user.id, selected, class: "switch__input", id: nil, data: { toggle_class_target: "checkbox" } %>
     <span class="switch__btn round"></span>
     <span class="for-screen-reader">Give <%= user.name %> access</span>
   </label>
diff --git a/app/views/collections/edit/_users.html.erb b/app/views/collections/edit/_users.html.erb
index 884bfc9fe..c2575fba6 100644
--- a/app/views/collections/edit/_users.html.erb
+++ b/app/views/collections/edit/_users.html.erb
@@ -20,6 +20,11 @@
 
   <input placeholder="Filter…" class="input input--transparent full-width" type="search" autocorrect="off" autocomplete="off" data-1p-ignore="true" data-filter-target="input" data-action="input->filter#filter">
 
+  <div class="toggler__visible-when-off">
+    <button type="button" class="btn" data-action="click->toggle-class#checkAll">Check all</button>
+    <button type="button" class="btn" data-action="click->toggle-class#checkNone">Uncheck all</button>
+  </div>
+
   <ul class="settings__user-list" data-filter-target="list">
     <%= access_toggles_for selected_users, selected: true %>
     <%= access_toggles_for unselected_users, selected: false %>