Rename lists -> projects and items -> cards throughout

Project scope shifts from a todo list to a project-management app. This is a straight terminology rename across code, comments, migrations, tests, and docs — no behaviour change. - DB: table todo_lists -> projects, todo_items -> cards, column todo_items.list_id -> cards.project_id, indexes renamed. Migrations 003/004 rewritten in place (destructive; recreate the volume with `down -v`). - API: /api/lists -> /api/projects, nested /items -> /cards, reorder body item_ids -> card_ids, JSON keys list/lists/item/items -> project/projects/ card/cards, item_count -> card_count, list_id -> project_id, and the matching error messages. - PHP: TodoList/TodoItem Repository + Controller -> Project/Card; shared SQL aliases l/i -> p/c. - Frontend: stores lists.ts/items.ts -> projects.ts/cards.ts (useProjectsStore / useCardsStore, MAX_PROJECTS), ListView -> ProjectView, TodoItemRow -> CardRow, route /lists/:id -> /projects/:id (name "project"), types TodoList/ TodoItem -> Project/Card, and all UI copy. CSS .lists*/.list-head* -> .projects*/.project-head*, .item* -> .card-row* (kept the generic .card panel class), .items -> .cards. - Product name in the header, PWA manifest, index.html title and package descriptions -> "Project Manager" / "Projects". Backend suite: 37 passing. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-04 11:28:59 +01:00
parent be592f38fc
commit c66e5ceb9b
30 changed files with 1068 additions and 1065 deletions
@@ -0,0 +1,88 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import { apiRequest } from '../lib/api'
+import type { Card } from '../types'
+
+type CardPatch = Partial<Pick<Card, 'text' | 'complete' | 'position'>>
+
+export const useCardsStore = defineStore('cards', () => {
+  // Held in project order (by position); mutated in place by drag-and-drop.
+  const cards = ref<Card[]>([])
+  const projectId = ref<number | null>(null)
+  const loading = ref(false)
+  const loaded = ref(false)
+
+  const completedCount = () => cards.value.filter((c) => c.complete).length
+
+  async function load(id: number): Promise<void> {
+    projectId.value = id
+    loaded.value = false
+    loading.value = true
+    try {
+      const { cards: fetched } = await apiRequest<{ cards: Card[] }>(`/projects/${id}/cards`, {
+        auth: true,
+      })
+      cards.value = fetched
+      loaded.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function add(text: string): Promise<void> {
+    const { card } = await apiRequest<{ card: Card }>(`/projects/${projectId.value}/cards`, {
+      method: 'POST',
+      auth: true,
+      body: { text },
+    })
+    // The API appends the card, so the end of the array is its correct place.
+    cards.value.push(card)
+  }
+
+  async function patch(card: Card, fields: CardPatch): Promise<void> {
+    const { card: updated } = await apiRequest<{ card: Card }>(
+      `/projects/${projectId.value}/cards/${card.id}`,
+      { method: 'PATCH', auth: true, body: fields },
+    )
+    const i = cards.value.findIndex((x) => x.id === updated.id)
+    if (i !== -1) cards.value[i] = updated
+  }
+
+  const setComplete = (card: Card, complete: boolean) => patch(card, { complete })
+  const setText = (card: Card, text: string) => patch(card, { text })
+
+  async function remove(card: Card): Promise<void> {
+    await apiRequest(`/projects/${projectId.value}/cards/${card.id}`, { method: 'DELETE', auth: true })
+    cards.value = cards.value.filter((c) => c.id !== card.id)
+  }
+
+  /** Persist the current array order (call after a drag ends). */
+  async function persistOrder(): Promise<void> {
+    const { cards: fresh } = await apiRequest<{ cards: Card[] }>(
+      `/projects/${projectId.value}/cards/order`,
+      { method: 'PUT', auth: true, body: { card_ids: cards.value.map((c) => c.id) } },
+    )
+    cards.value = fresh
+  }
+
+  function reset(): void {
+    cards.value = []
+    projectId.value = null
+    loaded.value = false
+  }
+
+  return {
+    cards,
+    projectId,
+    loading,
+    loaded,
+    completedCount,
+    load,
+    add,
+    setComplete,
+    setText,
+    remove,
+    persistOrder,
+    reset,
+  }
+})