기존엔 완료 프로젝트가 "완료된 프로젝트" 별도 섹션(숨기기 토글 포함)으로
빠졌는데, 요청에 따라 세션 완료 처리와 같은 방식으로 바꿈 — 같은 그리드
안에서 완료 여부 → sort_order → id 순으로 안정 정렬해 완료면 맨 끝으로,
해제하면 sort_order 기준 원래 자리로 자동 복귀(resortProjectGrid, 서버
쪽도 index() 에서 같은 기준으로 미리 정렬해 내려줌: _group 아님, 별도
정렬 한 줄 sorted(tree, key=...)). 완료 섹션/숨기기 토글 관련 죽은
코드(JS·CSS·템플릿) 정리.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
프로젝트 이름 오른쪽에 "전체5 진행2 완료3" 형식으로 표시, 숫자는 색깔
있는 동그라미 안에(전체=회색, 진행=파랑, 완료=초록). 서버 렌더용 카운트는
_group_my_tasks() 헬퍼로 통합(홈/프로젝트 화면 중복 제거), 실시간 갱신은
DOM의 실제 <li> 개수를 다시 세는 updateMyTreeCounts()를 기존 sync 함수
(syncMyTaskPanel/syncProjectMyTaskPanel) 안에서 호출해 처리.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
세션이 하나도 없으면 업무를 넣을 세션이 없으므로 아이콘 버튼(disabled)과
우클릭 메뉴 둘 다 막는다. "세션 추가"로 첫 세션을 만들면 새로고침 없이
바로 활성화(dataset.hasStages 갱신 + disabled 해제).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 홈 프로젝트 카드 hover 액션에 "세션 추가" 아이콘 추가(기존 세션 추가
모달을 그대로 재사용, 카드별 projectId 를 들고 다녀 대상 지정)
- "새 업무" 작성 팝업(하위업무/첨부/연결/댓글 칸이 다 숨어 홑겹인 상태)만
480x700 고정 크기로("업무 편집"은 기존 800x1100 그대로), 홈/프로젝트
화면 공용 setTaskModalCompact() 로 토글
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 프로젝트 카드: 이름 옆 작은 점 대신 카드 헤더 윗부분 전체를 프로젝트
색으로 채우고 글자 흰색(보드 세션 헤더와 같은 원칙). 액션 아이콘(업무추가/
수정)도 흰색으로, "완료" 칩은 반투명 흰 배경으로 대비 확보.
- 프로젝트 수정 후 DOM patch 로직도 새 구조(이름이 헤더 안, 설명은 본문
맨 앞)에 맞게 수정.
- 좌측 "프로젝트"/"프로젝트 멤버"/"전체 멤버" 헤더 — 굵기만으론 12px
회색이라 여전히 흐려 보여서, 글자 색을 진한 잉크색으로 올려 대비 확보.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 좌측 "프로젝트 멤버" 아이콘 클릭 시 이 프로젝트 안에서 그 사람이 담당하는
업무 팝업(전체 멤버 팝업과 같은 UI/정렬/더블클릭 편집). 제목은
"[프로젝트 이름]의 [사용자]님의 업무" + 아이콘. GET /api/users/tasks 에
project_id 옵션 추가(멀티호밍 포함 단일 프로젝트 조회 재사용)
- 멤버 업무 팝업에서 더블클릭으로 업무 편집 후 닫으면, 그 자리에 같은
목록을 다시 열어 유지(MutationObserver로 taskModal 닫힘 감지 후 재오픈)
- 멤버 업무 팝업 제목에 아바타 아이콘 추가, "닫기" 버튼 accent 색 적용
- 좌측 "프로젝트"/"프로젝트 멤버" 헤더 더 굵게, 프로젝트 멤버 아이콘 2배 확대
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
.pj-modal-card label { display:block; margin-bottom:12px; font-size:12.5px }
(다른 모달 폼 라벨용 공용 규칙, 클래스+엘리먼트라 상세도 0,1,1)이
.pj-chat-attach-btn(단일 클래스, 상세도 0,1,0)의 display:flex 를 조용히
덮어써서 display:block 이 됐고, flex 아닐 때 align-items/justify-content
는 무효라 아이콘이 정가운데로 안 갔음. margin-bottom:12px 까지 새어들어와
버튼이 실제로 위로 살짝 밀려 보였음. 헤드리스 크롬으로 실제 project.css를
.pj-modal-card 컨텍스트에서 그대로 렌더해 getBoundingClientRect 로 재현
확인 후, .pj-modal-card .pj-chat-attach-btn 로 상세도를 올리고 새는 값
(margin-bottom/font-size)도 명시적으로 되돌려 고침 — 아이콘 상하좌우 7px
로 정확히 정가운데.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 세션 색상: 점 대신 세션 헤더 윗부분 배경을 통째로 칠함(글자/카운트 흰색으로)
- 보드 업무 카드의 댓글 말풍선도 더블클릭하면 채팅 팝업 열리게(.pj-cmt-badge 공용)
- 댓글 채팅 팝업에 파일/이미지 첨부 추가: 클립 버튼 업로드 + 클립보드 이미지
붙여넣기, 이미지는 썸네일, 파일은 확장자 아이콘+파일명으로 표시, 다운로드
가능, 업로드한 사람만 삭제(즉시 반영). task_attachments.comment_id(마이그
레이션 005)로 태깅해 업무 "첨부파일" 패널에도 그대로 함께 나온다.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- PUT /api/projects/order 가 /api/projects/{project_id} 뒤에 등록돼 있어
"order" 가 project_id(int) 파싱 실패로 422 나던 버그 수정(라우트 등록 순서
변경 — 경로 매칭은 등록 순서라 path param 뒤에 두면 리터럴 경로가 항상
가려진다). 홈 카드/좌측 프로젝트 트리 드래그 재정렬 둘 다 이 버그였음.
- 세션 편집 팝업 제목에 세션 이름 표시
- 좌측 프로젝트 트리에 드래그 가능 손잡이(⣿) 표시(관리자, hover 시 노출)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 좌측 프로젝트 리스트 드래그 재정렬(관리자, 홈 카드와 동일 API)
- 세션 추가/편집 팝업: 이름 + 아사나 10색 색상표(project_stages.color, 마이그레이션 004)
- 보드 세션 hover 아이콘 확대, 세션 제목 강조(업무 카드보다 크고 굵게)
- 완료 세션 반투명 + 보드 끝으로(정렬 기준만 변경 — 해제 시 원래 순서 자동 복귀)
- 전체 멤버 업무 팝업에 표 헤더(가운데정렬/굵게) + 정렬 아이콘 + 더블클릭 편집
- 댓글 채팅 팝업을 initCommentsChat() 공용화 — project.html에 모달이 없어 "내 업무"
패널 댓글 더블클릭이 전혀 동작 안 했던 버그 수정(동적 배지 재바인딩 누락도 같이 수정)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 홈 프로젝트 카드 드래그 재정렬(관리자, projects.sort_order 공유)
- 프로젝트 제목 색상 pill 스타일로 강조
- 보드 세션 우클릭에 "업무 추가" 메뉴 추가
- 좌측 "멤버"→"프로젝트 멤버" + "전체 멤버" 그리드(클릭 시 담당 업무 팝업)
- 뷰 탭/스코프 토글에 슬라이드 하이라이트 애니메이션
- "내 업무" 패널이 8초 실시간 폴링에서 빠져 있던 문제 수정(홈/프로젝트 화면 모두 /api/my-tasks 로 patch)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 막대 몸통 드래그로 일정 통째 이동, 양 끝 드래그로 시작/마감일만 조절
(vis-timeline editable.updateTime + onMove, PUT /api/tasks/{id} 로 저장,
실패 시 vis 표시만 원래 자리로 롤백 — 전체 재렌더 없이).
- 단일 클릭은 선택만(끝 손잡이가 나타나게) 하도록 바꾸고, 편집 열기는
더블클릭 또는 우클릭 메뉴의 "열기"로 옮김 — 기존엔 클릭 한 번에 모달이
떠서 손잡이가 나타나자마자 가려져 드래그를 할 수 없던 문제.
- 마우스 오버 시 그 업무의 날짜 구간을 전체 높이 배경 밴드로 강조(아사나
타임라인에서 막대에 올리면 헤더 날짜가 진해지는 것과 같은 목적).
- 막대를 둥근 알약형으로, 호버 시 살짝 뜨는 그림자 추가. "오늘" 버튼으로
현재 날짜로 바로 이동.
- 실제 드래그(핸들 좌표 기준)로 헤드리스 크롬에서 검증 — 기간 연장/이동
둘 다 서버에 정확히 저장되는 것까지 확인.
보드/리스트/달력/타임라인 옆에 "대시보드" 탭 신설. 서버 재조회 없이 이미
로드된 tasks(visibleTasks(), 스코프 토글도 그대로 따름)로 클라이언트에서
즉시 집계:
- 통계 카드 4개(완료/미완료/마감초과/전체), 숫자가 0에서 카운트업
- 미완료 작업 합계(섹션별) — 세로 막대, 보드 컬럼과 같은 순서
- 작업 합계(완료 상태별) — SVG 도넛(완료=초록/미완료=포인트컬러), 등장 시
획이 0에서 목표 길이까지 그려짐
- 예정된 작업 합계(담당자별) — 일정 있는 미완료 업무만, 상위 10명+기타
막대/도넛 둘 다 호버 시 값 우선 툴팁, 카드는 순차 페이드인(아사나 느낌).
차트 라이브러리 추가 없이 순수 SVG/CSS로 구현. 탭 5개로 늘면서 좁은
화면에서 텍스트가 줄바꿈되던 버그도 같이 고침(pj-view-tabs flex-shrink).
아이콘 - 이름 - 체크박스 순 세로 스택으로 바꾸고 아이콘 크기를 2배(20px→
40px, 아바타 18px→36px)로 키움. 새 프로젝트 모달의 멤버 선택(가로 한 줄)
은 그대로 두고 pj-member-pick-stacked 를 따로 둬서 멤버 배정 모달에만 적용.
- 공용 우클릭 메뉴(showContextMenu)와 토스트(showToast)를 도입해 보드 카드,
리스트 행, 달력 막대, 타임라인 아이템, 세션 컬럼 헤더, 홈 프로젝트 카드,
사이드바 프로젝트 트리, 멤버 행, 알림 행까지 9곳에 열기/완료토글/삭제 등
빠른 조작 메뉴를 추가.
- 프로젝트 생성/수정/삭제, 멤버 추가/삭제, 홈 업무모달 저장/삭제/완료토글,
알림 모두읽음 등 남아있던 location.reload() 를 모두 로컬 DOM/상태 patch
기반 optimistic update 로 전환.
- 8초 주기 실시간 동기화 폴러도 전체 새로고침 대신 업무/세션/멤버만 조용히
재조회해 병합하도록 변경(softSyncProjectRef).
- 로컬에 Postgres+세션 우회 로그인으로 실제 서버 붙여 헤드리스 크롬으로
검증하는 과정에서 실사용 버그 2건 발견해 같이 수정: 폴러가 재조회한
업무에 context_project_id 가 없어 스코프 필터에 걸려 화면에서 사라지던
문제, 서버가 최초 렌더한 업무 행은 data-task-id 가 <li> 가 아니라 안쪽
<a> 에만 있어 수정/삭제가 조용히 씹히던 문제.
🖼️ 이모지가 브라우저마다 색이 진하고 크기가 커서 옆 B/I/U 버튼들과 줄이
안 맞고 튀어 보였다. 이미 쓰고 있는 material-symbols-outlined 폰트의
"image" 아이콘으로 교체하고 16px로 맞춰 다른 서식 버튼과 높이/정렬이
같아지게 함.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
굵게/기울임/밑줄/글머리목록/번호목록/인용구/링크/서식지우기 버튼을
설명란 위에 추가. execCommand 기반(같은 파일의 이미지 삽입에서 이미
insertHTML 로 쓰던 것과 같은 패턴)이고, 생성되는 태그(b/i/u/ul/ol/li/
blockquote/a)는 전부 기존 sanitize_description_html 허용 목록 안이라
서버 쪽 변경 없음. 버튼 mousedown 에서 preventDefault 해 클릭 시 에디터
선택범위가 풀리는 것 방지, 커서 위치에 따라 버튼 활성 상태 표시.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
vacation 모듈은 공휴일을 vacation_db 테이블로 관리하지만 휴가일수 계산용
으로 강하게 결합돼 있어(조사 결과 공용 provider 없음), project 달력은
"보여주기만" 하면 되므로 store.py 에 정적 KR_HOLIDAYS 표(날짜→이름)를
추가하는 방식으로 처리 — 새 DB 연결/마이그레이션 없음.
- 신정·설날·삼일절·어린이날·부처님오신날·현충일·광복절·추석·개천절·
한글날·성탄절 + 실제 "관공서의 공휴일에 관한 규정" 대체공휴일 규칙
그대로 반영(설날/추석/어린이날/삼일절/광복절/개천절/한글날/부처님오신
날/성탄절 대상, 신정·현충일은 대체 없음). 근로자의 날·제헌절은 관공서
공휴일이 아니라서 제외(vacation 모듈 2026년 기존 시드와 동일 기준).
선거일 같은 임시공휴일은 범위 밖.
- 웹 검색으로 확보한 2027~2030년 데이터를 파이썬 요일 계산으로 전수
검증(90건 전부 일치) — 날짜 오타 위험 제거.
- 달력 날짜 칸: 공휴일이면 일요일과 같은 빨간색 + 이름 라벨 표시,
호버 시 툴팁(title)도 함께 제공.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
.erp-page 는 width:100% + padding 24px 이고 border-box 리셋은 .erp-shell 에만
걸려 있어 content-box 로 계산된다. 프로젝트 화면에서 max-width:1550px 캡을
풀자(0a427be/04c33e3) 페이지가 뷰포트보다 48px 넓어졌고, 그 결과 우측 패널의
오른쪽 끝 — 네이티브 스크롤바든 JS 로 그린 막대든 그 자리 — 가 화면 밖으로
나가 보이지 않았다("처음엔 잘 나왔다"가 맞았음: 캡을 풀기 전엔 안 넘쳤다).
헤드리스 크롬으로 재현·좌표 덤프(패널 right=1917 > viewport 1911)해서
확인했고, .erp-page:has(> .pj-wrap) 에 box-sizing:border-box 를 주면 패널이
화면 안에 들어오며 막대가 그려지는 것까지 스크린샷으로 검증함.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
DevTools 박스모델 확인 결과 내 업무 패널은 정상 스크롤 컨테이너였지만
스크롤바 두께가 0 — 이 환경(엣지 오버레이 스크롤바)에선 ::-webkit-scrollbar
커스텀도 scrollbar-width 표준 속성도 모두 무시돼 CSS 로는 막대를 항상
보이게 할 방법이 없었다. 네이티브 막대는 숨기고 attachScrollIndicator()
가 내 업무/좌측 프로젝트 목록/홈 프로젝트 목록/보드 패널 안에 스크롤
위치를 따라 움직이는 막대를 그린다(sticky anchor + 절대배치 track/thumb,
드래그·트랙 클릭 지원, MutationObserver/ResizeObserver 로 갱신). 막대
자리로 각 패널 padding-right 14px 확보, 보드의 scrollbar-gutter 제거.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Chromium 121+ 는 scrollbar-width/scrollbar-color 가 지정되면 ::-webkit-scrollbar
커스텀 스타일을 무시하고 OS 오버레이(자동숨김) 스크롤바로 돌아간다.
DevTools 확인 결과 패널은 이미 scroll 컨테이너(818px)였고 폭이 스크롤바
자리를 전혀 안 차지함 = 오버레이 스크롤바. 표준 속성은 @supports not
selector(::-webkit-scrollbar) 로 Firefox 에만 적용해, 크롬/엣지에서는
항상 보이는 커스텀(클래식) 스크롤바가 그려지게 함.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
홈 화면의 내 업무 패널이 max-height:calc(100vh-160px) 로는 뷰포트에 맞게
잘리지 않아 페이지 전체가 스크롤되고 패널 자체 스크롤바가 안 생겼다.
프로젝트 상세와 같은 방식으로 .pj-wrap 을 flex:1 로 늘리고 .pj-home 의
행을 1fr 로 확정해, 프로젝트 목록(좌)·내 업무(우)가 각자 안에서만 스크롤
하도록 변경. 커스텀 스크롤바는 트랙까지 연회색으로 그려 항상 보이게 하고
.pj-home-main 에도 적용.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
휠 스크롤은 정상 동작(레이아웃 자체는 문제 없었음) — OS/브라우저의
오버레이(자동숨김) 스크롤바 스타일 때문에 막대가 안 보였던 것. 내 업무/
좌측 프로젝트 목록/보드 패널에 항상 보이는 커스텀 스크롤바(얇은 회색
막대)를 그려 윈도우 설정과 무관하게 고정 표시되게 함.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- .erp-page 폭 제한 해제 범위를 프로젝트 상세뿐 아니라 프로젝트 모듈의
모든 화면(.pj-wrap)으로 넓혀 홈 화면 "내 업무"도 화면 맨 오른쪽에 붙게.
- pj-layout에 grid-template-rows:minmax(0,1fr) 추가. 이게 없으면 암시적
행이 auto(내용 크기)로 잡혀 자식의 height:100%가 기준 삼을 확정된
높이가 없어지고, 결국 다시 내용 크기만큼 늘어나 버려 세션 화면에서
"내 업무" 패널이 스크롤 대신 페이지 전체를 늘렸다.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- .pj-home-side 에 max-height+overflow-y:auto 추가 — 목록이 길어지면
패널 안에서만 스크롤(프로젝트 상세 화면은 기존 height:100% 우선 적용).
- "내 업무"의 프로젝트별 폴더 아이콘을 별도 토글 버튼으로 분리(이름은
계속 프로젝트로 이동하는 링크) — 클릭 시 하위 업무 목록 펼침/접힘,
아이콘도 folder_open/folder 로 전환. localStorage로 접힘 상태 기억.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 뷰 탭과 스코프 토글 사이 빈 공간에 프로젝트 이름(pj-project-title) 표시.
- 좌측 멤버 목록이 항상 기본 아이콘만 쓰던 것을 프로젝트 카드/업무 담당자
처럼 avatars 맵을 조회해 구글 프로필 사진이 있으면 그걸 쓰도록 통일.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
pj-board 에 scrollbar-gutter:stable 적용 — 스크롤바 자리를 항상 미리
비워둬서, 매이슨리 열 너비를 계산하는 시점(clientWidth)과 실제 스크롤바
등장 시점이 어긋나 마지막 열이 스크롤바에 가려 보이던 문제 해결.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 프로젝트 상세 화면을 휴가/쿠팡 모듈처럼 "한 화면 채움" 레이아웃으로 변경.
좌측 프로젝트 목록/가운데 세션·리스트·달력·타임라인/우측 내 업무가 각자
안에서만 스크롤되고 서로 얽히지 않는다. 이 화면에서만 페이지 폭 제한을
풀어 좌측은 화면 맨 왼쪽, 우측 내 업무는 화면 맨 오른쪽에 붙는다.
- 설명란 이미지: 파일 업로드 버튼으로 넣을 때도 커서 위치에 삽입되도록
선택범위를 기억했다가 복원(그동안은 항상 맨 끝에 붙었음). 이미지를
선택한 상태에서 Delete/Backspace 키로도 삭제 가능.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
CSS Grid 4열은 같은 행의 세션 하나만 카드가 많아도 그 행 전체 높이가
맞춰져 다른 칸이 텅 빈 채로 늘어나는 문제가 있었다(그 여파로 .pj-main이
불필요하게 커져 페이지 전체가 스크롤되고 "내 업무" 패널까지 스크롤되는
것처럼 보였음). layoutMasonry()로 세션을 절대배치해 열은 왼쪽부터 고정
순서로 배정하고, 각 열은 자기 카드 높이만큼만 다음 세션을 바로 그 밑에
쌓는다. 창 크기 변경 시 재계산.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- .pj-board 를 flex 가로스크롤에서 4열(좁아지면 3/2/1열) 그리드로 변경,
세션이 많아지면 보드 영역 안에서만 세로 스크롤. "+ 세션 추가" 버튼을
보드 밖 pj-board-toolbar 로 옮겨 스크롤과 무관하게 항상 보이게 함.
- 홈/프로젝트 상세 화면의 "내 업무" 패널 가로폭을 300px로 고정(그리드
트랙 + width 모두 지정).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 프로젝트 관리(index/project/inbox) 진입 시 메인 좌측 사이드바를 전역 설정과
무관하게 항상 접어서 렌더(force_sidebar_collapsed) — 서버에서 바로
data-collapsed=true 로 그려 깜빡임도 없다.
- 프로젝트 상세 화면(보드/리스트/달력/타임라인) 오른쪽에 홈 화면과 동일한
"내 업무" 패널 추가(프로젝트별 그룹, 클릭 시 팝업 편집).
- 보드에 세션이 늘어나면 .pj-board 안에서만 가로 스크롤돼야 하는데
.pj-main 에 min-width:0 이 없어 grid 트랙 자체가 넓어져 페이지 전체가
가로 스크롤되던 문제 수정.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 업무 편집 모달에 "완료로 표시" 버튼 추가(완료 시 리스트뷰는 기존 취소선
스타일 그대로 적용됨). 완료 상태에 따라 버튼 색/문구 토글.
- 설명란 이미지 클릭 시 선택되어 우하단 드래그로 크기 조절, × 버튼으로 삭제
가능. 크기는 style이 아닌 width 속성으로 저장해 서버 sanitize 후에도 유지.
- 연결된 프로젝트 select 를 세로 배치+작은 폰트로 바꿔 글자 잘림 해결.
- 업무 편집 모달을 800x1100 고정 크기로 바꾸고 좌(메타/설명)·우(하위업무·
첨부·연결·댓글) 칼럼이 각자 내부 스크롤하도록 재정비.
fix(shell): 사이드바 접힘 상태를 localStorage에서 첫 페인트 전에 반영해
페이지 이동 시 "펼쳐졌다 다시 접히는" 깜빡임 제거.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
연결된 프로젝트: "+추가" 버튼 없이 프로젝트/세션 셀렉트를 바로 노출, 모달
열릴 때 목록 미리 로드. 하위업무 추가행에 담당자/마감일 입력 추가해 생성과
동시에 배정 가능. 모달을 넓히고(780px) 메타/설명(좌)·하위업무/첨부/연결/
댓글(우) 2단 그리드로 재배치, 우측 칼럼만 자체 스크롤 시켜 전체 스크롤 최소화.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
색상/폰트/카드/사이드바/리스트/타임라인이 아사나와 다르다는 피드백 반영.
- 보라 포인트 컬러(--pj-accent) 도입 — 기본 검정 버튼/활성 탭을 이걸로
교체(erp.css 등 다른 모듈은 안 건드림, .pj- 클래스 범위 안에서만).
- 카드(.pj-card, .pj-project-card)·보드 컬럼 라운드/그림자 키워 아사나
카드 느낌으로.
- 왼쪽 사이드바 — 프로젝트마다 업무를 중첩해서 보여주던 트리를 걷어내고
아사나처럼 "프로젝트 이름 목록만"으로 단순화. 폴더 아이콘 대신 프로젝트
색 + 첫 글자 아바타.
- 리스트 뷰("이 프로젝트" 스코프) — 세션이 컬럼이 아니라 아사나처럼 그룹
구분선이 되도록 개편(세션별로 묶어서 보여주고 접기/펼치기, 개수 표시).
"전체 프로젝트" 스코프는 세션이 프로젝트마다 달라 그룹화 의미가 없으므로
기존 프로젝트/세션 컬럼 있는 평범한 정렬 테이블 유지.
- 타임라인 — "이 프로젝트" 스코프에서는 프로젝트가 아니라 세션별로 행(스윔
레인)을 나눔(아사나 타임라인=섹션 단위). "전체 프로젝트"는 기존처럼
프로젝트별.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
지난 커밋(07f4d0f)의 백엔드 위에 화면을 얹는다.
- 세션(기존 "단계") 문구 통일 + 프로젝트 스코프("이 프로젝트")일 때 보드
컬럼에 관리 UI 추가: 이름변경/완료토글/삭제(만든 사람만)/"+ 세션 추가"/
드래그 재정렬(카드 드래그와 같은 네이티브 HTML5 DnD, 기존
PUT stages/order 재사용).
- 프로젝트 화면 툴바에 "이 프로젝트"/"전체 프로젝트" 스코프 토글 추가.
기본은 아사나처럼 지금 프로젝트만(달력/타임라인/보드/리스트 4개 뷰
전부), "전체"는 예전처럼 접근 가능한 프로젝트를 다 합쳐서 보여준다.
서버가 tasks 각 행에 context_project_id(어느 프로젝트를 보다가 담겼는지)
를 실어주고 클라이언트가 그걸로 순수 필터링(재조회 없음).
- 하위 업무 인라인 UI — 업무 모달 안에 체크박스·제목·담당자·마감일이 한
줄인 하위업무 목록(변경 즉시 저장), "+ 하위 업무 추가". 카드에는
"완료/전체" 진행 배지만 표시. update_task 에 completed 필드 추가(세션이
없는 하위업무의 직접 완료 토글용).
- 멀티호밍 UI — 업무 모달에 "연결된 프로젝트" 칩 + "+ 프로젝트에 추가"(
프로젝트/세션 선택). 보드에서 다른 프로젝트가 원 소속인 카드는 그
프로젝트 배지를 달고 나타나며, 드래그로 세션을 옮기면
POST /api/tasks/{id}/links 로 그 프로젝트 안에서의 배치만 바뀐다(원본
불변). 링크 생성 권한을 다듬음 — 최초 연결은 원/대상 프로젝트 양쪽 권한이
필요하지만, 이미 연결된 카드를 그 프로젝트 보드 안에서 옮기는 것은 대상
프로젝트 권한만 있으면 되게 해 정상적인 드래그가 403 나지 않게 했다.
- 업무 설명란을 textarea → contenteditable 로 교체. 클립보드 이미지
붙여넣기/파일 업로드 버튼으로 삽입(기존 task_attachments 재사용, 새
GET /api/attachments/{id}/inline 추가 — 기존 /download 는
Content-Disposition: attachment 라 <img> 렌더링에 못 씀). 새 업무 작성
중(저장 전)에는 이미지 삽입 비활성화.
- .pj-modal-card 에 max-height/overflow-y 추가(내용이 늘어 화면보다
길어지는 것 방지).
홈(index.html)·프로젝트(project.html) 두 업무 모달 모두 요소 id 를 공유하는
기존 구조를 그대로 따라, 새 로직은 공용 함수(initDescEditor/initSubtaskBlock/
initLinksBlock)로 한 번만 작성해 양쪽에서 재사용한다.
docs/PROJECT_MODULE.md 갱신 — 1-1절에 3단계 구조·권한 변경 전반을 정리.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- .pj-icon-btn 기본 스타일에 flex 중앙정렬 추가(닫기 버튼 등 호버 음영이
아이콘 기준 중앙에 오지 않던 문제, 버튼 UA 기본 패딩이 원인)
- 댓글 팝업(카톡형)에서 본인이 작성한 댓글에만 삭제 버튼 노출
(서버는 이미 본인/관리자만 삭제 허용하도록 검증 중)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 댓글 팝업 제목을 업무 제목으로 표시, 우상단 닫기(X) 버튼 추가
- 팝업 크기 500x850 고정, 내용 많으면 목록만 스크롤(팝업 크기 유지)
- 카드/내 업무 목록의 완료여부 원형 아이콘 제거, 그 자리를 댓글 아이콘 전용 슬롯으로 교체
- 댓글 유무와 무관하게 슬롯 폭을 고정해 업무 제목이 항상 같은 위치에서 시작(세로 정렬)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 카드 이름 옆 호버 노출 업무 추가 버튼(기존 업무편집 팝업을 생성 모드로 재사용)
- 카드 이름 아래 배정 멤버 아이콘+이름 표시, 새 프로젝트 모달에서 멤버 다중 선택
- 업무별 댓글 말풍선+개수 표시, 더블클릭 시 카톡형 댓글 전용 팝업
- 확인 안 한 새 댓글은 말풍선이 커지며 반짝임(localStorage 로 확인 여부 추적)
- GET /project/api/live-version 폴링으로 다른 사용자의 변경사항을 자동 새로고침
- 날짜 표기를 yy/mm/dd(요일)에서 mm/dd(요일)로 변경
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 좌측 트리(프로젝트 상세 페이지): 이미 로드된 업무 데이터로 즉시 팝업 —
더 이상 페이지를 새로고침하며 달력 탭으로 넘어가지 않음
- 홈 화면 카드/내 업무 리스트: 홈에도 업무편집 모달을 추가해 페이지 이동 없이
팝업으로 편집(담당자·단계는 해당 프로젝트를 API 로 조회해 채움, 첨부·댓글 포함)
- 교차 프로젝트 업무 편집 시 담당자 select 가 현재 프로젝트 멤버만 보이던 문제 수정
(해당 업무의 프로젝트 멤버를 다시 조회)
- 완료 프로젝트 숨기기 토글을 인라인 style.display 로 직접 제어하도록 변경
([hidden] 속성 + 클래스 규칙 조합이 기대대로 안 먹히는 경우 대비, 원인 불문 확실히 동작)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- .pj-project-grid[hidden] 규칙 추가 — display:grid 규칙과 특이도가 같아
[hidden] 속성이 무시되던 버그
- 홈 카드 업무 미리보기에 단계(stage_name) 칩 표시
- 홈 화면 날짜 표기를 yy/mm/dd(요일) 형식으로 통일(프로젝트 마감·업무 마감·내 업무 기간)
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
- 프로젝트 카드를 "진행중"/"완료" 두 섹션으로 분리(완료는 접기/펼치기)
- 완료된 업무도 미리보기 목록에서 숨기지 않고 취소선으로 계속 표시
- 사이드바 빠른 프로젝트 생성(+)에도 마감일 입력 추가 (홈 새 프로젝트 모달은 기존에 지원)
- 카드 편집/삭제 버튼이 완료 섹션 카드도 인식하도록 수정
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
king