Upload 10 files

src/views/InstructorView.js

@@ -373,6 +373,7 @@ export async function renderInstructorView() {
 }
 
 export function setupInstructorEvents() {
+    console.log("Starting setupInstructorEvents...");
     // Utility for cleaning prompt indentation
     // Utility for cleaning prompt indentation
     // Utility for cleaning text for display
@@ -534,6 +535,94 @@ export function setupInstructorEvents() {
         renderTransposedHeatmap(users);
     }
 
+    // --- Broadcast Modal & Reject Logic ---
+    window.showBroadcastModal = (userId, challengeId) => {
+        const student = currentStudents.find(u => u.id === userId);
+        if (!student) return;
+
+        const p = student.progress?.[challengeId];
+        if (!p) return;
+
+        const challenge = cachedChallenges.find(c => c.id === challengeId);
+        const title = challenge ? challenge.title : 'Unknown Challenge';
+
+        const modal = document.getElementById('broadcast-modal');
+        const content = document.getElementById('broadcast-content');
+        if (!modal || !content) return;
+
+        const avatarEl = document.getElementById('broadcast-avatar');
+        if (avatarEl) avatarEl.textContent = student.nickname[0] || '?';
+
+        const authorEl = document.getElementById('broadcast-author');
+        if (authorEl) authorEl.textContent = student.nickname;
+
+        const challengeEl = document.getElementById('broadcast-challenge');
+        if (challengeEl) challengeEl.textContent = title;
+
+        const rawText = p.prompt || p.code || '';
+        const isCode = !p.prompt && !!p.code;
+        const promptContainer = document.getElementById('broadcast-prompt');
+        if (promptContainer) {
+            promptContainer.textContent = cleanText(rawText, isCode);
+            promptContainer.style.textAlign = 'left';
+            promptContainer.style.whiteSpace = 'pre-wrap';
+        }
+
+        // Store IDs for actions
+        modal.dataset.userId = userId;
+        modal.dataset.challengeId = challengeId;
+
+        modal.classList.remove('hidden');
+        setTimeout(() => {
+            content.classList.remove('scale-95', 'opacity-0');
+            content.classList.add('opacity-100', 'scale-100');
+        }, 10);
+    };
+
+    // Close Modal Logic (Global helper)
+    window.closeBroadcastModal = () => {
+        const modal = document.getElementById('broadcast-modal');
+        const content = document.getElementById('broadcast-content');
+        if (modal && content) {
+            content.classList.remove('opacity-100', 'scale-100');
+            content.classList.add('scale-95', 'opacity-0');
+            setTimeout(() => {
+                modal.classList.add('hidden');
+            }, 200);
+        }
+    };
+
+    // Bind Reject Button Logic
+    const btnReject = document.getElementById('btn-reject-task');
+    if (btnReject) {
+        // Remove existing listeners to avoid duplicates (cloneNode trick)
+        const newBtn = btnReject.cloneNode(true);
+        btnReject.parentNode.replaceChild(newBtn, btnReject);
+
+        newBtn.addEventListener('click', async () => {
+            const modal = document.getElementById('broadcast-modal');
+            const userId = modal.dataset.userId;
+            const challengeId = modal.dataset.challengeId;
+            const roomCode = localStorage.getItem('vibecoding_room_code');
+
+            console.log('Reject attempt:', { userId, challengeId, roomCode });
+
+            if (!userId || !challengeId) return;
+
+            if (confirm('確定要退回此學員的進度嗎？學員將需要重新作答。')) {
+                try {
+                    const { resetProgress } = await import("../services/classroom.js");
+                    await resetProgress(roomCode, userId, challengeId);
+                    alert('已成功退回，學員將需要重新作答。');
+                    window.closeBroadcastModal();
+                } catch (e) {
+                    console.error("Reject failed:", e);
+                    alert('退回失敗: ' + e.message);
+                }
+            }
+        });
+    }
+
     let roomUnsubscribe = null;
     let currentInstructor = null;
 
@@ -758,8 +847,7 @@ export function setupInstructorEvents() {
     }
 
     // Create Room
-
-    // Create Room
+    console.log("Checking createBtn:", createBtn);
     if (createBtn) {
         createBtn.addEventListener('click', async () => {
             // 4-Digit Room Code