feat(project): 내 업무 패널 스크롤 + 프로젝트 폴더 펼치기/접기 토글
- .pj-home-side 에 max-height+overflow-y:auto 추가 — 목록이 길어지면 패널 안에서만 스크롤(프로젝트 상세 화면은 기존 height:100% 우선 적용). - "내 업무"의 프로젝트별 폴더 아이콘을 별도 토글 버튼으로 분리(이름은 계속 프로젝트로 이동하는 링크) — 클릭 시 하위 업무 목록 펼침/접힘, 아이콘도 folder_open/folder 로 전환. localStorage로 접힘 상태 기억. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
{% extends "erp_base.html" %}
|
||||
|
||||
{% block head_extra %}
|
||||
<link rel="stylesheet" href="/static/project.css?v=20260916l" />
|
||||
<link rel="stylesheet" href="/static/project.css?v=20260916m" />
|
||||
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
|
||||
{% endblock %}
|
||||
|
||||
@@ -45,5 +45,5 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<script src="/static/project.js?v=20260916m" defer></script>
|
||||
<script src="/static/project.js?v=20260916n" defer></script>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{% extends "erp_base.html" %}
|
||||
|
||||
{% block head_extra %}
|
||||
<link rel="stylesheet" href="/static/project.css?v=20260916l" />
|
||||
<link rel="stylesheet" href="/static/project.css?v=20260916m" />
|
||||
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
|
||||
{% endblock %}
|
||||
|
||||
@@ -150,11 +150,15 @@
|
||||
{% else %}
|
||||
<div class="pj-mytree">
|
||||
{% for p in my_projects %}
|
||||
<div class="pj-mytree-group">
|
||||
<a class="pj-mytree-proj" href="/project/p/{{ p.id }}">
|
||||
<span class="material-symbols-outlined" style="color: {{ p.color }}; font-size:18px;">folder</span>
|
||||
<span class="pj-mytree-proj-name">{{ p.name }}</span>
|
||||
</a>
|
||||
<div class="pj-mytree-group" data-group-id="{{ p.id }}">
|
||||
<div class="pj-mytree-head">
|
||||
<button type="button" class="pj-mytree-toggle" title="펼치기/접기">
|
||||
<span class="material-symbols-outlined" style="color: {{ p.color }}; font-size:18px;">folder_open</span>
|
||||
</button>
|
||||
<a class="pj-mytree-proj" href="/project/p/{{ p.id }}">
|
||||
<span class="pj-mytree-proj-name">{{ p.name }}</span>
|
||||
</a>
|
||||
</div>
|
||||
<ul class="pj-mytree-tasks">
|
||||
{% for t in p.tasks %}
|
||||
<li class="pj-mytree-task {% if t.completed_at %}is-done{% endif %}">
|
||||
@@ -376,5 +380,5 @@
|
||||
<script>
|
||||
window.PJ_COLORS = {{ ["#4573d2","#37a3a3","#62a420","#e8a33d","#e8384f","#aa62e3","#f06a6a","#5a6772"] | tojson }};
|
||||
</script>
|
||||
<script src="/static/project.js?v=20260916m" defer></script>
|
||||
<script src="/static/project.js?v=20260916n" defer></script>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{% extends "erp_base.html" %}
|
||||
|
||||
{% block head_extra %}
|
||||
<link rel="stylesheet" href="/static/project.css?v=20260916l" />
|
||||
<link rel="stylesheet" href="/static/project.css?v=20260916m" />
|
||||
<!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host -->
|
||||
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
|
||||
<!-- 타임라인 vis-timeline — self-host -->
|
||||
@@ -175,11 +175,15 @@
|
||||
{% else %}
|
||||
<div class="pj-mytree">
|
||||
{% for p in my_projects %}
|
||||
<div class="pj-mytree-group">
|
||||
<a class="pj-mytree-proj" href="/project/p/{{ p.id }}">
|
||||
<span class="material-symbols-outlined" style="color: {{ p.color }}; font-size:18px;">folder</span>
|
||||
<span class="pj-mytree-proj-name">{{ p.name }}</span>
|
||||
</a>
|
||||
<div class="pj-mytree-group" data-group-id="{{ p.id }}">
|
||||
<div class="pj-mytree-head">
|
||||
<button type="button" class="pj-mytree-toggle" title="펼치기/접기">
|
||||
<span class="material-symbols-outlined" style="color: {{ p.color }}; font-size:18px;">folder_open</span>
|
||||
</button>
|
||||
<a class="pj-mytree-proj" href="/project/p/{{ p.id }}">
|
||||
<span class="pj-mytree-proj-name">{{ p.name }}</span>
|
||||
</a>
|
||||
</div>
|
||||
<ul class="pj-mytree-tasks">
|
||||
{% for t in p.tasks %}
|
||||
<li class="pj-mytree-task {% if t.completed_at %}is-done{% endif %}">
|
||||
@@ -388,5 +392,5 @@
|
||||
</script>
|
||||
|
||||
<script src="/static/vendor/vis-timeline/vis-timeline-graph2d.min.js"></script>
|
||||
<script src="/static/project.js?v=20260916m" defer></script>
|
||||
<script src="/static/project.js?v=20260916n" defer></script>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user