Skip to content

feat(frontend): 一覧のラベル列と作成ダイアログのラベル選択 - #538

Open
yupix wants to merge 2 commits into
feat/task-label-bulk-removefrom
feat/task-label-ui-surfaces
Open

feat(frontend): 一覧のラベル列と作成ダイアログのラベル選択#538
yupix wants to merge 2 commits into
feat/task-label-bulk-removefrom
feat/task-label-ui-surfaces

Conversation

@yupix

@yupix yupix commented Aug 13, 2026

Copy link
Copy Markdown
Contributor

Stacked on #537

概要

ラベルのフロント露出を仕上げる。#534 の時点で一覧 API のレスポンスには labels が載っているのにテーブルは表示しておらず、作成 API は label_ids を受けるのにダイアログから指定できなかった。どちらもフロントのみの変更で埋まる。

変更内容

  • タスク一覧テーブルに「ラベル」列を追加（色チップ・ソートなし・既存の「列」メニューで表示切替可能）
  • CreateTaskDialog にラベル選択（チップトグル）を追加
    • 選択がある場合のみ label_ids を作成リクエストに含める
    • ダイアログを閉じると選択はリセット
    • プロジェクトにラベルがなければセクションごと非表示
  • TaskTable ストーリーのフィクスチャにラベル付きタスクを追加

挙動の変化

  • 一覧画面でタスクのラベルが見える
  • 新規タスク作成時にラベルを付けられる
  • backend 変更なし（openapi.json 差分ゼロ）

テスト

  • ユニットテスト 3 件追加: 選択した label_ids が作成リクエストに入る / 未選択なら label_ids を送らない / トグル解除で選択が外れる
  • pnpm verify / test:unit（261 件）すべて PASS

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Aug 13, 2026 •
edited
Loading

Copy link
Copy Markdown

Deploying koyori with  Cloudflare Pages  Cloudflare Pages

Latest commit: ced23d6
Status: ✅  Deploy successful!
Preview URL: https://3ace4e8e.koyori.pages.dev
Branch Preview URL: https://feat-task-label-ui-surfaces.koyori.pages.dev

View logs

@github-actions

github-actions Bot commented Aug 13, 2026 •
edited
Loading

Copy link
Copy Markdown

Coverage Report for apps/frontend

Status Category Percentage Covered / Total
🟢 Lines 86.53% 1324 / 1530
🟢 Statements 83.54% 1462 / 1750
🟢 Functions 84.98% 583 / 686
🟡 Branches 76.72% 1091 / 1422
File Coverage
File Stmts Branches Functions Lines Uncovered Lines
Changed Files
apps/frontend/src/components/tasks/CreateTaskDialog.vue 90.62% 86.81% 90.74% 91.15% 108, 141-142, 145-146, 155, 173, 207, 222, 230, 239, 248
Generated in workflow #2073 for commit ced23d6 by the Vitest Coverage Report Action

@github-actions

github-actions Bot commented Aug 13, 2026 •
edited
Loading

Copy link
Copy Markdown

📦 Frontend bundle diagnostics

Metric Before After Δ Δ (%)
Raw 2.23 MB 2.23 MB +4.3 KB +0.2%
Gzip 727.0 KB 727.9 KB +927 B +0.1%
Brotli 630.1 KB 630.9 KB +807 B +0.1%
Zstd 762.5 KB 763.6 KB +1.0 KB +0.1%

zstd (and gzip/brotli) are per-part compression sums, not one-shot compressed sizes for whole chunks. Suitable for before/after deltas; absolute values overstate real delivery size.

Chunk changes

Chunk Status Raw Δ Raw Δ (%) Gzip Δ Gzip Δ (%) Brotli Δ Brotli Δ (%) Zstd Δ Zstd Δ (%)
assets/entries/src_pages_-tenant_projects_-projectKey_tasks.[hash].js changed +4.3 KB +2.3% +927 B +2.1% +807 B +2.1% +1.0 KB +2.1%

Open interactive treemap

@yupix
yupix force-pushed the feat/task-label-ui-surfaces branch from 08ce4dd to 6c86f6e Compare August 13, 2026 12:52
yupix added a commit that referenced this pull request Aug 13, 2026
@yupix
fix(frontend): 作成ダイアログのラベル選択をプロジェクト切替・query 状態に追従させる
4b3df21 
PR #538 のレビュー指摘対応。

- プロジェクト切替時にフォームをリセットし、旧プロジェクトのラベル ID が
  新プロジェクトへの作成リクエストに混入しないようにする
- ラベル一覧の正常取得後、削除済み ID を選択から外して送信しない。
  未取得（undefined）の間は選択を保持する
- labels query のロード中・エラーを正常な 0 件と区別して表示し、
  エラー時は再試行ボタンから refetch できるようにする
- ラベル選択ボタン群を role=group + aria-labelledby で「ラベル」見出しに
  関連付ける
- ProjectSwitch story のモックが labels API にプロジェクト配列を返して
  いたのを修正し、プロジェクトごとのラベル fixture を返す。play test で
  切替後のラベル候補の入れ替わりも検証する
yupix added a commit that referenced this pull request Aug 13, 2026
@yupix
fix(frontend): 作成ダイアログのラベル選択をプロジェクト切替・query 状態に追従させる
3f44d44 
PR #538 のレビュー指摘対応。

- プロジェクト切替時にフォームをリセットし、旧プロジェクトのラベル ID が
  新プロジェクトへの作成リクエストに混入しないようにする
- ラベル一覧の正常取得後、削除済み ID を選択から外して送信しない。
  未取得（undefined）の間は選択を保持する
- labels query のロード中・エラーを正常な 0 件と区別して表示し、
  エラー時は再試行ボタンから refetch できるようにする
