From eac750912f80b7d18589f85ab9e4a4c49ffb65d6 Mon Sep 17 00:00:00 2001
From: Alexander Zaytsev <nqst@users.noreply.github.com>
Date: Mon, 9 Mar 2026 09:55:23 +0100
Subject: [PATCH] Reset checkbox when cancellation dialog closes

---
 .../controllers/toggle_enable_controller.js           | 11 ++++++++++-
 app/views/account/settings/_cancellation.html.erb     |  8 ++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/app/javascript/controllers/toggle_enable_controller.js b/app/javascript/controllers/toggle_enable_controller.js
index b65ea57d4..78496cd7d 100644
--- a/app/javascript/controllers/toggle_enable_controller.js
+++ b/app/javascript/controllers/toggle_enable_controller.js
@@ -1,11 +1,20 @@
 import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
-  static targets = [ "element" ]
+  static targets = [ "element", "checkbox" ]
 
   toggle() {
     this.elementTargets.forEach((element) => {
       element.toggleAttribute("disabled")
     })
   }
+
+  reset() {
+    this.checkboxTargets.forEach((checkbox) => {
+      checkbox.checked = false
+    })
+    this.elementTargets.forEach((element) => {
+      element.toggleAttribute("disabled", true)
+    })
+  }
 }
diff --git a/app/views/account/settings/_cancellation.html.erb b/app/views/account/settings/_cancellation.html.erb
index 193316ced..6411c6833 100644
--- a/app/views/account/settings/_cancellation.html.erb
+++ b/app/views/account/settings/_cancellation.html.erb
@@ -5,10 +5,10 @@
       <div>Permanently delete this account and all its data, including users, boards, and cards.</div>
     </header>
 
-    <div data-controller="dialog" data-dialog-modal-value="true">
+    <div data-controller="dialog toggle-enable" data-dialog-modal-value="true">
       <button type="button" class="btn btn--negative" data-action="dialog#open">Delete account...</button>
 
-      <dialog class="dialog panel panel--wide shadow" data-dialog-target="dialog" style="--panel-size: 48ch;">
+      <dialog class="dialog panel panel--wide shadow" data-dialog-target="dialog" data-action="close->toggle-enable#reset" style="--panel-size: 48ch;">
         <h2 class="margin-none txt-large txt-negative">Delete account</h2>
         <div class="txt-align-start">
           <h3 class="margin-block-start margin-block-end-half txt-normal">What happens next:</h3>
@@ -29,9 +29,9 @@
           </p>
         </div>
 
-        <div data-controller="toggle-enable">
+        <div>
           <label class="flex gap justify-start txt-align-start margin-block-end-double">
-            <input type="checkbox" class="checkbox" data-action="change->toggle-enable#toggle">
+            <input type="checkbox" class="checkbox" data-toggle-enable-target="checkbox" data-action="change->toggle-enable#toggle">
             I’ve read the above and want to continue
           </label>