forgejo_admin/pal-e-playground
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

feat: add pal-e-app kanban board playground prototype #7

Closed
forgejo_admin wants to merge 2 commits from 45-kanban-board-playground into main
pull from: 45-kanban-board-playground
merge into: forgejo_admin:main
Conversation 0 Commits 2 Files changed 5 +1384
forgejo_admin commented 2026-03-24 16:09:19 +00:00
Owner
Copy link

Summary

Vanilla HTML/CSS/JS kanban board prototype for pal-e-app. Implements cross-project overview, drag-and-drop columns, hierarchical drill-down sub-boards, type filtering, and mobile-first responsive layout. CSS design system extracted from pal-e-app/src/app.css.

Changes

  • pal-e-app/app.css — Full design system: all CSS custom properties from pal-e-app, base reset, dark nav bar, board column/card/badge/pill component styles, mobile-first breakpoints with horizontal scroll-snap for columns
  • pal-e-app/app.js — All interactivity: 3 mock project boards (pal-e-docs, pal-e-platform, westside) with realistic items, board tab switching, column collapse/expand, type filter pills, hide-done toggle, drag-and-drop reordering between columns, inline sub-board drill-down for items with children
  • pal-e-app/board.html — Kanban board page: nav bar, cross-project overview cards with distribution bars, board tabs, filter bar, 5-column kanban layout
  • pal-e-app/index.html — Section landing page with link to board prototype
  • index.html — Added pal-e-app Kanban card to hub Projects section

Test Plan

  • Open board.html in browser at 390px, 768px, and 1280px widths
  • Verify columns scroll horizontally with snap on mobile
  • Click overview cards to switch between project boards
  • Click type filter pills to filter by plan/phase/issue/todo
  • Toggle "Hide done" to remove completed items
  • Drag cards between columns and verify status updates
  • Click child indicator buttons to expand inline sub-boards
  • Collapse/expand columns via the -/+ toggle
  • Verify hub index.html shows the new pal-e-app Kanban card

Review Checklist

  • Passed automated review-fix loop
  • No secrets committed
  • No unnecessary file changes
  • Commit messages are descriptive

Related

## Summary Vanilla HTML/CSS/JS kanban board prototype for pal-e-app. Implements cross-project overview, drag-and-drop columns, hierarchical drill-down sub-boards, type filtering, and mobile-first responsive layout. CSS design system extracted from pal-e-app/src/app.css. ## Changes - `pal-e-app/app.css` — Full design system: all CSS custom properties from pal-e-app, base reset, dark nav bar, board column/card/badge/pill component styles, mobile-first breakpoints with horizontal scroll-snap for columns - `pal-e-app/app.js` — All interactivity: 3 mock project boards (pal-e-docs, pal-e-platform, westside) with realistic items, board tab switching, column collapse/expand, type filter pills, hide-done toggle, drag-and-drop reordering between columns, inline sub-board drill-down for items with children - `pal-e-app/board.html` — Kanban board page: nav bar, cross-project overview cards with distribution bars, board tabs, filter bar, 5-column kanban layout - `pal-e-app/index.html` — Section landing page with link to board prototype - `index.html` — Added pal-e-app Kanban card to hub Projects section ## Test Plan - [ ] Open `board.html` in browser at 390px, 768px, and 1280px widths - [ ] Verify columns scroll horizontally with snap on mobile - [ ] Click overview cards to switch between project boards - [ ] Click type filter pills to filter by plan/phase/issue/todo - [ ] Toggle "Hide done" to remove completed items - [ ] Drag cards between columns and verify status updates - [ ] Click child indicator buttons to expand inline sub-boards - [ ] Collapse/expand columns via the -/+ toggle - [ ] Verify hub index.html shows the new pal-e-app Kanban card ## Review Checklist - [x] Passed automated review-fix loop - [x] No secrets committed - [x] No unnecessary file changes - [x] Commit messages are descriptive ## Related - Closes forgejo_admin/pal-e-app#45 - Closes forgejo_admin/pal-e-app#46 
Vanilla HTML/CSS/JS kanban board with cross-project overview,
drag-and-drop columns, hierarchical drill-down sub-boards,
type filtering, and mobile-first responsive layout.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Remove unused TYPE_COLORS constant from app.js
- Implement actual drag reorder (splice items in array) instead of dead code
- Replace inline styles and JS event handlers on landing page card with CSS classes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
forgejo_admin closed this pull request 2026-03-27 22:18:07 +00:00

Pull request closed

This pull request cannot be reopened because the branch was deleted.
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
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-playground!7
No description provided.