alexei.dolgolyov
5bb4fbcedf
- BoardAccessControl component with user/group autocomplete - BoardShareDialog modal with copy link, guest toggle, quick add - Board permissions REST API (GET/POST/DELETE) - Access indicators on BoardCard (lock, globe, shared icons) - Guest access toggle in board editor with status preview - Enhanced PermissionEditor with search autocomplete - i18n translations for all new strings (EN/RU)
3.6 KiB
3.6 KiB
Phase 4: Per-Board Access Control UI
Status: Done Parent plan: PLAN.md Domain: fullstack
Objective
Add a user-friendly access control interface for boards, allowing admins to manage per-board permissions with user/group pickers and visual indicators.
Tasks
- Task 1: Create
src/lib/components/board/BoardAccessControl.svelte— inline permission editor for boards - Task 2: Add access control tab/section to board editor page
- Task 3: Create
src/routes/api/boards/[id]/permissions/+server.ts— GET/POST/DELETE permissions for a board - Task 4: Update
src/lib/components/admin/PermissionEditor.svelte— enhance with user/group search/autocomplete - Task 5: Update
src/lib/components/board/BoardCard.svelte— show access level indicator (icon/badge) - Task 6: Update
src/routes/boards/+page.svelte— show access indicators on board list - Task 7: Add guest access toggle with preview description to board editor
- Task 8: Create
src/lib/components/board/BoardShareDialog.svelte— quick share dialog for boards
Files to Modify/Create
src/lib/components/board/BoardAccessControl.svelte— NEWsrc/lib/components/board/BoardShareDialog.svelte— NEWsrc/routes/api/boards/[id]/permissions/+server.ts— NEWsrc/routes/boards/[boardId]/edit/+page.svelte— MODIFYsrc/routes/boards/[boardId]/edit/+page.server.ts— MODIFYsrc/lib/components/admin/PermissionEditor.svelte— MODIFYsrc/lib/components/board/BoardCard.svelte— MODIFYsrc/routes/boards/+page.svelte— MODIFY (server only — +page.server.ts)src/routes/boards/[boardId]/+page.svelte— MODIFYsrc/routes/boards/[boardId]/+page.server.ts— MODIFYsrc/lib/components/board/BoardHeader.svelte— MODIFYsrc/lib/i18n/en.json— MODIFYsrc/lib/i18n/ru.json— MODIFY
Acceptance Criteria
- Board editor has a permissions section for managing access
- Admins can grant/revoke view/edit/admin permissions per user or group
- Board list shows access indicators (shared icon, guest badge, etc.)
- Quick share dialog allows easy permission granting
- Guest access toggle works with visual feedback
Notes
- The permission system already exists from MVP (permissionService)
- This phase adds the UI layer on top of existing backend
- ⚠️ Big Bang: may need integration fixes in Phase 6
Review Checklist
- All tasks completed
- Code follows project conventions
- No unintended side effects
- Build passes
- Tests pass (new + existing)
Handoff to Next Phase
- Created
BoardAccessControl.svelte— self-contained board permission manager with search/autocomplete, fetches from/api/boards/[id]/permissions - Created
BoardShareDialog.svelte— modal dialog for quick sharing with copy link, guest toggle, and permission management - Created
/api/boards/[id]/permissionsAPI endpoint with GET/POST/DELETE for board-scoped permissions - Enhanced
PermissionEditor.sveltewith search/autocomplete inputs replacing plain dropdowns - Updated
BoardCard.sveltewith globe (guest), lock (private), and users (shared) icons - Updated board editor with dedicated Guest Access and Permissions sections
- Updated
BoardHeader.sveltewith Share button that opens the share dialog - Updated board view page (
[boardId]/+page.svelte) and its server load to support share dialog with user/group data - Updated boards list server to compute
hasSharedPermissionsflag per board - Added ~20 new i18n keys in both
en.jsonandru.jsonfor all new UI strings - Big Bang strategy: no build/test verification — Phase 6 integration may be needed