Hotkeys ux

app/javascript/controllers/details_list_controller.js

@@ -0,0 +1,23 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="details-list"
+export default class extends Controller {
+  connect() {
+  }
+
+  openAll(e) {
+    console.log(e)
+    e.preventDefault();
+    this.element.querySelectorAll("details").forEach(el => {
+      el.setAttribute("open", "")
+    })
+  }
+
+  closeAll(e) {
+    console.log(e)
+    e.preventDefault();
+    this.element.querySelectorAll("details").forEach(el => {
+      el.removeAttribute("open")
+    })
+  }
+}

app/javascript/controllers/index.js

@@ -16,6 +16,9 @@ application.register("check-link", CheckLinkController)
 import CollapseChevronTogglerController from "./collapse_chevron_toggler_controller"
 application.register("collapse-chevron-toggler", CollapseChevronTogglerController)
 
+import DetailsListController from "./details_list_controller"
+application.register("details-list", DetailsListController)
+
 import DragController from "./drag_controller"
 application.register("drag", DragController)