Upload 9 files

src/views/InstructorView.js

@@ -636,6 +636,9 @@ export function setupInstructorEvents() {
         enterRoom(savedRoomCode);
     }
 
+    // Module-level variable to track subscription
+    let roomUnsubscribe = null;
+
     function enterRoom(roomCode) {
         createContainer.classList.add('hidden');
         roomInfo.classList.remove('hidden');
@@ -645,8 +648,11 @@ export function setupInstructorEvents() {
         localStorage.setItem('vibecoding_instructor_room', roomCode);
         sessionStorage.setItem('vibecoding_instructor_in_room', 'true');
 
+        // Unsubscribe previous if any
+        if (roomUnsubscribe) roomUnsubscribe();
+
         // Subscribe to updates
-        subscribeToRoom(roomCode, (students) => {
+        roomUnsubscribe = subscribeToRoom(roomCode, (students) => {
             currentStudents = students;
             renderTransposedHeatmap(students);
         });
@@ -655,18 +661,25 @@ export function setupInstructorEvents() {
     // Leave Room Logic
     document.getElementById('leave-room-btn').addEventListener('click', () => {
         if (confirm('確定要離開目前教室嗎？(不會刪除教室資料，僅回到選擇介面)')) {
+            // Unsubscribe
+            if (roomUnsubscribe) {
+                roomUnsubscribe();
+                roomUnsubscribe = null;
+            }
+
             // UI Reset
             createContainer.classList.remove('hidden');
             roomInfo.classList.add('hidden');
             dashboardContent.classList.add('hidden');
+            document.getElementById('group-photo-btn').classList.add('hidden'); // Hide photo button
+
+            // Clear Data Display
+            document.getElementById('heatmap-body').innerHTML = '<tr><td colspan="100" class="text-center py-10 text-gray-500">等待資料載入...</td></tr>';
+            document.getElementById('heatmap-header').innerHTML = '<th class="p-3 text-left sticky left-0 bg-gray-800 z-20 border-b border-gray-700 min-w-[150px]">學員 / 關卡</th>';
 
             // State Clear
             sessionStorage.removeItem('vibecoding_instructor_in_room');
             localStorage.removeItem('vibecoding_instructor_room');
-
-            // Reload to clear listeners/subscriptions effectively
-            // Or we could implement an unsubscribe, but reload is safer for quick implementation
-            window.location.reload();
         }
     });