PR 제목

feat(dashboard/tasks): 진행중/완료 탭 추가 + 다중 담당자(M2M) 지원 및 UI 개선 (MGP)

개요

• 대시보드 작업 가독성 향상을 위해 상태 탭(진행중/완료)을 추가하고, 작업 관리에서 다중 담당자 저장/표시를 지원합니다.
• 역할/AI 탭의 선호 역할 체크박스 동기화 문제를 개선하고, 버튼/칩/더보기 등 UI 톤을 통일했습니다.

주요 변경사항

• Dashboard
  • 진행중/완료 상태 탭 추가(팀 작업/개인 작업 각각)
  • 탭 클릭 시 상태 필터링 즉시 반영(기본: 진행중)
  • 더보기/접기 유지(기본 3개 노출, 4번째부터 숨김)
• Tasks
  • Task에 다중 담당자 지원: assignees ManyToMany 추가, assignees_names 응답 제공
  • 작업 추가 모달: 담당자 다중 선택 시 하나의 작업에 여러 담당자 저장
  • 마감일(연도) 미선택 시 제출 방지 및 경고 노출
• Roles
  • 선호 역할 체크박스 동기화: 역할 등록/삭제/탭 전환 시 즉시 반영
• Style
  • 상태 탭(칩) 디자인, 회색 더보기 버튼 톤 정리, 호버/포커스/활성 스타일 추가

포함된 마이그레이션

• tasks/migrations/0005_task_assignees.py
• 적용 명령:

python manage.py migrate tasks

테스트 방법

• 대시보드(/dashboard):
  • 팀 작업/개인 작업 카드 상단의 “진행중/완료” 탭 클릭 시 해당 상태만 보이는지 확인
  • 각 카드 더보기 버튼으로 목록 펼치기/접기(기본 3개 노출) 확인
  • 완료 작업은 ‘완료’ 배지 + 작업명 취소선 표시 확인
• 작업 페이지(/api/dashboard/{team_id}/tasks/):
  • 새 작업 추가 모달에서 담당자 여러 명 선택 → 생성 후 목록의 “담당자: A, B” 표기 확인
  • 마감일 미선택 시 “연도를 선택해주세요.” 경고 후 제출 차단 확인
• 역할 페이지(/9/roles/ 등):
  • 직접 입력 탭에서 역할 추가/삭제 → AI 탭 선호 역할 체크박스 즉시 반영 확인

영향/호환성

• DB 스키마 변경(다중 담당자 M2M) — 기존 단일 assignee 필드는 호환 유지(첫 번째 담당자 병행 저장)
• ENV 변화 없음

변경 파일(하이라이트)

• Backend
  • tasks/models.py — MGP: assignees M2M 추가
  • tasks/serializers.py — MGP: assignees, assignees_names 직렬화
  • tasks/views.py — MGP: 생성/수정 시 M2M 반영, 리스트/상세 응답 확장
• Frontend
  • templates/main/dashboard.html — 상태 탭 UI 추가
  • static/js/pages/main/dashboard.js — 상태 필터/이벤트/렌더 연동, 기본 3개 노출
  • static/css/pages/main/dashboard.css — 탭/버튼/칩/더보기 스타일
  • static/js/pages/main/tasks.js — 다중 담당자 전송/표시, 마감일 검증
  • templates/includes/modals/task-modal.html — 담당자 다중 선택 유지
  • static/js/pages/main/roles.js — 선호 역할 동기화 개선