Upload 9 files

src/views/StudentView.js

@@ -391,8 +391,8 @@ export function setupStudentEvents() {
     };
 
     window.submitLevel = async (challengeId) => {
-        const input = document.getElementById(`input - ${challengeId} `);
-        const errorMsg = document.getElementById(`error - ${challengeId} `);
+        const input = document.getElementById(`input-${challengeId}`);
+        const errorMsg = document.getElementById(`error-${challengeId}`);
         const prompt = input.value;
         const roomCode = localStorage.getItem('vibecoding_room_code');
         const userId = localStorage.getItem('vibecoding_user_id');
@@ -438,7 +438,7 @@ export function setupStudentEvents() {
             const newCardHTML = renderTaskCard(challenge, newProgress);
 
             // 3. Replace in DOM
-            const oldCard = document.getElementById(`card - ${challengeId} `);
+            const oldCard = document.getElementById(`card-${challengeId}`);
             if (oldCard) {
                 oldCard.outerHTML = newCardHTML;
             } else {
@@ -505,12 +505,12 @@ function renderPeerModal() {
     let optionsHtml = '<option value="" disabled selected>選擇題目...</option>';
     if (cachedChallenges.length > 0) {
         optionsHtml += cachedChallenges.map(c =>
-            `< option value = "${c.id}" > [${c.level}] ${c.title}</option > `
+            `<option value="${c.id}">[${c.level}] ${c.title}</option>`
         ).join('');
     }
 
     return `
-        < div id = "peer-modal" class="fixed inset-0 bg-black bg-opacity-80 backdrop-blur-sm hidden flex items-center justify-center z-50 p-4" >
+        <div id="peer-modal" class="fixed inset-0 bg-black bg-opacity-80 backdrop-blur-sm hidden flex items-center justify-center z-50 p-4">
             <div class="bg-gray-800 rounded-2xl w-full max-w-md h-[80vh] flex flex-col border border-gray-700 shadow-2xl">
                 <div class="p-6 border-b border-gray-700 flex justify-between items-center">
                     <h3 class="text-xl font-bold text-white">同學的成功提示詞</h3>
@@ -527,7 +527,7 @@ function renderPeerModal() {
                     <div class="text-center text-gray-500 mt-10">請選擇一個題目來查看</div>
                 </div>
             </div>
-        </div >
+        </div>
         `;
 }
 
@@ -563,7 +563,7 @@ window.loadPeerPrompts = async (challengeId) => {
         const isLiked = p.likedBy && p.likedBy.includes(currentUserId);
 
         return `
-        < div class="bg-gray-700/30 p-4 rounded-xl border border-gray-600" >
+        <div class="bg-gray-700/30 p-4 rounded-xl border border-gray-600">
             <div class="flex items-center justify-between mb-2">
                 <div class="flex items-center space-x-2">
                     <div class="w-6 h-6 rounded-full bg-cyan-600 flex items-center justify-center text-xs font-bold text-white">
@@ -582,11 +582,11 @@ window.loadPeerPrompts = async (challengeId) => {
                 </button>
             </div>
             <p class="text-gray-300 font-mono text-sm bg-black/20 p-3 rounded-lg border border-gray-700/50 whitespace-pre-wrap">${p.prompt}</p>
-        </div >
+        </div>
         `}).join('');
 
     // Attach challenge title for notification context
-    window.currentPeerChallengeTitle = document.querySelector(`#peer - challenge - select option[value = "${challengeId}"]`).text;
+    window.currentPeerChallengeTitle = document.querySelector(`#peer-challenge-select option[value="${challengeId}"]`).text;
 };
 
 // Like Handler