2d80a8384e
- Custom Fields (FEAT-001): - CustomField and TaskCustomValue models with formula support - CRUD API for custom field management - Formula engine for calculated fields - Frontend: CustomFieldEditor, CustomFieldInput, ProjectSettings page - Task list API now includes custom_values - KanbanBoard displays custom field values - Gantt View (FEAT-003): - TaskDependency model with FS/SS/FF/SF dependency types - Dependency CRUD API with cycle detection - start_date field added to tasks - GanttChart component with Frappe Gantt integration - Dependency type selector in UI - Calendar View (FEAT-004): - CalendarView component with FullCalendar integration - Date range filtering API for tasks - Drag-and-drop date updates - View mode switching in Tasks page - File Encryption (FEAT-010): - AES-256-GCM encryption service - EncryptionKey model with key rotation support - Admin API for key management - Encrypted upload/download for confidential projects - Migrations: 011 (custom fields), 012 (encryption keys), 013 (task dependencies) - Updated issues.md with completion status 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2.7 KiB
2.7 KiB
Tasks: Add Calendar View
Backend Tasks
1. Add date range filter to Tasks API
- Modify GET /api/projects/{project_id}/tasks to accept
due_afteranddue_beforequery params - Add filter logic to query
- Add API tests
- 驗證: 可依日期範圍篩選任務 ✅
Frontend Tasks
2. Install and configure FullCalendar
- Install @fullcalendar/react and related packages
- Install @fullcalendar/daygrid (month view)
- Install @fullcalendar/timegrid (week/day view)
- Install @fullcalendar/interaction (drag & drop)
- 驗證: 套件安裝成功 ✅
3. Create CalendarView component
- Create
frontend/src/components/CalendarView.tsx - Configure calendar with month/week/day views
- Style calendar to match application theme
- Add view toggle buttons
- 驗證: 行事曆正確渲染 ✅
4. Load and display tasks on calendar
- Fetch tasks from API with date range
- Transform tasks to FullCalendar event format
- Display task title, status color, priority icon
- Handle overdue tasks (special styling)
- 驗證: 任務正確顯示在對應日期 ✅
5. Implement task click to open detail modal
- Handle event click in calendar
- Open TaskDetailModal with selected task
- Refresh calendar on task update
- 驗證: 點擊任務開啟詳情 ✅
6. Implement drag-to-change date
- Enable drag & drop in FullCalendar
- Handle event drop to get new date
- Call PUT /api/tasks/{id} with new due_date
- Show optimistic update, rollback on error
- 驗證: 拖拉更新日期可正常運作 ✅
7. Add filter controls
- Add assignee filter dropdown
- Add status filter (show/hide completed)
- Add priority filter
- Persist filter in URL or localStorage
- 驗證: 篩選器正確過濾任務 ✅
8. Integrate Calendar view into Tasks page
- Add "Calendar" option to view toggle
- Store view preference in localStorage
- Handle view switching
- 驗證: 可在 List/Kanban/Gantt/Calendar 之間切換 ✅
Task Dependencies
[1] Date Range Filter API
↓
[2] FullCalendar Setup → [3] CalendarView Component
↓
[4] Task Display
↓
[5] Click → Modal
↓
[6] Drag to Change Date
↓
[7] Filters
↓
[8] View Integration
- Task 1 (Backend) 可平行於 Tasks 2-3 (Frontend) 開發
- Task 4 需要 Task 1 完成（需要日期範圍 API）
- Tasks 5-8 為循序開發