king/dbx-main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(project): 완료 프로젝트를 "완료 프로젝트" 별도 섹션으로 다시 분류

Browse Source 
같은 그리드 안에서 끝으로만 보내던 것을 되돌려, 진행중/완료를 다시
분리된 섹션(그리드)으로 나눔. 완료 체크 시 카드가 "완료 프로젝트"
섹션으로 옮겨지고(반투명은 기존 .is-done 유지), 해제하면 "진행중인
프로젝트"로 복귀 — 각 섹션 안에서는 sort_order 기준 정렬 유지.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-17 15:44:20 +09:00
parent 825d63ab42
commit 690fc8bb12
6 changed files with 41 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/modules/project/router.py
+6 -6
View File
@@ -389,11 +389,10 @@ async def index(request: Request) -> HTMLResponse:
member_email=None if admin else user["email"],
)
tree = _build_tree(projects)
# 완료 프로젝트는 별도 섹션 대신, 같은 대시보드 안에서 반투명 + 맨
# 끝으로만 보낸다(세션 완료 처리와 같은 원칙). sorted() 는 안정 정렬이라
# tree 가 이미 sort_order 순이면 완료 여부로만 다시 나눠도 각 그룹
# 내부 순서는 그대로 유지된다 — 완료 해제 시 원래 자리로 자동 복귀.
home_projects = sorted(tree, key=lambda p: p.get("status") == "completed")
# 진행중/완료 프로젝트를 별도 섹션으로 분류. list_projects 가 이미
# sort_order 순으로 내려주므로 필터링만 해도 각 섹션 내부 순서는 그대로.
active_projects = [p for p in tree if p.get("status") != "completed"]
done_projects = [p for p in tree if p.get("status") == "completed"]
# 아바타 맵: 이메일(소문자) → 구글 프로필 이미지 URL (홈 카드 업무 담당자 표시용)
from app.main import user_store # noqa: WPS433
@@ -475,7 +474,8 @@ async def index(request: Request) -> HTMLResponse:
"page_title": "프로젝트 관리",
"page_subtitle": "달력·타임라인·보드로 프로젝트를 관리하세요.",
"force_sidebar_collapsed": True,
"home_projects": home_projects,
"active_projects": active_projects,
"done_projects": done_projects,
"my_projects": my_projects,
"avatars": avatars,
"home_tasks": home_tasks,
app/modules/project/templates/project/inbox.html
+2 -2
View File
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260918b" />
<link rel="stylesheet" href="/static/project.css?v=20260918c" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %}
@@ -45,5 +45,5 @@
{% endif %}
</div>
<script src="/static/project.js?v=20260918b" defer></script>
<script src="/static/project.js?v=20260918c" defer></script>
{% endblock %}
app/modules/project/templates/project/index.html
+15 -8
View File
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260918b" />
<link rel="stylesheet" href="/static/project.css?v=20260918c" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %}
@@ -125,19 +125,26 @@
</div>
</div>
{% if not home_projects %}
{% if not active_projects and not done_projects %}
<div class="pj-empty">
아직 프로젝트가 없습니다. 상단의 <b>새 프로젝트</b> 버튼으로 만들어 보세요.
</div>
{% elif not active_projects %}
<div class="pj-empty pj-empty-sm">진행중인 프로젝트가 없습니다.</div>
{% endif %}
<!-- 완료 프로젝트는 별도 섹션이 아니라 같은 그리드 안에서 반투명 +
맨 끝으로만(세션 완료 처리와 같은 원칙). 서버가 이미 정렬해서
내려주고(완료 여부로만 안정 정렬), 완료 토글 시 JS가 같은
기준으로 카드를 다시 배치한다(resortProjectGrid). -->
<div class="pj-project-grid" id="pj-project-grid">
{% for p in home_projects %}{{ project_card(p) }}{% endfor %}
{% for p in active_projects %}{{ project_card(p) }}{% endfor %}
</div>
{% if done_projects %}
<div class="pj-section-head pj-section-head-done">
<h2>완료 프로젝트</h2>
</div>
<div class="pj-project-grid" id="pj-project-grid-done">
{% for p in done_projects %}{{ project_card(p) }}{% endfor %}
</div>
{% endif %}
</section>
<!-- 내 업무 -->
@@ -421,5 +428,5 @@
window.PJ_COLORS = {{ ["#4573d2","#37a3a3","#62a420","#e8a33d","#e8384f","#aa62e3","#f06a6a","#5a6772"] | tojson }};
window.PJ_STAGE_COLORS = {{ ["#4573d2","#37a3a3","#62a420","#e8a33d","#e8384f","#aa62e3","#f06a6a","#5a6772","#e8398a","#a15c43"] | tojson }};
</script>
<script src="/static/project.js?v=20260918b" defer></script>
<script src="/static/project.js?v=20260918c" defer></script>
{% endblock %}
app/modules/project/templates/project/project.html
+2 -2
View File
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260918b" />
<link rel="stylesheet" href="/static/project.css?v=20260918c" />
<!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host -->
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
<!-- 타임라인 vis-timeline — self-host -->
@@ -544,5 +544,5 @@
</script>
<script src="/static/vendor/vis-timeline/vis-timeline-graph2d.min.js"></script>
<script src="/static/project.js?v=20260918b" defer></script>
<script src="/static/project.js?v=20260918c" defer></script>
{% endblock %}