feat: complete issue fixes and implement remaining features
## Critical Issues (CRIT-001~003) - All Fixed
- JWT secret key validation with pydantic field_validator
- Login audit logging for success/failure attempts
- Frontend API path prefix removal
## High Priority Issues (HIGH-001~008) - All Fixed
- Project soft delete using is_active flag
- Redis session token bytes handling
- Rate limiting with slowapi (5 req/min for login)
- Attachment API permission checks
- Kanban view with drag-and-drop
- Workload heatmap UI (WorkloadPage, WorkloadHeatmap)
- TaskDetailModal integrating Comments/Attachments
- UserSelect component for task assignment
## Medium Priority Issues (MED-001~012) - All Fixed
- MED-001~005: DB commits, N+1 queries, datetime, error format, blocker flag
- MED-006: Project health dashboard (HealthService, ProjectHealthPage)
- MED-007: Capacity update API (PUT /api/users/{id}/capacity)
- MED-008: Schedule triggers (cron parsing, deadline reminders)
- MED-009: Watermark feature (image/PDF watermarking)
- MED-010~012: useEffect deps, DOM operations, PDF export
## New Files
- backend/app/api/health/ - Project health API
- backend/app/services/health_service.py
- backend/app/services/trigger_scheduler.py
- backend/app/services/watermark_service.py
- backend/app/core/rate_limiter.py
- frontend/src/pages/ProjectHealthPage.tsx
- frontend/src/components/ProjectHealthCard.tsx
- frontend/src/components/KanbanBoard.tsx
- frontend/src/components/WorkloadHeatmap.tsx
## Tests
- 113 new tests passing (health: 32, users: 14, triggers: 35, watermark: 32)
## OpenSpec Archives
- add-project-health-dashboard
- add-capacity-update-api
- add-schedule-triggers
- add-watermark-feature
- add-rate-limiting
- enhance-frontend-ux
- add-resource-management-ui
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
beabigegg
@@ -0,0 +1,26 @@
|
||||
# Change: Enhance Frontend UX with Kanban View and Component Integration
|
||||
|
||||
## Why
|
||||
The current frontend only implements a basic list view for tasks and has several components that are built but not integrated. This limits user productivity and leaves implemented features inaccessible.
|
||||
|
||||
Issues addressed:
|
||||
- HIGH-005: Only list view exists, need Kanban view
|
||||
- HIGH-007: Comments, Attachments, Triggers components exist but aren't integrated
|
||||
- HIGH-008: Task creation lacks assignee selection and time estimation
|
||||
|
||||
## What Changes
|
||||
- Add Kanban board view with drag-and-drop status changes
|
||||
- Add view toggle between List and Kanban views
|
||||
- Integrate TaskAttachments component into task detail
|
||||
- Integrate Comments component into task detail
|
||||
- Add assignee dropdown to task creation/editing
|
||||
- Add due date and time estimate fields to task form
|
||||
- Create task detail modal/drawer component
|
||||
|
||||
## Impact
|
||||
- Affected specs: task-management
|
||||
- Affected code:
|
||||
- `frontend/src/pages/Tasks.tsx` - add view toggle, enhance create modal
|
||||
- `frontend/src/components/KanbanBoard.tsx` - new component
|
||||
- `frontend/src/components/TaskDetailModal.tsx` - new component
|
||||
- `frontend/src/services/api.ts` - add user list endpoint call
|
||||
@@ -0,0 +1,58 @@
|
||||
## ADDED Requirements
|
||||
|
||||
### Requirement: Kanban View
|
||||
The system SHALL provide a Kanban board view for tasks with drag-and-drop status management.
|
||||
|
||||
#### Scenario: View Kanban board
|
||||
- **GIVEN** user is on the Tasks page
|
||||
- **WHEN** user selects Kanban view
|
||||
- **THEN** tasks are displayed in columns grouped by status
|
||||
- **AND** each column header shows the status name and task count
|
||||
|
||||
#### Scenario: Drag task to change status
|
||||
- **GIVEN** user is viewing the Kanban board
|
||||
- **WHEN** user drags a task card to a different status column
|
||||
- **THEN** the task status is updated via API
|
||||
- **AND** the card moves to the new column
|
||||
- **AND** other users viewing the board see the update
|
||||
|
||||
#### Scenario: View toggle persistence
|
||||
- **GIVEN** user switches to Kanban view
|
||||
- **WHEN** user navigates away and returns
|
||||
- **THEN** the Kanban view is still selected
|
||||
|
||||
### Requirement: Task Detail Modal
|
||||
The system SHALL provide a task detail modal with comments and attachments.
|
||||
|
||||
#### Scenario: Open task detail
|
||||
- **GIVEN** user is viewing tasks in any view
|
||||
- **WHEN** user clicks on a task
|
||||
- **THEN** a modal opens showing task details
|
||||
- **AND** the modal includes comments section
|
||||
- **AND** the modal includes attachments section
|
||||
|
||||
#### Scenario: Edit task in modal
|
||||
- **GIVEN** user has task detail modal open
|
||||
- **WHEN** user modifies task fields and saves
|
||||
- **THEN** the task is updated via API
|
||||
- **AND** the task list/board reflects the changes
|
||||
|
||||
### Requirement: Task Assignment UI
|
||||
The system SHALL allow assigning tasks to users during creation and editing.
|
||||
|
||||
#### Scenario: Assign task during creation
|
||||
- **GIVEN** user is creating a new task
|
||||
- **WHEN** user selects an assignee from the dropdown
|
||||
- **THEN** the task is created with the selected assignee
|
||||
|
||||
#### Scenario: Change task assignee
|
||||
- **GIVEN** user has task detail modal open
|
||||
- **WHEN** user changes the assignee
|
||||
- **THEN** the task assignee is updated
|
||||
- **AND** the new assignee receives a notification
|
||||
|
||||
#### Scenario: Set due date and time estimate
|
||||
- **GIVEN** user is creating or editing a task
|
||||
- **WHEN** user sets due date and time estimate
|
||||
- **THEN** the values are saved with the task
|
||||
- **AND** the task appears on the appropriate date in calendar view
|
||||
@@ -0,0 +1,27 @@
|
||||
# Tasks: Enhance Frontend UX
|
||||
|
||||
## 1. Kanban View Implementation
|
||||
- [x] 1.1 Create KanbanBoard.tsx component with column layout
|
||||
- [x] 1.2 Implement drag-and-drop using native HTML5 drag API
|
||||
- [x] 1.3 Call PATCH /tasks/{id}/status on drop
|
||||
- [x] 1.4 Add view toggle (List/Kanban) to Tasks page header
|
||||
- [x] 1.5 Persist view preference in localStorage
|
||||
|
||||
## 2. Task Detail Modal
|
||||
- [x] 2.1 Create TaskDetailModal.tsx component
|
||||
- [x] 2.2 Integrate existing Comments component
|
||||
- [x] 2.3 Integrate existing TaskAttachments component
|
||||
- [x] 2.4 Add task editing capability within modal
|
||||
- [x] 2.5 Wire up modal opening on task row/card click
|
||||
|
||||
## 3. Task Assignment UI
|
||||
- [x] 3.1 Add user search/dropdown component for assignee
|
||||
- [x] 3.2 Integrate assignee field in task create modal
|
||||
- [x] 3.3 Integrate assignee field in task detail modal
|
||||
- [x] 3.4 Add due date picker component
|
||||
- [x] 3.5 Add time estimate input fields
|
||||
|
||||
## 4. Testing
|
||||
- [x] 4.1 Test Kanban drag-and-drop functionality - QA reviewed
|
||||
- [x] 4.2 Verify task assignment updates correctly - QA reviewed
|
||||
- [x] 4.3 Test comments and attachments integration - QA reviewed
|
||||
Reference in New Issue
Block a user