From 22c4997342cdd2e77a79f5df8c2309e80992d099 Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Wed, 16 Sep 2026 13:03:50 +0900
Subject: [PATCH] =?UTF-8?q?feat(project):=20=EB=A9=A4=EB=B2=84=20=EB=B0=B0?=
 =?UTF-8?q?=EC=A0=95=EC=9D=84=20=EC=B2=B4=ED=81=AC=EB=B0=95=EC=8A=A4=20?=
 =?UTF-8?q?=EB=8B=A4=EC=A4=91=EC=84=A0=ED=83=9D=20+=20=EC=95=84=EC=9D=B4?=
 =?UTF-8?q?=EC=BD=98=20=ED=91=9C=EC=8B=9C=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<select> 하나씩 골라 순서대로 배정하던 걸 새 프로젝트 모달과 같은
체크박스 목록으로 바꿔 후보 전원을 한 화면에서 보고 여러 명을 한 번에
선택해 배정. 각 후보는 항상 아바타(구글 프로필, 없으면 기본 아이콘)와
이름을 같이 보여준다. 저장 시 선택된 인원마다 순차 POST 후 결과를
members 배열에 patch(기존 optimistic 흐름 그대로, reload 없음).
---
 .../project/templates/project/inbox.html      |  2 +-
 .../project/templates/project/index.html      |  2 +-
 .../project/templates/project/project.html    | 10 ++--
 app/static/project.js                         | 49 ++++++++++---------
 4 files changed, 33 insertions(+), 30 deletions(-)

diff --git a/app/modules/project/templates/project/inbox.html b/app/modules/project/templates/project/inbox.html
index 33f37e1..db5d1a8 100644
--- a/app/modules/project/templates/project/inbox.html
+++ b/app/modules/project/templates/project/inbox.html
@@ -45,5 +45,5 @@
   {% endif %}
 </div>
 
-<script src="/static/project.js?v=20260917f" defer></script>
+<script src="/static/project.js?v=20260917g" defer></script>
 {% endblock %}
diff --git a/app/modules/project/templates/project/index.html b/app/modules/project/templates/project/index.html
index dfba77e..2a89c7a 100644
--- a/app/modules/project/templates/project/index.html
+++ b/app/modules/project/templates/project/index.html
@@ -393,5 +393,5 @@
 <script>
   window.PJ_COLORS = {{ ["#4573d2","#37a3a3","#62a420","#e8a33d","#e8384f","#aa62e3","#f06a6a","#5a6772"] | tojson }};
 </script>
-<script src="/static/project.js?v=20260917f" defer></script>
+<script src="/static/project.js?v=20260917g" defer></script>
 {% endblock %}
diff --git a/app/modules/project/templates/project/project.html b/app/modules/project/templates/project/project.html
index 0d1eadc..27a3043 100644
--- a/app/modules/project/templates/project/project.html
+++ b/app/modules/project/templates/project/project.html
@@ -423,10 +423,10 @@
 <div class="pj-modal" id="pj-modal-member" hidden>
   <div class="pj-modal-card">
     <h3>멤버 배정</h3>
-    <p class="pj-modal-hint">관리자 페이지에서 <b>프로젝트 관리</b> 권한을 켠 직원이 후보로 나옵니다.</p>
-    <label>직원
-      <select id="pj-m-user"><option value="">불러오는 중…</option></select>
-    </label>
+    <p class="pj-modal-hint">관리자 페이지에서 <b>프로젝트 관리</b> 권한을 켠 직원이 후보로 나옵니다. 여러 명을 한 번에 선택할 수 있습니다.</p>
+    <div class="pj-field-label">직원
+      <div class="pj-member-picker" id="pj-m-users">불러오는 중…</div>
+    </div>
     <label>역할
       <select id="pj-m-role">
         <option value="member" selected>멤버</option>
@@ -461,5 +461,5 @@
 </script>
 
 <script src="/static/vendor/vis-timeline/vis-timeline-graph2d.min.js"></script>
