Fix login button not responding - attach listeners before Firebase init await, add 15s timeout to Firebase init

Author: enga018

index.html

@@ -972,14 +972,31 @@ <h4>Pending UPI payments <span id="pendingCount" class="pending-badge">0</span><
 let dashboardRefreshSeq=0, dashboardRefreshTimer=null, cacheRefreshTimer=null;
 // Configuration
 
+// Attach login listeners early (before Firebase init await, so button always works)
+try {
+  const loginBtn = $("loginBtn");
+  if(loginBtn) loginBtn.addEventListener("click", login);
+} catch(e) { console.error("Failed to attach login button listener:", e); }
+try {
+  const adminPass = $("adminPass");
+  if(adminPass) adminPass.addEventListener("keydown", e=>{ if(e.key==="Enter") login(); });
+} catch(e) { console.error("Failed to attach password enter listener:", e); }
+try {
+  const logoutBtn = $("logoutBtn");
+  if(logoutBtn) logoutBtn.addEventListener("click", ()=>{ if(store) store.signOut(); });
+} catch(e) { console.error("Failed to attach logout button listener:", e); }
+
 const notConfigured = Object.values(firebaseConfig).some(v => v === "PASTE_HERE");
 if(notConfigured){
   isLocalMode=true; store=makeLocalStore();
   showModeBanner("Test mode — running on this device with sample data. Add citizens, contributions and payments to try it out; everything is saved in this browser only. Paste your Firebase config into the file to go live.");
 } else {
   try{
     console.log("Initializing Firebase...");
-    const fbModule = await loadFirebase(firebaseConfig);
+    const fbModule = await Promise.race([
+      loadFirebase(firebaseConfig),
+      new Promise((_,reject) => setTimeout(()=>reject(new Error("timeout")), 15000))
+    ]);
     console.log("Firebase loaded successfully");
     store=makeFirebaseStore(fbModule);
     console.log("Firebase store created");
@@ -1035,21 +1052,6 @@ <h4>Pending UPI payments <span id="pendingCount" class="pending-badge">0</span><
 /* ============================================================
    ADMIN AUTH
    ============================================================ */
-// Attach listeners immediately at module load (before async Firebase initialization)
-try {
-  const loginBtn = $("loginBtn");
-  if(loginBtn) loginBtn.addEventListener("click", login);
-} catch(e) { console.error("Failed to attach login button listener:", e); }
-
-try {
-  const adminPass = $("adminPass");
-  if(adminPass) adminPass.addEventListener("keydown", e=>{ if(e.key==="Enter") login(); });
-} catch(e) { console.error("Failed to attach password enter listener:", e); }
-
-try {
-  const logoutBtn = $("logoutBtn");
-  if(logoutBtn) logoutBtn.addEventListener("click", ()=>{ if(store) store.signOut(); });
-} catch(e) { console.error("Failed to attach logout button listener:", e); }
 
 async function login(){
   if(!store){