fix(project): 달력 드래그를 포인터 기반으로 재구현
HTML5 네이티브 DnD 가 절대배치 grid 오버레이 달력에서 dragstart 를 잡지 못해(콘솔 에러 없이 무동작) 드래그가 안 됐다. mousedown→mousemove→mouseup 포인터 기반으로 직접 구현: - 5px 이상 움직이면 드래그 시작, 고스트 라벨이 커서 따라다님 - 드래그 중 bar pointer-events 해제 → elementFromPoint 가 날짜 셀 반환 - 놓은 칸의 날짜로 기간 유지 이동, 안 움직이면 클릭=모달 - 네이티브 draggable 속성 제거 Co-Authored-By: Claude Opus 4.8 <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=20260625g" />
|
||||
<link rel="stylesheet" href="/static/project.css?v=20260625h" />
|
||||
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
|
||||
{% endblock %}
|
||||
|
||||
@@ -45,5 +45,5 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<script src="/static/project.js?v=20260625g" defer></script>
|
||||
<script src="/static/project.js?v=20260625h" defer></script>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{% extends "erp_base.html" %}
|
||||
|
||||
{% block head_extra %}
|
||||
<link rel="stylesheet" href="/static/project.css?v=20260625g" />
|
||||
<link rel="stylesheet" href="/static/project.css?v=20260625h" />
|
||||
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
|
||||
{% endblock %}
|
||||
|
||||
@@ -101,5 +101,5 @@
|
||||
<script>
|
||||
window.PJ_COLORS = {{ ["#4573d2","#37a3a3","#62a420","#e8a33d","#e8384f","#aa62e3","#f06a6a","#5a6772"] | tojson }};
|
||||
</script>
|
||||
<script src="/static/project.js?v=20260625g" defer></script>
|
||||
<script src="/static/project.js?v=20260625h" defer></script>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{% extends "erp_base.html" %}
|
||||
|
||||
{% block head_extra %}
|
||||
<link rel="stylesheet" href="/static/project.css?v=20260625g" />
|
||||
<link rel="stylesheet" href="/static/project.css?v=20260625h" />
|
||||
<!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host -->
|
||||
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
|
||||
<!-- 타임라인 vis-timeline — self-host -->
|
||||
@@ -119,7 +119,6 @@
|
||||
{% if bar.continues_left %}pj-bar-l{% endif %}
|
||||
{% if bar.continues_right %}pj-bar-r{% endif %}"
|
||||
data-task-id="{{ bar.id }}"
|
||||
{% if can_manage %}draggable="true"{% endif %}
|
||||
style="grid-column: {{ bar.start_col + 1 }} / span {{ bar.span }}; grid-row: {{ bar.lane + 1 }};
|
||||
background: {% if bar.completed %}#9aa5b1{% else %}{{ bar.color }}{% endif %};"
|
||||
title="{{ bar.label }}">
|
||||
@@ -257,5 +256,5 @@
|
||||
</script>
|
||||
|
||||
<script src="/static/vendor/vis-timeline/vis-timeline-graph2d.min.js"></script>
|
||||
<script src="/static/project.js?v=20260625g" defer></script>
|
||||
<script src="/static/project.js?v=20260625h" defer></script>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user