From 88ce4ee378d54a9becceff8061c94684d05f130a Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Thu, 25 Jun 2026 13:41:52 +0900
Subject: [PATCH] =?UTF-8?q?fix(project):=20=EC=8B=9C=EA=B0=84=20=EC=9E=85?=
 =?UTF-8?q?=EB=A0=A5=EB=9E=80=EC=9D=84=20=EC=B2=B4=ED=81=AC=20=EC=A0=84?=
 =?UTF-8?q?=EC=97=94=20=EB=B9=84=ED=99=9C=EC=84=B1=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

기존엔 pj-time-row 를 hidden 으로 숨겼으나 .pj-form-row{display:flex} 가
[hidden] 을 이겨 항상 보였다. 숨김 대신 입력란을 disabled 로 두고 '시간
지정' 체크 시 활성화하도록 변경(회색 비활성 → 체크 시 활성).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/modules/project/templates/project/inbox.html   |  4 ++--
 app/modules/project/templates/project/index.html   |  4 ++--
 app/modules/project/templates/project/project.html | 10 +++++-----
 app/static/project.css                             |  2 ++
 app/static/project.js                              |  8 +++++---
 5 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/app/modules/project/templates/project/inbox.html b/app/modules/project/templates/project/inbox.html
index dbf7b43..9d99532 100644
--- a/app/modules/project/templates/project/inbox.html
+++ b/app/modules/project/templates/project/inbox.html
@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/project.css?v=20260625n" />
+<link rel="stylesheet" href="/static/project.css?v=20260625o" />
 <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
 {% endblock %}
 
@@ -45,5 +45,5 @@
   {% endif %}
 </div>
 
-<script src="/static/project.js?v=20260625n" defer></script>
+<script src="/static/project.js?v=20260625o" defer></script>
 {% endblock %}
diff --git a/app/modules/project/templates/project/index.html b/app/modules/project/templates/project/index.html
index edbb883..33a74d8 100644
--- a/app/modules/project/templates/project/index.html
+++ b/app/modules/project/templates/project/index.html
@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/project.css?v=20260625n" />
+<link rel="stylesheet" href="/static/project.css?v=20260625o" />
 <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
 {% endblock %}
 
@@ -100,5 +100,5 @@
 <script>
   window.PJ_COLORS = {{ ["#4573d2","#37a3a3","#62a420","#e8a33d","#e8384f","#aa62e3","#f06a6a","#5a6772"] | tojson }};
 </script>
-<script src="/static/project.js?v=20260625n" defer></script>
+<script src="/static/project.js?v=20260625o" defer></script>
 {% endblock %}
diff --git a/app/modules/project/templates/project/project.html b/app/modules/project/templates/project/project.html
index 8868c8e..e208cd9 100644
--- a/app/modules/project/templates/project/project.html
+++ b/app/modules/project/templates/project/project.html
@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/project.css?v=20260625n" />
+<link rel="stylesheet" href="/static/project.css?v=20260625o" />
 <!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host -->
 <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
 <!-- 타임라인 vis-timeline — self-host -->
@@ -225,9 +225,9 @@
     <label class="pj-time-toggle">
       <input type="checkbox" id="pj-t-usetime" /> 시간 지정 (체크 안 하면 종일)
     </label>
-    <div class="pj-form-row" id="pj-time-row" hidden>
-      <label>시작 시간<input type="time" id="pj-t-stime" /></label>
-      <label>마감 시간<input type="time" id="pj-t-dtime" /></label>
+    <div class="pj-form-row" id="pj-time-row">
+      <label>시작 시간<input type="time" id="pj-t-stime" disabled /></label>
+      <label>마감 시간<input type="time" id="pj-t-dtime" disabled /></label>
     </div>
     <!-- 첨부파일 (기존 업무 편집 시에만) -->
     <div class="pj-task-extra" id="pj-attach-block" hidden>
@@ -297,5 +297,5 @@
 </script>
 
 <script src="/static/vendor/vis-timeline/vis-timeline-graph2d.min.js"></script>
-<script src="/static/project.js?v=20260625n" defer></script>
+<script src="/static/project.js?v=20260625o" defer></script>
 {% endblock %}
diff --git a/app/static/project.css b/app/static/project.css
index 57f85b8..af3056a 100644
--- a/app/static/project.css
+++ b/app/static/project.css
@@ -184,6 +184,8 @@
 .pj-time-toggle { display: flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600; color: #525860; margin-bottom: 12px; cursor: pointer; }
 .pj-time-toggle input { width: auto; margin: 0; }
 .pj-form-row input[type="time"] { display: block; width: 100%; margin-top: 5px; padding: 8px 10px; border: 1px solid #d8dce2; border-radius: 8px; font-size: 13.5px; font-family: inherit; box-sizing: border-box; }
+.pj-form-row input[type="time"]:disabled { background: #f2f2f2; color: #aaa; cursor: not-allowed; }
+#pj-time-row:has(input:disabled) label { color: #aaa; }
 .pj-modal-actions { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
 .pj-modal-actions .pj-btn:last-child { }
 
diff --git a/app/static/project.js b/app/static/project.js
index 67d72d9..fa58d9a 100644
--- a/app/static/project.js
+++ b/app/static/project.js
@@ -456,7 +456,8 @@
       el("pj-t-usetime").checked = useTime;
       el("pj-t-stime").value = task ? (task.start_time || "") : "";
       el("pj-t-dtime").value = task ? (task.due_time || "") : "";
-      el("pj-time-row").hidden = !useTime;
+      el("pj-t-stime").disabled = !useTime;
+      el("pj-t-dtime").disabled = !useTime;
       el("pj-delete-task").hidden = !task;
       // 댓글·첨부는 기존 업무 편집 시에만
       currentTaskId = task ? task.id : null;
@@ -596,9 +597,10 @@
     const newTaskBtn = el("pj-new-task");
     if (newTaskBtn) newTaskBtn.addEventListener("click", function () { openTaskModal(null); });
 
-    // '시간 지정' 체크 → 시간 입력란 토글
+    // '시간 지정' 체크 → 시간 입력란 활성/비활성
     el("pj-t-usetime").addEventListener("change", function () {
-      el("pj-time-row").hidden = !this.checked;
+      el("pj-t-stime").disabled = !this.checked;
+      el("pj-t-dtime").disabled = !this.checked;
     });
     // 시간 입력란 클릭 시 즉시 시간 피커 드롭다운 열기
     ["pj-t-stime", "pj-t-dtime"].forEach(function (id) {