Add TaskStep model for subtasks, and integrate Turbo

Author: despo

Gemfile

@@ -24,3 +24,5 @@ group :test do
   gem "factory_bot_rails"
   gem "rspec-rails", "~> 7.1"
 end
+
+gem "turbo-rails", "~> 2.0"

Gemfile.lock

@@ -250,6 +250,9 @@ GEM
     stringio (3.1.2)
     thor (1.3.2)
     timeout (0.4.3)
+    turbo-rails (2.0.11)
+      actionpack (>= 6.0.0)
+      railties (>= 6.0.0)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
     unicode-display_width (3.1.4)
@@ -275,6 +278,7 @@ DEPENDENCIES
   rspec-rails (~> 7.1)
   rubocop-rails-omakase
   todoro!
+  turbo-rails (~> 2.0)
 
 BUNDLED WITH
    2.6.1

app/controllers/todoro/task_steps_controller.rb

@@ -0,0 +1,42 @@
+module Todoro
+  class TaskStepsController < ApplicationController
+    before_action :set_task
+    before_action :set_task_step, only: [:complete]
+
+    def create
+      @task_step = @task.task_steps.build(task_step_params)
+
+      if @task_step.save
+        respond_to do |format|
+          format.html { redirect_to [@taskable, @task.task_list], notice: "Subtask added." }
+          format.turbo_stream
+        end
+      else
+        render :new
+      end
+    end
+
+
+    def complete
+      @task_step.update(completed: true)
+      respond_to do |format|
+        format.html { redirect_to [@taskable, @task.task_list], notice: "Subtask marked as completed." }
+        format.turbo_stream
+      end
+    end
+
+    private
+
+    def set_task
+      @task = Todoro::Task.find(params[:task_id])
+    end
+
+    def set_task_step
+      @task_step = @task.task_steps.find(params[:id])
+    end
+
+    def task_step_params
+      params.require(:task_step).permit(:title, :complete)
+    end
+  end
+end

app/controllers/todoro/tasks_controller.rb

@@ -5,6 +5,7 @@ class TasksController < ApplicationController
 
     def new
       @task = @task_list.tasks.new
+      @task.task_steps.build
     end
 
     def create
@@ -33,7 +34,7 @@ def destroy
     end
 
     def complete
-      @task.update(status: "completed")
+      @task.complete!
       redirect_to [ @taskable, @task_list ], notice: "Task marked as completed."
     end
 
@@ -48,7 +49,8 @@ def set_task_list
     end
 
     def task_params
-      params.require(:task).permit(:title, :description, :status, :due_date)
+      params.require(:task).permit(:title, :description, :status, :due_date,
+                                   task_steps_attributes: [:id, :title, :completed, :_destroy])
     end
   end
 end

app/models/todoro/task.rb

@@ -11,6 +11,8 @@ class Task < ApplicationRecord
 
     after_create :set_default_reminders
 
+    accepts_nested_attributes_for :task_steps
+
     def complete!
       update(status: "completed", completed_at: Time.zone.now)
     end

app/views/todoro/task_lists/show.html.erb

@@ -1,9 +1,3 @@
-<h1><%= @task_list.name %></h1>
-
-<%= link_to "Edit", edit_polymorphic_path([@task_list.taskable, @task_list]), class: "btn btn-warning" %>
-
-<%= button_to "Delete", polymorphic_path([@task_list.taskable, @task_list]), method: :delete, data: { confirm: "Are you sure?" }, class: "btn btn-danger btn-link" %>
-
 <h2>Tasks</h2>
 <%= link_to "Add Task", new_polymorphic_path([@task_list.taskable, @task_list, :task]), class: "btn btn-primary" %>
 
@@ -13,12 +7,20 @@
       <%= task.title %> - <%= task.status %>
       <%= link_to "Edit", edit_polymorphic_path([@task_list.taskable, @task_list, task]) %> |
 
-       <%= button_to "Complete", polymorphic_path([@task_list.taskable, @task_list, task], action: :complete), method: :patch, class: "btn btn-success btn-link", data: { turbo: true } if task.status == "pending" %>
+      <%= button_to "Complete", polymorphic_path([@task_list.taskable, @task_list, task], action: :complete), method: :patch, class: "btn btn-success btn-link", data: { turbo: true } if task.status == "pending" %>
+
+      <%= button_to "Delete", polymorphic_path([@task_list.taskable, @task_list, task]), method: :delete, data: { confirm: "Are you sure?" }, class: "btn btn-danger btn-link" %>
+
+      <h3>Subtasks</h3>
+      <div id="subtasks">
+        <%= turbo_frame_tag "task_steps" do %>
+          <%= render task.task_steps %>
+        <% end %>
+      </div>
 
-       <%= button_to "Delete", polymorphic_path([@task_list.taskable, @task_list, task]), method: :delete, data: { confirm: "Are you sure?" }, class: "btn btn-danger btn-link" %>
+      <%= render "todoro/task_steps/form", task: task %>
 
-    </li>
-  <% end %>
+    <% end %>
 </ul>
 
 <%= link_to "Back to Task Lists", polymorphic_path([@task_list.taskable, :task_lists]), class: "btn btn-secondary" %>

app/views/todoro/task_steps/_form.html.erb

@@ -0,0 +1,8 @@
+<%= form_with model: Todoro::TaskStep.new, url: [@taskable, @task_list, task, :task_steps], method: :post, local: true do |form| %>
+  <div class="form-group">
+    <%= form.label :title, "New Subtask" %>
+    <%= form.text_field :title, class: "form-control", required: true %>
+  </div>
+
+  <%= form.submit "Add Subtask", class: "btn btn-primary" %>
+<% end %>

app/views/todoro/task_steps/_task_step.html.erb

@@ -0,0 +1,7 @@
+<div id="task_step_<%= task_step.id %>">
+  <%= task_step.title %> - <%= task_step.completed ? "✅" : "❌" %>
+
+  <%= button_to "Complete", polymorphic_path([@task_list.taskable, @task_list, task_step.task, task_step], action: :complete), method: :patch, class: "btn btn-success btn-link", data: { turbo: true } unless task_step.completed %>
+
+  <%= button_to "Delete", polymorphic_path([@task_list.taskable, @task_list, task_step.task, task_step]), method: :delete, data: { confirm: "Are you sure?" }, class: "btn btn-danger btn-link" %>
+</div>

app/views/todoro/tasks/_form.html.erb

@@ -1,4 +1,5 @@
-<%= form_with model: task, url: polymorphic_path([@taskable, @task_list, @task]), local: true do |form| %>
+<%= form_with model: task, url: polymorphic_path([@taskable, @task_list, task]), local: true do |form| %>
+
   <div class="form-group">
     <%= form.label :title %>
     <%= form.text_field :title, class: "form-control", required: true %>
@@ -14,5 +15,5 @@
     <%= form.datetime_select :due_date, class: "form-control" %>
   </div>
 
-  <%= form.submit class: "btn btn-success" %>
+  <%= form.submit "Save Task", class: "btn btn-success" %>
 <% end %>

config/routes.rb

@@ -6,6 +6,10 @@
       resources :task_lists do
         resources :tasks, only: [ :new, :edit, :create, :update, :destroy ] do
           patch :complete, on: :member
+
+          resources :task_steps, only: [ :create ], path: 'step' do
+            patch :complete, on: :member
+          end
         end
       end
     end