1c0a7cb850
Phase 4 — New Widget Types: - Clock/Weather, System Stats, RSS/Feed, Calendar, Markdown, Metric/Counter, Link Group, Camera/Stream widgets - Backend services with caching for each data source - Full creation form with dynamic config fields per type Phase 5 — Visual & Styling Enhancements: - Glassmorphism card style (solid/glass/outline) - Board-level themes with per-board hue/saturation - Animated SVG status rings replacing static dots - Card size options (compact/medium/large) - Custom CSS injection (admin + per-board, sanitized) - Wallpaper backgrounds with blur/overlay/parallax Phase 6 — Functional Features: - Favorites bar with drag-and-drop reordering - Recent apps tracking with privacy toggle - Uptime dashboard page (/status, guest-accessible) - Notifications system (Discord/Slack/Telegram/HTTP webhooks) - App tags with filtering in board view - Multi-URL app cards with expandable sub-links - Personal API tokens with scoped permissions - Audit log with retention and admin viewer Phase 7 — Quality of Life: - Onboarding wizard (5-step first-launch setup) - App URL health preview with favicon/title detection - Board templates (4 built-in + custom import/export) - Keyboard shortcut overlay (j/k nav, 1-9 boards, ? help) 212 files changed, 15641 insertions, 980 deletions. Build, lint, type check, and 222 tests all pass.
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