Task completion Stimulus controller

app/controllers/tasks_controller.rb

@@ -51,7 +51,7 @@ def destroy
 
   private
     def task_params
-      params.require(:task).permit(:description, :notes, :position)
+      params.require(:task).permit(:description, :notes, :position, :completed)
     end
 
     def tasks

app/javascript/controllers/task_controller.js

@@ -0,0 +1,13 @@
+import { Controller } from "@hotwired/stimulus";
+import { patch } from "@rails/request.js";
+
+export default class extends Controller {
+  async toggle(event) {
+    event.target.setAttribute("disabled", true);
+
+    await patch(this.element.dataset.sortableUpdateUrl, {
+      body: { task: { completed: event.target.checked } },
+      responseKind: "turbo-stream",
+    });
+  }
+}

app/views/tasks/_task.html.erb

@@ -1,4 +1,5 @@
-<%= turbo_frame_tag task, data: { "sortable-update-url": task_path(task) } do %>
+<%= turbo_frame_tag task, data: { controller: "task", "sortable-update-url": task_path(task) } do %>
+  <%= checkbox_tag :completed, checked: task.completed?, data: { action: "task#toggle" } %>
   <h1><%= link_to task, task, data: { turbo_frame: :_top } %></h1>
   <%= link_to "Edit", edit_task_path(task) %>
   <%= button_to "Delete", task_path(task), method: :delete %>