Add link to update task state

app/controllers/tasks_controller.rb

@@ -1,8 +1,8 @@
 # coding: utf-8
 class TasksController < ApplicationController
-  before_action :set_task, only: %i[ show edit update destroy ]
+  before_action :set_task, only: %i[ show edit update destroy complete ]
   before_action :get_form_data, only: %i[ new edit ]
-  before_action :logged_in_user, only: %i[ new create edit update destroy]
+  before_action :logged_in_user, only: %i[ new create edit update destroy complete ]
   before_action :search, only: %i[ index ]
 
   def search
@@ -67,6 +67,16 @@ def update
     end
   end
 
+  def complete
+    task_state_name = params[:task_state_name]
+    @task.task_state_id = TaskState.find_by(name: task_state_name).id
+    if @task.update(task_state_params)
+      flash[:success] = "タスクの状態を更新しました"
+    else
+      flash[:warning] = "タスクの状態の更新に失敗しました"
+    end
+  end
+
   # DELETE /tasks/1 or /tasks/1.json
   def destroy
     @task.destroy
@@ -95,6 +105,10 @@ def task_params
     params.require(:task).permit(:assigner_id, :due_at, :content, :description, :project_id, :task_state_id)
   end
 
+  def task_state_params
+    params.permit(:task_state_id)
+  end
+
   def parse_tag_names(tag_names)
     @task.tags = tag_names.split.map do |tag_name|
       tag = Tag.find_by(name: tag_name)

app/views/tasks/index.html.erb

@@ -16,10 +16,11 @@
     <div>
       <p class="text-xl">
         <% if task.state.name=="todo" %>
-          <i class="far fa-dot-circle"></i>
-        <% end %>
-        <% if task.state.name=="done" %>
-          <i class="far fa-check-circle"></i>
+          <i id="task_<%= task.id %>" class="far fa-dot-circle"></i>
+        <% elsif task.state.name=="done" %>
+          <i id="task_<%= task.id %>" class="far fa-check-circle"></i>
+        <% elsif task.state.name="draft" %>
+          <i id="task_<%= task.id %>" class="far fa-circle"></i>
         <% end %>
         <%= link_to task.content, task %>
       </p>
@@ -45,6 +46,7 @@
       <%= link_to '詳細', task %>
       <%= link_to '編集', edit_task_path(task) %>
       <%= link_to '削除', task, method: :delete, data: { confirm: 'このタスクを削除しますか？' } %>
+      <%= link_to '完了', complete_path(task, task_state_name: "done"), method: :put, onclick: "updateState(#{task.id})" %>
     <% end %>
   </div>
 <% end %>
@@ -54,3 +56,11 @@
     <%= raw(paginate @tasks) %>
   </div>
 </div>
+
+<script>
+  function updateState(task_id){
+    id = "task_" + task_id;
+    element = document.getElementById(id);
+    element.classList.toggle('fa-check-circle');
+  }
+</script>

config/routes.rb

@@ -14,4 +14,5 @@
   delete '/logout',  to: 'sessions#destroy'
   get '/login', to: 'sessions#login_with_passwd_auth'
   # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
+  put '/tasks/:id/complete', to: 'tasks#complete', as: :complete
 end