-<script src="/static/project.js?v=20260917f" defer></script>
+<script src="/static/project.js?v=20260917g" defer></script>
 {% endblock %}
diff --git a/app/static/project.js b/app/static/project.js
index b5a940d..5c3d393 100644
--- a/app/static/project.js
+++ b/app/static/project.js
@@ -2625,38 +2625,41 @@
     renderMemberList();
     const addMemberBtn = el("pj-add-member");
     if (addMemberBtn) addMemberBtn.addEventListener("click", async function () {
-      const sel = el("pj-m-user");
+      const box = el("pj-m-users");
       openModal(memberModal);
-      sel.innerHTML = '<option value="">불러오는 중…</option>';
+      box.innerHTML = "불러오는 중…";
       try {
         const res = await api("GET", "/project/api/assignable-users");
         const existing = new Set(members.map(function (m) { return m.user_email; }));
-        const opts = res.users
-          .filter(function (u) { return !existing.has(u.email); })
-          .map(function (u) {
-            return '<option value="' + u.email + '" data-name="' + escapeHtml(u.name) + '">' +
-                   escapeHtml(u.id) + " (" + escapeHtml(u.email) + ")</option>";
-          });
-        sel.innerHTML = opts.length
-          ? opts.join("")
-          : '<option value="">배정 가능한 직원이 없습니다(권한 미부여 또는 전원 배정됨)</option>';
+        const candidates = res.users.filter(function (u) { return !existing.has(u.email); });
+        box.innerHTML = candidates.length ? candidates.map(function (u) {
+          return '<label class="pj-member-pick">' +
+            '<input type="checkbox" value="' + u.email + '" data-name="' + escapeHtml(u.name) + '" /> ' +
+            avatarHtml(u.email, "pj-gicon-sm") + " " + escapeHtml(u.id) +
+            "</label>";
+        }).join("") : "<span class='pj-empty-sm'>배정 가능한 직원이 없습니다(권한 미부여 또는 전원 배정됨)</span>";
       } catch (e) {
-        sel.innerHTML = '<option value="">불러오기 실패: ' + escapeHtml(e.message) + "</option>";
+        box.innerHTML = "<span class='pj-empty-sm'>불러오기 실패: " + escapeHtml(e.message) + "</span>";
       }
     });
     const saveMemberBtn = el("pj-save-member");
     if (saveMemberBtn) saveMemberBtn.addEventListener("click", async function () {
-      const sel = el("pj-m-user");
-      if (!sel.value) { alert("직원을 선택하세요."); return; }
-      const name = sel.selectedOptions[0] ? (sel.selectedOptions[0].dataset.name || "") : "";
-      try {
-        const res = await api("POST", "/project/api/projects/" + projectId + "/members", {
-          user_email: sel.value, user_name: name, role: el("pj-m-role").value,
-        });
-        members.push(res.member);
-        renderMemberList();
-        closeModal(memberModal);
-      } catch (e) { showToast("배정 실패: " + e.message, "error"); }
+      const box = el("pj-m-users");
+      const checked = box ? Array.from(box.querySelectorAll("input[type=checkbox]:checked")) : [];
+      if (!checked.length) { alert("직원을 선택하세요."); return; }
+      const role = el("pj-m-role").value;
+      let failCount = 0;
+      for (const cb of checked) {
+        try {
+          const res = await api("POST", "/project/api/projects/" + projectId + "/members", {
+            user_email: cb.value, user_name: cb.dataset.name || "", role: role,
+          });
+          members.push(res.member);
+        } catch (e) { failCount++; }
+      }
+      renderMemberList();
+      closeModal(memberModal);
+      if (failCount) showToast(failCount + "명 배정 실패", "error");
     });
 
     // 최초 렌더 — 아사나처럼 프로젝트에 들어오면 보드(세션)가 기본 화면이다