fix(project): 프로젝트 목록 + 버튼도 새 프로젝트 팝업으로 열리게 수정

좌측 사이드바 "+ " 버튼이 prompt() 두 번(이름/마감일)으로 대충 만들던 걸
홈 화면과 같은 새 프로젝트 모달(설명·날짜·색상·멤버 선택)로 통일.
project.html 에 홈과 동일한 #pj-modal-project 마크업 추가, project.js 는
같은 저장 로직을 쓰되 결과는 mergeProject() 로 사이드바 트리에 patch.
This commit is contained in:
2026-09-16 12:53:26 +09:00
parent 27d91b9f6b
commit 3a50e81191
4 changed files with 79 additions and 13 deletions
@@ -45,5 +45,5 @@
{% endif %}
</div>
<script src="/static/project.js?v=20260917e" defer></script>
<script src="/static/project.js?v=20260917f" defer></script>
{% endblock %}
@@ -393,5 +393,5 @@
<script>
window.PJ_COLORS = {{ ["#4573d2","#37a3a3","#62a420","#e8a33d","#e8384f","#aa62e3","#f06a6a","#5a6772"] | tojson }};
</script>
<script src="/static/project.js?v=20260917e" defer></script>
<script src="/static/project.js?v=20260917f" defer></script>
{% endblock %}
@@ -223,6 +223,29 @@
</div>
</div>
<!-- 새 프로젝트 모달 — 좌측 프로젝트 목록의 + 버튼(홈 화면과 동일 폼) -->
<div class="pj-modal" id="pj-modal-project" hidden>
<div class="pj-modal-card">
<h3>새 프로젝트</h3>
<label>이름<input type="text" id="pj-f-name" placeholder="프로젝트 이름" /></label>
<label>설명<textarea id="pj-f-desc" rows="2"></textarea></label>
<div class="pj-form-row">
<label>시작일<input type="date" id="pj-f-start" /></label>
<label>마감일<input type="date" id="pj-f-due" /></label>
</div>
<label>색상
<span class="pj-color-palette" id="pj-f-colors"></span>
</label>
<div class="pj-field-label">멤버
<div class="pj-member-picker" id="pj-f-members">불러오는 중…</div>
</div>
<div class="pj-modal-actions">
<button type="button" class="pj-btn" data-close>취소</button>
<button type="button" class="pj-btn pj-btn-primary" id="pj-save-project">만들기</button>
</div>
</div>
</div>
<!-- 프로젝트 수정 모달 — 좌측 프로젝트 목록의 ✎ 버튼 -->
<div class="pj-modal" id="pj-modal-edit" hidden>
<div class="pj-modal-card">
@@ -438,5 +461,5 @@
</script>
<script src="/static/vendor/vis-timeline/vis-timeline-graph2d.min.js"></script>
<script src="/static/project.js?v=20260917e" defer></script>
<script src="/static/project.js?v=20260917f" defer></script>
{% endblock %}