Upload 8 files

src/views/InstructorView.js

@@ -131,6 +131,10 @@ export async function renderInstructorView() {
             </h2>
             
             <div class="flex items-center space-x-4 bg-gray-900 rounded-full px-4 py-1.5 border border-gray-600">
+                 <!-- Anonymous Toggle -->
+                 <button id="btn-anonymous-toggle" class="bg-gray-700 hover:bg-gray-600 text-white font-bold py-1 px-3 rounded text-xs transition-colors mr-2" onclick="toggleAnonymous(this)">
+                    👀 隱藏姓名
+                 </button>
                  <!-- Pen Tools -->
                  <button class="annotation-tool p-2 rounded-full hover:bg-gray-700 transition-colors ring-2 ring-transparent focus:outline-none" data-color="#ef4444" onclick="setPenColor('#ef4444', this)">
                     <div class="w-4 h-4 rounded-full bg-red-500"></div>
@@ -761,6 +765,38 @@ export function setupInstructorEvents() {
     });
 
     // Modal Events
+    window.showBroadcastModal = (userId, challengeId) => {
+        const modal = document.getElementById('broadcast-modal');
+        const content = document.getElementById('broadcast-content');
+
+        // Find Data
+        const student = currentStudents.find(s => s.id === userId);
+        if (!student) return alert('找不到學員資料');
+
+        const p = student.progress ? student.progress[challengeId] : null;
+        if (!p) return alert('找不到該作品資料');
+
+        const challenge = cachedChallenges.find(c => c.id === challengeId);
+        const title = challenge ? challenge.title : '未知題目';
+
+        // Populate UI
+        document.getElementById('broadcast-avatar').textContent = student.nickname[0] || '?';
+        document.getElementById('broadcast-author').textContent = student.nickname;
+        document.getElementById('broadcast-challenge').textContent = title;
+        document.getElementById('broadcast-prompt').textContent = p.prompt || '(無內容)';
+
+        // Store IDs for Actions (Reject/BroadcastAll)
+        modal.dataset.userId = userId;
+        modal.dataset.challengeId = challengeId;
+
+        // Show
+        modal.classList.remove('hidden');
+        setTimeout(() => {
+            content.classList.remove('scale-95', 'opacity-0');
+            content.classList.add('opacity-100', 'scale-100');
+        }, 10);
+    };
+
     window.closeBroadcast = () => {
         const modal = document.getElementById('broadcast-modal');
         const content = document.getElementById('broadcast-content');
@@ -823,6 +859,9 @@ export function setupInstructorEvents() {
 
         // Collect Prompts
         let prompts = [];
+        // Fix: Reset selection when opening new list to prevent cross-contamination
+        selectedPrompts = [];
+        updateCompareButton();
 
         if (type === 'student') {
             const student = currentStudents.find(s => s.id === id);
@@ -836,6 +875,8 @@ export function setupInstructorEvents() {
                             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() : ''
                         };
                     });
@@ -850,6 +891,8 @@ export function setupInstructorEvents() {
                             title: student.nickname, // When viewing challenge, title is student name
                             prompt: p.prompt,
                             author: student.nickname,
+                            studentId: student.id,
+                            challengeId: id,
                             time: p.completedAt ? new Date(p.completedAt.seconds * 1000).toLocaleString() : ''
                         });
                     }