Upload 8 files

src/views/InstructorView.js

@@ -119,6 +119,10 @@ export async function renderInstructorView() {
              <button id="btn-compare-prompts" class="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-500 hover:to-purple-500 text-white font-bold py-3 px-8 rounded-full shadow-2xl flex items-center space-x-2 transition-all transform hover:scale-105 disabled:opacity-50 disabled:cursor-not-allowed" disabled>
                 <span>🔍 比較已選項目 (0/3)</span>
              </button>
+             <label class="flex items-center space-x-2 bg-gray-800 px-4 rounded-full border border-gray-600 cursor-pointer hover:bg-gray-700 transition">
+                <input type="checkbox" id="list-anonymous-toggle" class="w-5 h-5 rounded border-gray-500 text-purple-600 focus:ring-purple-500 bg-gray-900">
+                <span class="text-gray-300 select-none">隱藏姓名</span>
+             </label>
         </div>
     </div>
 
@@ -854,6 +858,11 @@ export function setupInstructorEvents() {
         const titleEl = document.getElementById('prompt-list-title');
 
         titleEl.textContent = type === 'student' ? `${title} 的所有提示詞` : `題目：${title} 的所有作品`;
+
+        // Reset Anonymous Toggle in List View
+        const anonCheck = document.getElementById('list-anonymous-toggle');
+        if (anonCheck) anonCheck.checked = false;
+
         container.innerHTML = '';
         modal.classList.remove('hidden');
 
@@ -927,9 +936,6 @@ export function setupInstructorEvents() {
                         <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>
-                        <button onclick="window.broadcastPrompt('${p.studentId}', '${p.challengeId}')" class="px-2 py-1 bg-cyan-900/30 hover:bg-cyan-800 text-cyan-400 rounded transition-colors text-xs border border-cyan-800/50" title="投放此作品">
-                            投放
-                        </button>
                     </div>
                 </div>
              `;
@@ -1021,7 +1027,8 @@ export function setupInstructorEvents() {
                 }
             });
 
-            openComparisonView(dataToCompare);
+            const isAnon = document.getElementById('list-anonymous-toggle')?.checked || false;
+            openComparisonView(dataToCompare, isAnon);
         });
     }
 
@@ -1046,17 +1053,25 @@ export function setupInstructorEvents() {
         });
     };
 
-    window.openComparisonView = (items) => {
+    window.openComparisonView = (items, initialAnonymous = false) => {
         const modal = document.getElementById('comparison-modal');
         const grid = document.getElementById('comparison-grid');
 
-        // Reset Anonymous State
-        isAnonymous = false;
+        // Apply Anonymous State
+        isAnonymous = initialAnonymous;
         const anonBtn = document.getElementById('btn-anonymous-toggle');
+
+        // Update Toggle UI to match state
         if (anonBtn) {
-            anonBtn.textContent = '👀 隱藏姓名';
-            anonBtn.classList.remove('bg-purple-700');
-            anonBtn.classList.add('bg-gray-700');
+            if (isAnonymous) {
+                anonBtn.textContent = '🙈 顯示姓名';
+                anonBtn.classList.add('bg-purple-700');
+                anonBtn.classList.remove('bg-gray-700');
+            } else {
+                anonBtn.textContent = '👀 隱藏姓名';
+                anonBtn.classList.remove('bg-purple-700');
+                anonBtn.classList.add('bg-gray-700');
+            }
         }
 
         // Setup Grid Rows (Vertical Stacking)