Upload 10 files

src/views/InstructorView.js

@@ -299,10 +299,10 @@ export async function renderInstructorView() {
                         <button id="group-photo-btn" class="hidden bg-gradient-to-r from-pink-600 to-purple-600 hover:from-pink-500 hover:to-purple-500 text-white font-bold py-2 px-4 rounded-lg transition-all shadow-lg border border-pink-400/30 flex items-center space-x-2">
                             <span>📸 大合照</span>
                         </button>
-                        <button id="nav-instructors-btn" class="hidden bg-indigo-600 hover:bg-indigo-500 text-white font-bold py-2 px-4 rounded-lg transition-all border border-indigo-400/30 mr-2">
+                        <button id="nav-instructors-btn" onclick="window.openInstructorPanel()" class="hidden bg-indigo-600 hover:bg-indigo-500 text-white font-bold py-2 px-4 rounded-lg transition-all border border-indigo-400/30 mr-2">
                             👥 管理講師
                         </button>
-                        <button id="nav-admin-btn" class="hidden bg-gray-700 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded-lg transition-all border border-gray-600">
+                        <button id="nav-admin-btn" onclick="window.openAdminPanel()" class="hidden bg-gray-700 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded-lg transition-all border border-gray-600">
                             管理題目
                         </button>
                         <div id="create-room-container" class="flex items-center space-x-2">
@@ -802,31 +802,38 @@ const checkPermissions = (instructor) => {
 
     currentInstructor = instructor;
 
+    // UI References (Live Query)
+    const liveCreateBtn = document.getElementById('create-room-btn');
+    const liveNavAdminBtn = document.getElementById('nav-admin-btn');
+    const liveNavInstBtn = document.getElementById('nav-instructors-btn');
+
     // 1. Create Room Permission
-    if (instructor.permissions?.includes('create_room') && createBtn) {
-        createBtn.classList.remove('hidden', 'opacity-50', 'cursor-not-allowed');
-        createBtn.disabled = false;
-    } else if (createBtn) {
-        createBtn.classList.add('opacity-50', 'cursor-not-allowed');
-        createBtn.disabled = true;
-        createBtn.title = "無此權限";
+    if (liveCreateBtn) {
+        if (instructor.permissions?.includes('create_room')) {
+            liveCreateBtn.classList.remove('hidden', 'opacity-50', 'cursor-not-allowed');
+            liveCreateBtn.disabled = false;
+        } else {
+            liveCreateBtn.classList.add('opacity-50', 'cursor-not-allowed');
+            liveCreateBtn.disabled = true;
+            liveCreateBtn.title = "無此權限";
+        }
     }
 
     // 2. Add Question Permission (Admin Button)
-    if (navAdminBtn) {
+    if (liveNavAdminBtn) {
         if (instructor.permissions?.includes('add_question')) {
-            navAdminBtn.classList.remove('hidden');
+            liveNavAdminBtn.classList.remove('hidden');
         } else {
-            navAdminBtn.classList.add('hidden');
+            liveNavAdminBtn.classList.add('hidden');
         }
     }
 
     // 3. Manage Instructors Permission
-    if (navInstBtn) {
+    if (liveNavInstBtn) {
         if (instructor.permissions?.includes('manage_instructors')) {
-            navInstBtn.classList.remove('hidden');
+            liveNavInstBtn.classList.remove('hidden');
         } else {
-            navInstBtn.classList.add('hidden');
+            liveNavInstBtn.classList.add('hidden');
         }
     }
 };
@@ -1394,34 +1401,57 @@ if (navInstBtn) {
 
 
 
+        // Expose Nav Functions Globally
+        window.openAdminPanel = () => {
+            // Validation handled by UI visibility, but double check
+            if (!currentInstructor?.permissions?.includes('add_question')) return alert("無權限");
+
+            // Use a simple prompt for now or open a modal
+            // For now, let's just toggle the admin view (or navigate)
+            // Since we reverted AdminView, we might just show an alert or a different modal
+            // Based on original code, it seemed to just show an alert or navigate?
+            alert("管理功能尚未開放 (Admin Function Placeholder)");
+        };
+
+        window.openInstructorPanel = async () => {
+            if (!currentInstructor?.permissions?.includes('manage_instructors')) return alert("無權限");
+
+            const modal = document.getElementById('instructor-modal');
+            if (modal) {
+                modal.classList.remove('hidden');
+                await loadInstructorList();
+            }
+        };
+
+        // Add Instructor Event
+        window.addInstructorHandler = async () => {
+            const email = document.getElementById('new-inst-email').value.trim();
+            const name = document.getElementById('new-inst-name').value.trim();
+            const perms = [];
+            if (document.getElementById('perm-room').checked) perms.push('create_room');
+            if (document.getElementById('perm-q').checked) perms.push('add_question');
+            if (document.getElementById('perm-inst').checked) perms.push('manage_instructors');
+
+            if (!email || !name) return alert("請輸入完整資料");
+
+            try {
+                await addInstructor(email, name, perms);
+                alert("新增成功");
+                await loadInstructorList(); // Reload
+                document.getElementById('new-inst-email').value = '';
+                document.getElementById('new-inst-name').value = '';
+            } catch (e) {
+                console.error(e);
+                alert("新增失敗: " + e.message);
+            }
+        };
+
         const btnAddInst = document.getElementById('btn-add-inst');
         if (btnAddInst) {
-            btnAddInst.addEventListener('click', async () => {
-                const email = document.getElementById('new-inst-email').value.trim();
-                const name = document.getElementById('new-inst-name').value.trim();
-                const perms = [];
-                if (document.getElementById('perm-room').checked) perms.push('create_room');
-                if (document.getElementById('perm-q').checked) perms.push('add_question');
-                if (document.getElementById('perm-inst').checked) perms.push('manage_instructors');
-
-                if (!email || !name) {
-                    alert("請輸入 Email 和姓名");
-                    return;
-                }
-
-                try {
-                    await addInstructor(email, name, perms);
-                    alert("新增成功");
-                    document.getElementById('new-inst-email').value = '';
-                    document.getElementById('new-inst-name').value = '';
-                    loadInstructorList();
-                } catch (e) {
-                    console.error(e);
-                    alert("新增失敗: " + e.message);
-                }
-            });
+            btnAddInst.onclick = window.addInstructorHandler;
         }
 
+
         window.removeInst = async (email) => {
             if (confirm(`確定要移除 ${email} 嗎？`)) {
                 try {