Upload 10 files

src/views/InstructorView.js

@@ -580,6 +580,131 @@ export function setupInstructorEvents() {
         if (aiSettingsModal) aiSettingsModal.classList.add('hidden');
     };
 
+    // --- Additional Heatmap Interaction Functions ---
+    window.confirmKick = async (userId, nickname) => {
+        if (confirm(`確定要踢出 ${nickname} 嗎？`)) {
+            try {
+                const roomCode = localStorage.getItem('vibecoding_room_code');
+                if (!roomCode) return alert("未連接到教室");
+                await removeUser(userId, roomCode);
+                alert(`已踢出 ${nickname}`);
+            } catch (e) {
+                console.error(e);
+                alert("踢出失敗: " + e.message);
+            }
+        }
+    };
+
+    window.analyzeChallenge = (challengeId, challengeTitle) => {
+        if (!localStorage.getItem('vibecoding_gemini_key')) {
+            alert("請先設定 Gemini API Key");
+            return;
+        }
+        window.openPromptList('challenge', challengeId, challengeTitle);
+        setTimeout(() => {
+            const btn = document.getElementById('btn-ai-analyze');
+            if (btn && !btn.disabled) {
+                btn.click();
+            }
+        }, 300);
+    };
+
+    window.openPromptList = (type, id, title) => {
+        const modal = document.getElementById('prompt-list-modal');
+        const container = document.getElementById('prompt-list-container');
+        const titleEl = document.getElementById('prompt-list-title');
+
+        if (type === 'challenge') {
+            window.currentViewingChallengeId = id;
+        } else {
+            window.currentViewingChallengeId = null;
+        }
+
+        titleEl.textContent = type === 'student' ? `${title} 的所有提示詞` : `題目：${title} 的所有作品`;
+
+        container.innerHTML = '';
+        modal.classList.remove('hidden');
+
+        let prompts = [];
+        if (type === 'student') {
+            const student = currentStudents.find(s => s.id === id);
+            if (student && student.progress) {
+                prompts = Object.entries(student.progress)
+                    .filter(([_, p]) => p.status === 'completed' && p.prompt)
+                    .map(([challengeId, p]) => {
+                        const challenge = cachedChallenges.find(c => c.id === challengeId);
+                        return {
+                            id: `${student.id}_${challengeId}`,
+                            title: challenge ? challenge.title : '未知題目',
+                            prompt: p.prompt,
+                            author: student.nickname,
+                            studentId: student.id,
+                            challengeId: challengeId,
+                            time: p.completedAt ? new Date(p.completedAt.seconds * 1000).toLocaleString() : ''
+                        };
+                    });
+            }
+        } else if (type === 'challenge') {
+            currentStudents.forEach(student => {
+                if (student.progress && student.progress[id]) {
+                    const p = student.progress[id];
+                    if (p.status === 'completed' && p.prompt) {
+                        prompts.push({
+                            id: `${student.id}_${id}`,
+                            title: student.nickname,
+                            prompt: p.prompt,
+                            author: student.nickname,
+                            studentId: student.id,
+                            challengeId: id,
+                            time: p.completedAt ? new Date(p.completedAt.seconds * 1000).toLocaleString() : ''
+                        });
+                    }
+                }
+            });
+        }
+
+        if (prompts.length === 0) {
+            container.innerHTML = '<div class="col-span-full text-center text-gray-500 py-10">無資料</div>';
+            return;
+        }
+
+        prompts.forEach(p => {
+            const card = document.createElement('div');
+            card.className = 'bg-gray-800 rounded-xl p-3 border border-gray-700 hover:border-cyan-500 transition-colors flex flex-col h-48 group';
+            card.innerHTML = `
+                <div class="flex justify-between items-start mb-1.5">
+                    <h3 class="font-bold text-white text-base truncate w-3/4" title="${p.title}">${p.title}</h3>
+                </div>
+                <div class="bg-black/30 rounded p-2 flex-1 overflow-y-auto font-mono text-green-300 whitespace-pre-wrap custom-scrollbar text-base leading-snug group-hover:text-green-200 transaction-colors mb-2" style="text-align: left;">${cleanText(p.prompt)}</div>
+                <div class="flex justify-between items-center text-[10px] text-gray-500 mt-auto">
+                    <span>${p.time}</span>
+                    <div class="flex space-x-2">
+                        <button onclick="window.confirmReset('${p.studentId}', '${p.challengeId}', '${p.title}')" class="px-2 py-1 bg-red-900/30 hover:bg-red-800 text-red-400 rounded transition-colors text-xs border border-red-800/50" title="退回重做">
+                            退回
+                        </button>
+                    </div>
+                </div>
+            `;
+            container.appendChild(card);
+        });
+    };
+
+    window.confirmReset = async (userId, challengeId, title) => {
+        if (confirm(`確定要退回 ${title} 嗎？此動作將清除學員目前的進度。`)) {
+            const roomCode = localStorage.getItem('vibecoding_room_code');
+            if (userId && challengeId) {
+                try {
+                    await resetProgress(userId, roomCode, challengeId);
+                    alert("已退回");
+                    document.getElementById('prompt-list-modal').classList.add('hidden');
+                } catch (e) {
+                    console.error(e);
+                    alert("退回失敗");
+                }
+            }
+        }
+    };
+
     // Login Logic
     const authErrorMsg = document.getElementById('auth-error');
     const authModal = document.getElementById('auth-modal');