Upload 3 files

admin-panel.html

@@ -32,11 +32,8 @@
       </div>
     </div>
 
-    <div style="margin:24px 0">
-      <button class="btn btn-google btn-full" id="adminGoogleBtn" onclick="initiateAdminLogin()">
-        <img src="https://www.gstatic.com/firebasejs/ui/2.0.0/images/auth/google.svg" alt="Google">
-        Sign in with Google
-      </button>
+    <div style="margin:24px 0; display: flex; justify-content: center;">
+      <div id="adminGoogleBtnContainer"></div>
     </div>
 
     <div id="adminLoadingState" class="auth-loading hidden">
@@ -438,7 +435,8 @@ async function verifyAdminInDB(googleUser) {
   document.getElementById('adminLoadingState').classList.remove('hidden');
   document.getElementById('adminGoogleBtn').disabled = true;
   try {
-    const result = await API.get('users', { limit: 200 });
+    // Exact email lookup
+    const result = await API.get('users', { email: googleUser.email });
     const users = result.data || [];
     const user = users.find(u => u.email && u.email.toLowerCase() === googleUser.email.toLowerCase());
 
@@ -465,7 +463,7 @@ async function verifyAdminInDB(googleUser) {
     showAdminAuthAlert('System error during verification. Please try again.', 'danger');
   } finally {
     document.getElementById('adminLoadingState').classList.add('hidden');
-    document.getElementById('adminGoogleBtn').disabled = false;
+    // Official button is managed by Google
   }
 }
 
@@ -994,6 +992,12 @@ window.addEventListener('load', () => {
   checkAdminAuth();
   if (APP_CONFIG.googleClientId !== 'YOUR_GOOGLE_CLIENT_ID.apps.googleusercontent.com' && typeof google !== 'undefined') {
     google.accounts.id.initialize({ client_id: APP_CONFIG.googleClientId, callback: handleGoogleCredential, auto_select: false });
+
+    // Render official Google button
+    google.accounts.id.renderButton(
+      document.getElementById("adminGoogleBtnContainer"),
+      { theme: "outline", size: "large", width: "100%", text: "signin_with", shape: "rectangular" }
+    );
   }
 });
 </script>

student-login.html

@@ -72,12 +72,9 @@
           </div>
         </div>
 
-        <!-- Google Sign In Button -->
-        <div style="margin: 24px 0;">
-          <button class="btn btn-google btn-full" id="googleSignInBtn" onclick="initiateGoogleLogin()">
-            <img src="https://www.gstatic.com/firebasejs/ui/2.0.0/images/auth/google.svg" alt="Google">
-            Continue with Google
-          </button>
+        <!-- Google Sign In Button Container -->
+        <div style="margin: 24px 0; display: flex; justify-content: center;">
+          <div id="googleBtnContainer"></div>
         </div>
 
         <!-- Loading State -->
@@ -175,7 +172,7 @@
 
   function hideLoading() {
     document.getElementById('loadingState').classList.add('hidden');
-    document.getElementById('googleSignInBtn').disabled = false;
+    // The official button is managed by Google SDK
   }
 
   function showUnauthorized(email, message) {
@@ -206,11 +203,8 @@
     try {
       showLoading('Checking student database...');
 
-      // Search for user by email
-      const result = await API.get('users', {
-        search: googleUser.email,
-        limit: 100
-      });
+      // Search for user by exact email
+      const result = await API.get('users', { email: googleUser.email });
 
       const users = result.data || [];
       const user = users.find(u =>
@@ -321,6 +315,18 @@
           auto_select: false,
           cancel_on_tap_outside: true
         });
+
+        // Render the official Google button
+        google.accounts.id.renderButton(
+          document.getElementById("googleBtnContainer"),
+          { 
+            theme: "outline", 
+            size: "large", 
+            width: "100%",
+            text: "continue_with",
+            shape: "rectangular"
+          }
+        );
       }
     }
   });

teacher-login.html

@@ -64,11 +64,9 @@
           </div>
         </div>
 
-        <div style="margin: 24px 0;">
-          <button class="btn btn-google btn-full" id="googleSignInBtn" onclick="initiateGoogleLogin()">
-            <img src="https://www.gstatic.com/firebasejs/ui/2.0.0/images/auth/google.svg" alt="Google">
-            Continue with Google
-          </button>
+        <!-- Google Sign In Button Container -->
+        <div style="margin:24px 0; display: flex; justify-content: center;">
+          <div id="googleBtnContainer"></div>
         </div>
 
         <div id="loadingState" class="auth-loading hidden">
@@ -142,12 +140,10 @@
   function showLoading(text) {
     document.getElementById('loadingState').classList.remove('hidden');
     document.getElementById('loadingText').textContent = text || 'Verifying faculty credentials...';
-    document.getElementById('googleSignInBtn').disabled = true;
   }
 
   function hideLoading() {
     document.getElementById('loadingState').classList.add('hidden');
-    document.getElementById('googleSignInBtn').disabled = false;
   }
 
   function showUnauthorized(email, message) {
@@ -167,7 +163,7 @@
   async function verifyTeacherInDB(googleUser) {
     try {
       showLoading('Checking faculty database...');
-      const result = await API.get('users', { search: googleUser.email, limit: 100 });
+      const result = await API.get('users', { email: googleUser.email });
       const users = result.data || [];
       const user = users.find(u => u.email && u.email.toLowerCase() === googleUser.email.toLowerCase());
 
@@ -229,18 +225,14 @@
     }
   }
 
-  function initiateGoogleLogin() {
-    if (APP_CONFIG.googleClientId === 'YOUR_GOOGLE_CLIENT_ID.apps.googleusercontent.com') {
-      showAlert('<strong>Google OAuth Not Configured</strong><br>An administrator must set up the Google OAuth Client ID before login is available.', 'warning');
-      return;
-    }
-    if (typeof google !== 'undefined' && google.accounts) google.accounts.id.prompt();
-    else showAlert('Google auth service unavailable.', 'warning');
-  }
-
   window.addEventListener('load', () => {
     if (APP_CONFIG.googleClientId !== 'YOUR_GOOGLE_CLIENT_ID.apps.googleusercontent.com' && typeof google !== 'undefined') {
       google.accounts.id.initialize({ client_id: APP_CONFIG.googleClientId, callback: handleGoogleCredential, auto_select: false });
+      
+      google.accounts.id.renderButton(
+        document.getElementById("googleBtnContainer"),
+        { theme: "outline", size: "large", width: "100%", text: "continue_with", shape: "rectangular" }
+      );
     }
   });
 </script>