Skip to content

Update task card interactivity with Turbo Streams#167

Open
fujiwara-e wants to merge 3 commits intonomlab:mainfrom
fujiwara-e:fix/task-status
Open

Update task card interactivity with Turbo Streams#167
fujiwara-e wants to merge 3 commits intonomlab:mainfrom
fujiwara-e:fix/task-status

Conversation

@fujiwara-e
Copy link
Copy Markdown
Contributor

概要

タスク一覧画面のカードで,タスクの状態を変更すると Content missing と表示されるバグを修正.
原因は,TasksControllerupdate アクションで format.turbo_stream ハンドラが実装されていなかったこと.

変更点

  • update アクションに format.turbo_stream ハンドラを追加.
  • 状態変更時のカード置き換えのためにTurbo Stream ビューを作成.

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

タスク一覧画面のカード上で状態変更(PATCH)した際に Content missing が出る問題を、Turbo Streams を用いてカード部分だけ差し替えることで解消するPRです。

Changes:

  • TasksController#update に Turbo Stream 応答(update.turbo_stream)を追加
  • タスクカードの描画を Turbo Frame 単位で置換できるようにし、更新時に該当カードのみ差し替え
  • 完了状態の見た目変化を滑らかにするため、opacity の transition を追加

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 3 comments.

File Description
app/controllers/tasks_controller.rb update の Turbo Stream 応答を追加し、カード更新をストリームで返す
app/views/tasks/update.turbo_stream.erb task_card_*turbo_stream.replace で差し替えるテンプレートを追加
app/views/tasks/_task.html.erb タスクカード全体を turbo_frame_tag("task_card_*") でラップし、差し替え対象を統一
app/assets/stylesheets/tasks.scss 完了/未完了切替時の opacity 変化に transition を付与

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants