Upload 9 files

src/views/InstructorView.js

@@ -482,28 +482,13 @@ export function setupInstructorEvents() {
     if (createBtn) {
         // Dashboard Update Logic
         const updateDashboard = (data) => {
-            const dashboardContent = document.getElementById('dashboard-content');
-            const heatmapBody = document.getElementById('heatmap-body');
-            const heatmapHeader = document.getElementById('heatmap-header');
-
             const users = Array.isArray(data) ? data : (data?.users ? Object.values(data.users) : []);
 
-            if (users.length === 0) {
-                heatmapBody.innerHTML = '<tr><td colspan="100" class="text-center py-10 text-gray-500">尚無學員加入</td></tr>';
-                return;
-            }
+            // Update global state for modals/snapshot
+            currentStudents = users;
 
-            // Just a simple render for now - can be expanded
-            // Clearing existing rows
-            heatmapBody.innerHTML = '';
-
-            // This part needs real logic based on your data structure
-            // For now, let's just list users to prove it works
-            users.forEach(user => {
-                const tr = document.createElement('tr');
-                tr.innerHTML = `<td class="p-3 text-white">${user.nickname || 'Unknown'}</td>`;
-                heatmapBody.appendChild(tr);
-            });
+            // Use the full heatmap renderer
+            renderTransposedHeatmap(users);
         }
 
         // Create Room