aneurinandClaude Sonnet 5
c47c800d01
Statuses
- Migration 006: card_statuses table (project-scoped) and cards.status_id, a
nullable FK with ON DELETE SET NULL. Every new project is seeded with
"To do" / "Doing" / "Done"; GET /api/projects/{id}/statuses lists them.
- New cards have no status -- they sit in an "inbox" until moved.
Project view
- Full-width and tabbed: "All tasks" (a flat list, sorted by name
case-insensitively) and "Kanban" (Inbox plus one column per status).
- Drag a card within or between columns to reorder / restatus; the Inbox
column has its own name + Add form.
Ordering
- Migration 007: `position` is now a dense 0..n-1 rank within a
(project_id, status_id) column, not a project-wide order. New composite
index idx_cards_project_status_position; existing rows re-ranked.
- PUT /api/projects/{id}/cards/order takes { status_id, card_ids } and sets one
column's contents and order, re-parenting moved-in cards and re-packing their
source column in a single transaction. PATCH status_id appends the card to the
end of the destination column.
58 phpunit tests pass; the frontend type-checks and builds.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
40 lines
1.1 KiB
Vue
40 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { RouterLink, RouterView, useRoute, useRouter } from 'vue-router'
|
|
import { useAuthStore } from './stores/auth'
|
|
import { useCardsStore } from './stores/cards'
|
|
import { useProjectsStore } from './stores/projects'
|
|
|
|
const auth = useAuthStore()
|
|
const projects = useProjectsStore()
|
|
const cards = useCardsStore()
|
|
const router = useRouter()
|
|
const route = useRoute()
|
|
|
|
async function onLogout() {
|
|
auth.logout()
|
|
projects.reset()
|
|
cards.reset()
|
|
await router.push({ name: 'login' })
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="app">
|
|
<header class="app__bar">
|
|
<span class="app__brand">Projects</span>
|
|
|
|
<div v-if="auth.isAuthenticated" class="app__account">
|
|
<RouterLink v-if="!auth.emailVerified" to="/profile" class="badge badge--warn">
|
|
verify email
|
|
</RouterLink>
|
|
<RouterLink to="/profile" class="app__email">{{ auth.user?.email }}</RouterLink>
|
|
<button type="button" class="link" @click="onLogout">Log out</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="app__main" :class="{ 'app__main--wide': route.meta.wide }">
|
|
<RouterView />
|
|
</main>
|
|
</div>
|
|
</template>
|