From f5136b58017f5c1a671f8726b5da2df62afe163e Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Sun, 26 Oct 2025 13:08:19 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B4=80=EB=A6=AC=ED=95=A8=20=EC=A7=84?=
 =?UTF-8?q?=ED=96=89=20=EC=A4=91=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=ED=86=B5?=
 =?UTF-8?q?=EA=B3=84=EC=97=90=20=EC=99=84=EB=A3=8C=20=EB=8C=80=EA=B8=B0=20?=
 =?UTF-8?q?=EC=B9=B4=EB=93=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

📊 통계 카드 확장:
- 기존 3개 → 4개 카드로 확장
- 새로운 '완료 대기' 카드 추가

🟣 완료 대기 카드:
- 보라색 테마 (bg-purple-50)
- 모래시계 아이콘 (fas fa-hourglass-half)
- completion_requested_at 필드 기준 카운트

🔢 통계 계산 로직:
- 총 부적합: 전체 이슈 수
- 진행 중: review_status='in_progress' && !completion_requested_at
- 완료 대기: review_status='in_progress' && completion_requested_at
- 완료됨: review_status='completed'

🎨 UI 개선:
- 4열 그리드 레이아웃 (md:grid-cols-4)
- 일관된 색상 체계 유지
- 각 카드별 고유 아이콘과 색상

💡 사용자 경험:
- 완료 대기 상태를 한눈에 파악 가능
- 프로젝트 필터링 시 실시간 업데이트
- 관리자가 승인 대기 건수 즉시 확인

Expected Result:
✅ 총 부적합 | 진행 중 | 완료 대기 | 완료됨
✅ 완료 대기 건수 실시간 표시
✅ 프로젝트별 필터링 지원
✅ 시각적으로 구분되는 보라색 테마
---
 frontend/issues-management.html | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/issues-management.html b/frontend/issues-management.html
index 73452de..64e9c14 100644
--- a/frontend/issues-management.html
+++ b/frontend/issues-management.html
@@ -272,7 +272,7 @@
                 </div>
                 
                 <!-- 프로젝트별 통계 -->
-                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
                     <div class="bg-gray-50 p-4 rounded-lg">
                         <div class="flex items-center">
                             <i class="fas fa-chart-bar text-gray-500 text-xl mr-3"></i>
@@ -291,6 +291,15 @@
                             </div>
                         </div>
                     </div>
+                    <div class="bg-purple-50 p-4 rounded-lg">
+                        <div class="flex items-center">
+                            <i class="fas fa-hourglass-half text-purple-500 text-xl mr-3"></i>
+                            <div>
+                                <p class="text-sm text-purple-600">완료 대기</p>
+                                <p class="text-2xl font-bold text-purple-700" id="pendingCompletionCount">0</p>
+                            </div>
+                        </div>
+                    </div>
                     <div class="bg-green-50 p-4 rounded-lg">
                         <div class="flex items-center">
                             <i class="fas fa-check-circle text-green-500 text-xl mr-3"></i>
@@ -556,12 +565,18 @@
                 
                 // 상태별 카운트
                 const totalCount = projectIssues.length;
-                const inProgressCount = projectIssues.filter(issue => issue.review_status === 'in_progress').length;
+                const inProgressCount = projectIssues.filter(issue => 
+                    issue.review_status === 'in_progress' && !issue.completion_requested_at
+                ).length;
+                const pendingCompletionCount = projectIssues.filter(issue => 
+                    issue.review_status === 'in_progress' && issue.completion_requested_at
+                ).length;
                 const completedCount = projectIssues.filter(issue => issue.review_status === 'completed').length;
                 
                 // 통계 업데이트
                 document.getElementById('totalCount').textContent = totalCount;
                 document.getElementById('inProgressCount').textContent = inProgressCount;
+                document.getElementById('pendingCompletionCount').textContent = pendingCompletionCount;
                 document.getElementById('completedCount').textContent = completedCount;
             }