Upload 10 files

src/views/InstructorView.js

@@ -592,40 +592,43 @@ export function setupInstructorEvents() {
         }
     };
 
-    // 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 - Click details:', { dataset: modal.dataset, userId, challengeId, roomCode });
-
-            if (!userId || !challengeId) {
-                console.error('Missing userId or challengeId');
-                return;
-            }
+    // Bind Reject Button Logic (Delegated)
+    if (!window._rejectListenerAttached) {
+        window._rejectListenerAttached = true;
+        document.body.addEventListener('click', async (e) => {
+            const btnReject = e.target.closest('#btn-reject-task');
+            if (btnReject) {
+                console.log("Reject button clicked (Delegated Event)");
+                const modal = document.getElementById('broadcast-modal');
+                if (!modal) return;
+
+                const userId = modal.dataset.userId;
+                const challengeId = modal.dataset.challengeId;
+                const roomCode = localStorage.getItem('vibecoding_room_code');
+
+                console.log('Reject attempt - Click details:', { dataset: modal.dataset, userId, challengeId, roomCode });
+
+                if (!userId || !challengeId) {
+                    console.error('Missing userId or challengeId');
+                    alert("錯誤：無法讀取學員資訊 (Missing ID)");
+                    return;
+                }
 
-            if (confirm('確定要退回此學員的進度嗎？學員將需要重新作答。')) {
-                try {
-                    const { resetProgress } = await import("../services/classroom.js");
-                    const success = await resetProgress(userId, roomCode, challengeId);
+                if (confirm('確定要退回此學員的進度嗎？學員將需要重新作答。')) {
+                    try {
+                        const { resetProgress } = await import("../services/classroom.js");
+                        const success = await resetProgress(userId, roomCode, challengeId);
 
-                    if (success) {
-                        alert('已成功退回，學員將需要重新作答。');
-                        window.closeBroadcastModal();
-                    } else {
-                        alert('找不到該學員的進度紀錄，無法退回 (Document Not Found)。');
+                        if (success) {
+                            alert('已成功退回，學員將需要重新作答。');
+                            window.closeBroadcastModal();
+                        } else {
+                            alert('找不到該學員的進度紀錄，無法退回 (Document Not Found)。');
+                        }
+                    } catch (e) {
+                        console.error("Reject failed:", e);
+                        alert('退回失敗: ' + e.message);
                     }
-                } catch (e) {
-                    console.error("Reject failed:", e);
-                    alert('退回失敗: ' + e.message);
                 }
             }
         });