Port: board page from playground #72

Closed
opened 2026-03-27 21:14:43 +00:00 by forgejo_admin · 2 comments

Type

Feature

Lineage

Depends on #68 (CSS + sidebar foundation). Part of SvelteKit port pipeline.

Repo

forgejo_admin/pal-e-app

User Story

As a user reviewing project status, I want a kanban board view matching the playground design, so I can see work status at a glance.

Context

Port ~/pal-e-docs-playground/note-board.html to the board route. Boards live at src/routes/boards/[slug]/+page.svelte (NOT notes/[slug]). The existing board component may need restyling to match playground layout. Data fetching uses client-side onMount, not SvelteKit load functions — no +page.ts needed.

File Targets

  • src/routes/boards/[slug]/+page.svelte — board rendering (dedicated board route)
  • Existing board components — restyle to match playground

Acceptance Criteria

  • Board layout matches playground note-board.html
  • Kanban columns render with correct styling
  • Existing drag-drop functionality preserved
  • Existing CRUD operations (create/edit/delete board items) preserved
  • App builds without errors

Test Expectations

  • Run command: cd ~/pal-e-app && npm run build

Constraints

  • Copy playground HTML literally, swap data bindings.
  • Preserve all existing board interactivity (drag-drop, CRUD).
  • Depends on #68 being merged first.

Checklist

  • Board restyled
  • Drag-drop works
  • CRUD preserved
  • Build passes
  • forgejo_admin/pal-e-app#68 — foundation (dependency)
  • board-pal-e-docs — project board
### Type Feature ### Lineage Depends on #68 (CSS + sidebar foundation). Part of SvelteKit port pipeline. ### Repo `forgejo_admin/pal-e-app` ### User Story As a user reviewing project status, I want a kanban board view matching the playground design, so I can see work status at a glance. ### Context Port `~/pal-e-docs-playground/note-board.html` to the board route. Boards live at `src/routes/boards/[slug]/+page.svelte` (NOT `notes/[slug]`). The existing board component may need restyling to match playground layout. Data fetching uses client-side `onMount`, not SvelteKit load functions — no `+page.ts` needed. ### File Targets - `src/routes/boards/[slug]/+page.svelte` — board rendering (dedicated board route) - Existing board components — restyle to match playground ### Acceptance Criteria - [ ] Board layout matches playground note-board.html - [ ] Kanban columns render with correct styling - [ ] Existing drag-drop functionality preserved - [ ] Existing CRUD operations (create/edit/delete board items) preserved - [ ] App builds without errors ### Test Expectations - Run command: `cd ~/pal-e-app && npm run build` ### Constraints - Copy playground HTML literally, swap data bindings. - Preserve all existing board interactivity (drag-drop, CRUD). - Depends on #68 being merged first. ### Checklist - [ ] Board restyled - [ ] Drag-drop works - [ ] CRUD preserved - [ ] Build passes ### Related - `forgejo_admin/pal-e-app#68` — foundation (dependency) - `board-pal-e-docs` — project board
Author
Owner

Scope Review: NEEDS_REFINEMENT

Review note: review-474-2026-03-27

Three issues found:

  • Wrong file target: src/routes/notes/[slug]/+page.svelte — board pages live at src/routes/boards/[slug]/+page.svelte. The note detail page redirects note_type === 'board' to /boards/{slug}.
  • Missing acceptance criteria: drag-and-drop and board item CRUD (create/move/delete) must be preserved. Existing board is feature-rich.
  • "Existing board components" is vague — it's one large Svelte file, not a component library.
## Scope Review: NEEDS_REFINEMENT Review note: `review-474-2026-03-27` Three issues found: - **Wrong file target**: `src/routes/notes/[slug]/+page.svelte` — board pages live at `src/routes/boards/[slug]/+page.svelte`. The note detail page redirects `note_type === 'board'` to `/boards/{slug}`. - Missing acceptance criteria: drag-and-drop and board item CRUD (create/move/delete) must be preserved. Existing board is feature-rich. - "Existing board components" is vague — it's one large Svelte file, not a component library.
Author
Owner

Issue body updated per scope review corrections.

Issue body updated per scope review corrections.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
forgejo_admin/pal-e-docs-app#72
No description provided.