Merge pull request #168 from pirogramming/hyungju/main

feat: form에서 스택 선택하지 못하도록 변경, 플젝 선택한 것에 따라 정해지도록 수정

Author: Tonyjoo11

static/css/reflections.css

@@ -1585,6 +1585,14 @@ button.ref-btn{
     font-size: 13px;
   }
 
+  .ref-select[disabled]{
+    background: #f9fafb;
+    color: var(--gray-600);
+    cursor: not-allowed;
+    opacity: 1; /* disabled 기본 투명도 제거 */
+  }
+
+
   .ref-meta-hint {
     font-size: 11px;
     margin-left: 5px;

static/js/reflections.js

@@ -150,17 +150,29 @@
       roleMap = {};
     }
 
+    const setRole = (val) => {
+      roleSel.value = val || ""; // 개인 회고면 빈값
+    };
+
+    // 초기 상태(수정 페이지 대응): 프로젝트가 없으면 role 비우기
+    if (!projectSel.value) setRole("");
+
     projectSel.addEventListener("change", () => {
       const pid = projectSel.value;
-      if (!pid) return;
 
-      const autoRole = roleMap[pid];
-      if (autoRole) {
-        roleSel.value = autoRole; // 사용자가 원하면 다시 바꿀 수 있음
+      // ✅ "선택 안 함(개인용)"이면 개인 회고로 리셋
+      if (!pid) {
+        setRole("");
+        return;
       }
+
+      // ✅ 프로젝트 선택하면 roleMap 기반으로 자동 세팅
+      const autoRole = roleMap[pid];
+      setRole(autoRole || "");
     });
   };
 
+
   const bindAssetUpload = () => {
     const fileInput = document.getElementById("assetFileInput");
     if (!fileInput) return;

templates/reflections/_note_form.html

@@ -66,11 +66,14 @@
       <label class="ref-label">프로젝트</label>
       <div class="ref-selectwrap">
         <select name="project_id" class="ref-select" data-project-select>
-          <option value="">선택 안 함 (개인용)</option>
+          <option value="">선택 안 함 (개인 회고)</option>
           {% if my_projects %}
             {% for p in my_projects %}
               <option value="{{ p.id }}" {% if note and note.project_id == p.id %}selected{% endif %}>
                 {{ p.title }}
+                {% with my_role_map|get_item:p.id as r %}
+                  {% if r %} ({{ r }}){% else %} (역할 미지정){% endif %}
+                {% endwith %}
               </option>
             {% endfor %}
           {% endif %}
@@ -86,8 +89,8 @@
     <div class="ref-meta-row">
       <label class="ref-label">역할</label>
       <div class="ref-selectwrap">
-        <select name="role" class="ref-select" data-role-select>
-          <option value="">선택 안 함</option>
+        <select name="role" class="ref-select" data-role-select disabled>
+          <option value="">개인 회고</option>
           <option value="PM" {% if note.role == "PM" %}selected{% endif %}>WEB 기획</option>
           <option value="FRONTEND" {% if note.role == "FRONTEND" %}selected{% endif %}>WEB 프론트엔드</option>
           <option value="BACKEND" {% if note.role == "BACKEND" %}selected{% endif %}>WEB 백엔드</option>