미션 관리 앱 같이 만들자(계속)

1. 오프닝

1. 전제, 사전 작업

2. check_box_태그 쓰세요.

<h1><%= @project.title %></h1>

<ul>
    <!-- projectに紐付くtaskがあるだけループする -->
    <% @project.tasks.each do |task| %>
    <li>
        <!-- 進捗管理用チェックボックス -->
        <!-- idやvalueは不要なのでオプションはブランク -->
        <!-- task.done がチェックの有無を意味する(true, false) -->
        <!-- taskのIDとprojectのIDを属性として保持させて使えるようにする -->
        <%= check_box_tag '', '', task.done, {'data-id' => task.id, 'data-project_id' => task.project_id} %>
        <!-- taskのtitleを表示 -->
        <%= task.title %>
        <!-- 削除リンク(taskのプロジェクトIDとtaskIDを取得) -->
        <%= link_to "[Delete]", project_task_path(task.project_id, task.id), method: :delete, data: {confirm: "are you sure?"} %>
    </li>
    <% end %>

    <!-- 新規タスク登録フォーム -->
    <li>
        <%= form_for [@project, @project.tasks.build] do |f| %>
        <%= f.text_field :title %>
        <%= f.submit %>
        <% end %>
    </li>

</ul>

<!-- jqueryの機能を使ってチェックボックスの制御を行う -->
<script type="text/javascript">
    $(function() {
        $("input[type=checkbox]").click(function() {
            $.post('/projects/'+$(this).data('project_id')+'/tasks/'+$(this).data('id')+'/toggle')
        })
    })
</script>

    <!-- projectに紐付くtaskがあるだけループする -->
    <li>
        <!-- 進捗管理用チェックボックス -->
        <!-- idやvalueは不要なのでオプションはブランク -->
        <!-- task.done がチェックの有無を意味する(true, false) -->
        <!-- taskのIDとprojectのIDを属性として保持させて使えるようにする -->
        <input data-id="4" data-project_id="4" id="" name="" type="checkbox" value="" />
        <!-- taskのtitleを表示 -->
        task1
        <!-- 削除リンク(taskのプロジェクトIDとtaskIDを取得) -->
        <a data-confirm="are you sure?" data-method="delete" href="/projects/4/tasks/4" rel="nofollow">[Delete]</a>
    </li>

  post 'projects/:project_id/tasks/:id/toggle' => 'task#toggle'

POST   /projects/:project_id/tasks/:id/toggle(.:format) task#toggle

class TasksController < ApplicationController


  # createアクションを追加
  def create
    # 画面からわたってきたIDからprojectをfindする
    @project = Project.find(params[:project_id])
    # taskを登録
    @task    = @project.tasks.create(tasks_params)
    # 遷移先はプロジェクト詳細画面
    redirect_to project_path(@project.id)
  end
  # destroyアクションを追加
  def destroy
      @task = Task.find(params[:id])
      @task.destroy
      redirect_to project_path(params[:project_id])
  end
  # toggleアクションを追加
  def toggle
      render nothing: true
      @task      = Task.find(params[:id])
      # タスクのdoneの値をひっくり返す
      @task.done = !@task.done
      @task.save
      # 下記でもいいけど、render nothing: true でOKなので、下記はコメントアウト
      # redirect_to project_path(params[:project_id])
  end

  private
    # task_params を定義
    def tasks_params
      # taskでわたってきたもののうち、titleだけ使用
      params[:task].permit(:title)
    end

end

  post 'projects/:project_id/tasks/:id/toggle' => 'task#toggle'