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>
This commit is contained in:
Claude Sonnet 5
+31
-30
@@ -117,7 +117,7 @@ h1 {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.lists {
|
||||
.projects {
|
||||
list-style: none;
|
||||
margin: 1.5rem 0 0;
|
||||
padding: 0;
|
||||
@@ -125,12 +125,12 @@ h1 {
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.lists__item {
|
||||
.projects__item {
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.lists__link {
|
||||
.projects__link {
|
||||
display: block;
|
||||
padding: 0.75rem 0.9rem;
|
||||
color: inherit;
|
||||
@@ -138,25 +138,25 @@ h1 {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.lists__link:hover {
|
||||
.projects__link:hover {
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
.lists__head {
|
||||
.projects__head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.lists__title {
|
||||
.projects__title {
|
||||
font-weight: 600;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
/* --- list detail: items ------------------------------------------------- */
|
||||
/* --- project detail: cards ------------------------------------------ */
|
||||
|
||||
.items {
|
||||
.cards {
|
||||
list-style: none;
|
||||
margin: 1rem 0 0;
|
||||
padding: 0;
|
||||
@@ -164,7 +164,7 @@ h1 {
|
||||
gap: 0.4rem;
|
||||
}
|
||||
|
||||
.item {
|
||||
.card-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
@@ -174,11 +174,11 @@ h1 {
|
||||
background: var(--surface);
|
||||
}
|
||||
|
||||
.item--ghost {
|
||||
.card-row--ghost {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.item__handle {
|
||||
.card-row__handle {
|
||||
cursor: grab;
|
||||
color: var(--muted);
|
||||
user-select: none;
|
||||
@@ -186,13 +186,13 @@ h1 {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.item__check {
|
||||
.card-row__check {
|
||||
flex: none;
|
||||
width: 1.1rem;
|
||||
height: 1.1rem;
|
||||
}
|
||||
|
||||
.item__text {
|
||||
.card-row__text {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
border: 1px solid transparent;
|
||||
@@ -203,22 +203,22 @@ h1 {
|
||||
padding: 0.3rem 0.4rem;
|
||||
}
|
||||
|
||||
.item__text:hover {
|
||||
.card-row__text:hover {
|
||||
border-color: var(--border);
|
||||
}
|
||||
|
||||
.item__text:focus {
|
||||
.card-row__text:focus {
|
||||
outline: none;
|
||||
border-color: var(--accent);
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
.item--done .item__text {
|
||||
.card-row--done .card-row__text {
|
||||
text-decoration: line-through;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.item__delete {
|
||||
.card-row__delete {
|
||||
flex: none;
|
||||
border: none;
|
||||
background: none;
|
||||
@@ -229,27 +229,27 @@ h1 {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.item__delete:hover {
|
||||
.card-row__delete:hover {
|
||||
color: var(--error);
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
/* --- list detail: header, inline title/description, manage menu -------- */
|
||||
/* --- project detail: header, inline title/description, manage menu - */
|
||||
|
||||
.list-head {
|
||||
.project-head {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.list-head__title {
|
||||
.project-head__title {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
margin: 0 0 0.5rem;
|
||||
}
|
||||
|
||||
.list-head__title input,
|
||||
.list-head__desc {
|
||||
.project-head__title input,
|
||||
.project-head__desc {
|
||||
width: 100%;
|
||||
font: inherit;
|
||||
color: var(--text);
|
||||
@@ -259,12 +259,12 @@ h1 {
|
||||
padding: 0.25rem 0.4rem;
|
||||
}
|
||||
|
||||
.list-head__title input {
|
||||
.project-head__title input {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.list-head__desc {
|
||||
.project-head__desc {
|
||||
display: block;
|
||||
resize: vertical;
|
||||
min-height: 2.75rem;
|
||||
@@ -273,13 +273,13 @@ h1 {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.list-head__title input:hover,
|
||||
.list-head__desc:hover {
|
||||
.project-head__title input:hover,
|
||||
.project-head__desc:hover {
|
||||
border-color: var(--border);
|
||||
}
|
||||
|
||||
.list-head__title input:focus,
|
||||
.list-head__desc:focus {
|
||||
.project-head__title input:focus,
|
||||
.project-head__desc:focus {
|
||||
outline: none;
|
||||
color: var(--text);
|
||||
background: var(--bg);
|
||||
@@ -422,7 +422,8 @@ h1 {
|
||||
margin: 1.25rem 0;
|
||||
}
|
||||
|
||||
.form--new-list {
|
||||
.form--new-project,
|
||||
.form--new-card {
|
||||
margin-top: 1.5rem;
|
||||
padding-top: 1.25rem;
|
||||
border-top: 1px solid var(--border);
|
||||
|
||||
Reference in New Issue
Block a user