Improved login/registration message handling, display more useful error messages.

2025-07-10 14:16:09 -06:00
parent d4e5497406
commit 5a92c6a25f
3 changed files with 94 additions and 141 deletions
@@ -3,33 +3,40 @@
 document.addEventListener('DOMContentLoaded', function() {
  // Initialize the app
  initializeApp()
-  
+
  // Registration form handler
  const regForm = document.getElementById('registrationForm')
  if (regForm) {
    const regSubmitBtn = regForm.querySelector('button[type="submit"]')
-    
-    regForm.addEventListener('submit', async (ev) => {
+
+    regForm.addEventListener('submit', ev => {
      ev.preventDefault()
-      regSubmitBtn.disabled = true
      clearStatus('registerStatus')
-      
      const user_name = (new FormData(regForm)).get('username')
-      
-      try {
-        showStatus('registerStatus', 'Starting registration...', 'info')
-        await register(user_name)
-        showStatus('registerStatus', `Registration successful for ${user_name}!`, 'success')
-        
-        // Auto-login after successful registration
-        setTimeout(() => {
-          window.location.href = '/auth/profile'
-        }, 1500)
-      } catch (err) {
-        showStatus('registerStatus', `Registration failed: ${err.message}`, 'error')
-      } finally {
-        regSubmitBtn.disabled = false
+      regSubmitBtn.disabled = true
+
+      const ahandler = async () => {
+        try {
+          showStatus('registerStatus', 'Starting registration...', 'info')
+          await register(user_name)
+          showStatus('registerStatus', `Registration successful for ${user_name}!`, 'success')
+
+          // Auto-login after successful registration
+          setTimeout(() => {
+            window.location.href = '/'
+          }, 1500)
+        } catch (err) {
+          console.error('Registration error:', err)
+          if (err.name === "NotAllowedError") {
+            showStatus('registerStatus', `Registration cancelled`, 'error')
+          } else {
+            showStatus('registerStatus', `Registration failed: ${err.message}`, 'error')
+          }
+        } finally {
+          regSubmitBtn.disabled = false
+        }
      }
+      ahandler()
    })
  }
 })