Upload 10 files

src/views/InstructorView.js

@@ -375,6 +375,37 @@ export async function renderInstructorView() {
 
 export function setupInstructorEvents() {
     console.log("Starting setupInstructorEvents...");
+
+    // --- Instructor Management Helper ---
+    async function loadInstructorList() {
+        const tbody = document.getElementById('instructor-list-body');
+        if (!tbody) return;
+        tbody.innerHTML = '<tr><td colspan="4" class="p-4 text-center">載入中...</td></tr>';
+
+        try {
+            const list = await getInstructors();
+            tbody.innerHTML = list.map(i => `
+                <tr class="border-b border-gray-700 hover:bg-gray-700/50">
+                    <td class="p-3">${i.name || '-'}</td>
+                    <td class="p-3 font-mono text-sm text-gray-400">${i.email}</td>
+                    <td class="p-3">
+                        <div class="flex flex-wrap gap-1">
+                            ${(i.permissions || []).map(p => `<span class="text-xs bg-indigo-900 text-indigo-300 px-1 rounded">${p}</span>`).join('')}
+                        </div>
+                    </td>
+                    <td class="p-3">
+                        ${i.role !== 'admin' ?
+                    `<button onclick="window.removeInst('${i.email}')" class="text-red-400 hover:text-white px-2 py-1 bg-red-900/30 rounded">移除</button>` :
+                    '<span class="text-xs text-gray-600">Admin</span>'
+                }
+                    </td>
+                </tr>
+            `).join('');
+        } catch (e) {
+            console.error(e);
+            tbody.innerHTML = '<tr><td colspan="4" class="p-4 text-center text-red-500">載入失敗</td></tr>';
+        }
+    }
     // Utility for cleaning prompt indentation
     // Utility for cleaning prompt indentation
     // Utility for cleaning text for display
@@ -1279,34 +1310,8 @@ export function setupInstructorEvents() {
 
 
 
-                    // --- Instructor Management Logic ---
-                    async function loadInstructorList() {
-                        const tbody = document.getElementById('instructor-list-body');
-                        tbody.innerHTML = '<tr><td colspan="4" class="p-4 text-center">載入中...</td></tr>';
-                        try {
-                            const list = await getInstructors();
-                            tbody.innerHTML = list.map(i => `
-                                <tr class="border-b border-gray-700 hover:bg-gray-700/50">
-                                    <td class="p-3">${i.name || '-'}</td>
-                                    <td class="p-3 font-mono text-sm text-gray-400">${i.email}</td>
-                                    <td class="p-3">
-                                        <div class="flex flex-wrap gap-1">
-                                            ${(i.permissions || []).map(p => `<span class="text-xs bg-indigo-900 text-indigo-300 px-1 rounded">${p}</span>`).join('')}
-                                        </div>
-                                    </td>
-                                    <td class="p-3">
-                                        ${i.role !== 'admin' ?
-                                    `<button onclick="window.removeInst('${i.email}')" class="text-red-400 hover:text-white px-2 py-1 bg-red-900/30 rounded">移除</button>` :
-                                    '<span class="text-xs text-gray-600">Admin</span>'
-                                }
-                                    </td>
-                                </tr>
-                            `).join('');
-                        } catch (e) {
-                            console.error(e);
-                            tbody.innerHTML = '<tr><td colspan="4" class="p-4 text-center text-red-500">載入失敗</td></tr>';
-                        }
-                    }
+
+
 
                     const btnAddInst = document.getElementById('btn-add-inst');
                     if (btnAddInst) {