- ラベル選択ボタン群を role=group + aria-labelledby で「ラベル」見出しに
  関連付ける
- ProjectSwitch story のモックが labels API にプロジェクト配列を返して
  いたのを修正し、プロジェクトごとのラベル fixture を返す。play test で
  切替後のラベル候補の入れ替わりも検証する
@yupix
yupix force-pushed the feat/task-label-ui-surfaces branch from 4b3df21 to 3f44d44 Compare August 13, 2026 14:53
yupix added a commit that referenced this pull request Aug 13, 2026
@yupix
fix(frontend): 作成ダイアログのラベル選択をプロジェクト切替・query 状態に追従させる
d37d4f0 
PR #538 のレビュー指摘対応。

- プロジェクト切替時にフォームをリセットし、旧プロジェクトのラベル ID が
  新プロジェクトへの作成リクエストに混入しないようにする
- ラベル一覧の正常取得後、削除済み ID を選択から外して送信しない。
  未取得（undefined）の間は選択を保持する
- labels query のロード中・エラーを正常な 0 件と区別して表示し、
  エラー時は再試行ボタンから refetch できるようにする
- ラベル選択ボタン群を role=group + aria-labelledby で「ラベル」見出しに
  関連付ける
- ProjectSwitch story のモックが labels API にプロジェクト配列を返して
  いたのを修正し、プロジェクトごとのラベル fixture を返す。play test で
  切替後のラベル候補の入れ替わりも検証する
@yupix
yupix force-pushed the feat/task-label-ui-surfaces branch from 3f44d44 to d37d4f0 Compare August 13, 2026 16:26
yupix added a commit that referenced this pull request Aug 13, 2026
@yupix
fix(frontend): 作成ダイアログのラベル選択をプロジェクト切替・query 状態に追従させる
342d747 
PR #538 のレビュー指摘対応。

- プロジェクト切替時にフォームをリセットし、旧プロジェクトのラベル ID が
  新プロジェクトへの作成リクエストに混入しないようにする
- ラベル一覧の正常取得後、削除済み ID を選択から外して送信しない。
  未取得（undefined）の間は選択を保持する
- labels query のロード中・エラーを正常な 0 件と区別して表示し、
  エラー時は再試行ボタンから refetch できるようにする
- ラベル選択ボタン群を role=group + aria-labelledby で「ラベル」見出しに
  関連付ける
- ProjectSwitch story のモックが labels API にプロジェクト配列を返して
  いたのを修正し、プロジェクトごとのラベル fixture を返す。play test で
  切替後のラベル候補の入れ替わりも検証する
@yupix
yupix force-pushed the feat/task-label-ui-surfaces branch from d37d4f0 to 342d747 Compare August 13, 2026 17:25
yupix added a commit that referenced this pull request Aug 13, 2026
@yupix
fix(frontend): 作成ダイアログのラベル選択をプロジェクト切替・query 状態に追従させる
1074b4f 
PR #538 のレビュー指摘対応。

- プロジェクト切替時にフォームをリセットし、旧プロジェクトのラベル ID が
  新プロジェクトへの作成リクエストに混入しないようにする
- ラベル一覧の正常取得後、削除済み ID を選択から外して送信しない。
  未取得（undefined）の間は選択を保持する
- labels query のロード中・エラーを正常な 0 件と区別して表示し、
  エラー時は再試行ボタンから refetch できるようにする
- ラベル選択ボタン群を role=group + aria-labelledby で「ラベル」見出しに
  関連付ける
- ProjectSwitch story のモックが labels API にプロジェクト配列を返して
  いたのを修正し、プロジェクトごとのラベル fixture を返す。play test で
  切替後のラベル候補の入れ替わりも検証する
@yupix
yupix force-pushed the feat/task-label-ui-surfaces branch from 342d747 to 1074b4f Compare August 13, 2026 17:50
yupix added 2 commits August 14, 2026 02:58
@yupix
feat(frontend): 一覧のラベル列と作成ダイアログのラベル選択
03108c2 
- タスク一覧テーブルに「ラベル」列を追加（色チップ・ソートなし・列メニューで
  表示切替可能）。一覧 API のレスポンスに載っている labels をそのまま表示する
- CreateTaskDialog にラベル選択（チップトグル）を追加。選択がある場合のみ
  label_ids を作成リクエストに含める。ダイアログを閉じると選択はリセット。
  プロジェクトにラベルがなければセクションごと非表示
- TaskTable ストーリーのフィクスチャにラベル付きタスクを追加
- ユニットテスト: 選択した label_ids が作成リクエストに入る / 未選択なら
  label_ids を送らない / トグル解除で選択が外れる
@yupix
fix(frontend): 作成ダイアログのラベル選択をプロジェクト切替・query 状態に追従させる
ced23d6 
PR #538 のレビュー指摘対応。

- プロジェクト切替時にフォームをリセットし、旧プロジェクトのラベル ID が
  新プロジェクトへの作成リクエストに混入しないようにする
- ラベル一覧の正常取得後、削除済み ID を選択から外して送信しない。
  未取得（undefined）の間は選択を保持する
- labels query のロード中・エラーを正常な 0 件と区別して表示し、
  エラー時は再試行ボタンから refetch できるようにする
- ラベル選択ボタン群を role=group + aria-labelledby で「ラベル」見出しに
  関連付ける
- ProjectSwitch story のモックが labels API にプロジェクト配列を返して
  いたのを修正し、プロジェクトごとのラベル fixture を返す。play test で
  切替後のラベル候補の入れ替わりも検証する
@yupix
yupix force-pushed the feat/task-label-ui-surfaces branch from 1074b4f to ced23d6 Compare August 13, 2026 17:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@yupix