Board view (2/2): move tasks between columns
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 68/100
- issue の種類
- 機能追加
- 明瞭さ
- 明確に書かれている
- 活発さ
- 活発
- 技術スタック
- express, javascript, react
- 領域
- frontend, full-stack
調査の方向性
Start with client/src/pages/Tasks.jsx, or TaskBoard.jsx if the preceding board view uses that component; wait for Board view (1/2) to merge first. Read how task updates and error toasts are handled, then implement status changes through PUT /api/v1/tasks/:id with drag and drop and a keyboard and touch accessible Move to menu. Done means cards move immediately, revert with an error toast on failure, and column counts update; follow the listed manual checks.
索引モデルが issue の本文から書いたものです。
説明
Context
Last step of the board view: change a task's status by moving it to another column. Builds on "Board view (1/2): show tasks as a Kanban board".
Please start this after "Board view (1/2)" is merged.
Files likely involved
client/src/pages/Tasks.jsx(orTaskBoard.jsxfrom the previous step)
Acceptance criteria
- Cards can be dragged to another column, which updates the task's status (
PUT /api/v1/tasks/:idwith the newstatus). Use the browser's built-in drag and drop. Please comment first if you think a library is needed, since new dependencies need a maintainer's OK. - The card moves immediately. If the request fails, it moves back and an error toast is shown.
- Keyboard and touch users can do the same without dragging: each card has a Move to… menu (or buttons) listing the other columns.
- The column counts update after a move.
How to test
- Drag a card from To Do to Done: it moves, and stays there after a reload.
- Stop the server, drag a card: it moves back and an error toast appears.
- Using only the keyboard, move a task with Move to….
- Phone width: Move to… works there too.
New here? 👋 Comment below to ask to work on this issue, and wait to be assigned. Then follow CONTRIBUTING.md for setup and how to open a pull request. Questions are welcome in the comments or in Discussions.
- 主要言語
- JavaScript
- スター
- 3
- フォーク
- 2
- 平均マージ
- 7時間 8分
- マージ済み PR（30日）
- 38
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
KEX-03/taskflow のほかの issue
-
Due dates (3/3): highlight overdue tasks対応中かも @maansi1004 が 1 日前に担当しました。 オープンdifficulty: medium enhancement frontend hacktoberfest help wanted
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
KEX-03/taskflow#70 · コメント 3 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
Keep keyboard focus inside open dialogs対応中かも @100rabheimer が 5 日前に担当しました。 オープンdifficulty: easy enhancement frontend good first issue hacktoberfest
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
KEX-03/taskflow#62 · コメント 2 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
Announce the character counters to screen readers対応中かも @Anushka157-cha が 2 日前に担当しました。 オープンdifficulty: easy enhancement frontend good first issue hacktoberfest
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
KEX-03/taskflow#61 · コメント 6 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
Show a "Page not found" page for unknown URLs対応中かも @Salypse が 5 日前に担当しました。 オープンdifficulty: easy enhancement frontend good first issue hacktoberfest
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
KEX-03/taskflow#59 · コメント 8 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
Warn users when selecting past due dates対応中かも @the-coder-aadi が 1 日前に担当しました。 オープンenhancement frontend
KEX-03/taskflow#94 · コメント 1 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
KEX-03/taskflow の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
Query Log shows "Upstream" for CNAME cloaking, schedule, NXDOMAIN hijack and response IP blocksオープンbug good first issue query-log web
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
ferrous-networking/ferrous-dns#326 ·
メンテナーはふだん 1 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 67/100
Ylianst/MeshCentral#8294 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
メンテナーはふだん 1 日以内に返信
-
enhancement good first issue help wanted
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
yunaremaia/jsonl-cli#1 · コメント 1 件 ·