Upload 10 files

src/views/InstructorView.js

@@ -43,10 +43,10 @@ export async function renderInstructorView() {
                 </div>
 
                 <div class="mt-6 flex gap-2">
-                     <button id="login-btn" class="flex-1 bg-cyan-600 hover:bg-cyan-500 text-white font-bold py-2 px-4 rounded transition-colors duration-200">
+                     <button id="login-btn" onclick="window.instructorLogin()" class="flex-1 bg-cyan-600 hover:bg-cyan-500 text-white font-bold py-2 px-4 rounded transition-colors duration-200">
                         登入
                     </button>
-                    <button id="register-btn" class="flex-1 bg-gray-700 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded transition-colors duration-200">
+                    <button id="register-btn" onclick="window.instructorRegister()" class="flex-1 bg-gray-700 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded transition-colors duration-200">
                         註冊
                     </button>
                 </div>
@@ -377,49 +377,52 @@ export function setupInstructorEvents() {
     console.log("Starting setupInstructorEvents...");
 
     // Login Logic
-    const loginBtn = document.getElementById('login-btn');
-    const registerBtn = document.getElementById('register-btn');
-    const emailInput = document.getElementById('login-email');
-    const passwordInput = document.getElementById('login-password');
     const authErrorMsg = document.getElementById('auth-error');
     const authModal = document.getElementById('auth-modal');
 
+    // Make functions global for robust onclick handling
+    window.instructorLogin = async () => {
+        console.log("Login clicked");
+        const email = document.getElementById('login-email').value.trim();
+        const password = document.getElementById('login-password').value.trim();
+        if (!email || !password) return alert("請輸入帳號與密碼");
 
-    if (loginBtn) {
-        loginBtn.addEventListener('click', async () => {
-            const email = emailInput.value.trim();
-            const password = passwordInput.value.trim();
-            if (!email || !password) return alert("請輸入帳號與密碼");
+        const btn = document.getElementById('login-btn');
+        const originalText = btn.textContent;
+        btn.textContent = "登入中...";
+        btn.disabled = true;
 
-            try {
-                // Determine if this is a login or register flow? 
-                // Wait, register btn is separate.
-                await loginWithEmail(email, password);
-                // Auth Observer will handle the rest
-            } catch (e) {
-                console.error("Login Error:", e);
+        try {
+            await loginWithEmail(email, password);
+            // Auth state listener will handle the rest
+        } catch (e) {
+            console.error("Login Error:", e);
+            if (authErrorMsg) {
                 authErrorMsg.textContent = "登入失敗: " + e.message;
                 authErrorMsg.classList.remove('hidden');
             }
-        });
-    }
+            btn.textContent = originalText;
+            btn.disabled = false;
+        }
+    };
 
-    if (registerBtn) {
-        registerBtn.addEventListener('click', async () => {
-            const email = emailInput.value.trim();
-            const password = passwordInput.value.trim();
-            if (!email || !password) return alert("請輸入帳號與密碼");
+    window.instructorRegister = async () => {
+        const email = document.getElementById('login-email').value.trim();
+        const password = document.getElementById('login-password').value.trim();
+        if (!email || !password) return alert("請輸入帳號與密碼");
 
-            try {
-                await registerWithEmail(email, password);
-                alert("註冊成功，請登入");
-            } catch (e) {
-                console.error("Register Error:", e);
+        try {
+            await registerWithEmail(email, password);
+            alert("註冊成功，請登入");
+        } catch (e) {
+            console.error("Register Error:", e);
+            if (authErrorMsg) {
                 authErrorMsg.textContent = "註冊失敗: " + e.message;
                 authErrorMsg.classList.remove('hidden');
             }
-        });
-    }
+        }
+    };
+
 
     // --- Instructor Management Helper ---
     async function loadInstructorList() {