feat(project): 내 업무 개수 배지 - 마우스 따라다니는 툴팁으로 진행/완료 표시

네이티브 title 대신 커서를 따라 움직이는 작은 말풍선(공용 [data-tip]
유틸, initHoverTips). 헤드리스 크롬에서 synthetic mouse event로 동작
검증(진행/완료 텍스트 + 좌표 갱신 확인).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-17 15:36:45 +09:00
parent a82d54574f
commit 8cc466dd17
5 changed files with 46 additions and 12 deletions
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917z" />
<link rel="stylesheet" href="/static/project.css?v=20260918a" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %}
@@ -45,5 +45,5 @@
{% endif %}
</div>
<script src="/static/project.js?v=20260917z" defer></script>
<script src="/static/project.js?v=20260918a" defer></script>
{% endblock %}
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917z" />
<link rel="stylesheet" href="/static/project.css?v=20260918a" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %}
@@ -159,8 +159,8 @@
<!-- .pj-mytree-head 자체는 접어도(is-collapsed 는 .pj-mytree-tasks 만
숨김) 계속 보인다. -->
<span class="pj-mytree-counts">
<span class="pj-mtc-num pj-mtc-open" title="진행">{{ p.open }}</span>
<span class="pj-mtc-num pj-mtc-done" title="완료">{{ p.done }}</span>
<span class="pj-mtc-num pj-mtc-open" data-tip="진행">{{ p.open }}</span>
<span class="pj-mtc-num pj-mtc-done" data-tip="완료">{{ p.done }}</span>
</span>
</div>
<ul class="pj-mytree-tasks">
@@ -421,5 +421,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=20260917z" defer></script>
<script src="/static/project.js?v=20260918a" defer></script>
{% endblock %}
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917z" />
<link rel="stylesheet" href="/static/project.css?v=20260918a" />
<!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host -->
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
<!-- 타임라인 vis-timeline — self-host -->
@@ -210,8 +210,8 @@
<!-- .pj-mytree-head 자체는 접어도(is-collapsed 는 .pj-mytree-tasks 만
숨김) 계속 보인다. -->
<span class="pj-mytree-counts">
<span class="pj-mtc-num pj-mtc-open" title="진행">{{ p.open }}</span>
<span class="pj-mtc-num pj-mtc-done" title="완료">{{ p.done }}</span>
<span class="pj-mtc-num pj-mtc-open" data-tip="진행">{{ p.open }}</span>
<span class="pj-mtc-num pj-mtc-done" data-tip="완료">{{ p.done }}</span>
</span>
</div>
<ul class="pj-mytree-tasks">
@@ -544,5 +544,5 @@
</script>
<script src="/static/vendor/vis-timeline/vis-timeline-graph2d.min.js"></script>
<script src="/static/project.js?v=20260917z" defer></script>
<script src="/static/project.js?v=20260918a" defer></script>
{% endblock %}