Update authentication method in settings to use email only, and add explicit authentication backends. Modify Docker Compose command to include database migrations before starting Celery beat. Enhance LoginForm component to use refs for input fields and improve payload structure for login requests, adding diagnostic logs for better debugging.

Author: fr4iser90

backend/seculite_api/settings.py

@@ -195,16 +195,24 @@
 
 # django-allauth specific settings (examples, customize as needed)
 ACCOUNT_EMAIL_VERIFICATION = 'optional' # Can be 'mandatory', 'optional', or 'none'
-ACCOUNT_AUTHENTICATION_METHOD = 'username_email' # Allow login with username or email
+ACCOUNT_AUTHENTICATION_METHOD = 'email' # Use email ONLY for login
 ACCOUNT_EMAIL_REQUIRED = True
-ACCOUNT_USERNAME_REQUIRED = True # Or False, if you prefer email-only
-# ACCOUNT_USER_MODEL_USERNAME_FIELD = None # Set to None if ACCOUNT_USERNAME_REQUIRED is False
+ACCOUNT_USERNAME_REQUIRED = False # Username no longer required for login/signup
+ACCOUNT_USER_MODEL_USERNAME_FIELD = None # Explicitly state username field is not used
 # ACCOUNT_LOGIN_ON_EMAIL_CONFIRMATION = True
 # ACCOUNT_LOGIN_ON_PASSWORD_RESET = True
 # For dj-rest-auth to work with JWT (if you switch from TokenAuth later)
 # REST_USE_JWT = True
 # DJOSER settings might go here if you were using Djoser instead
 
+# Explicitly define Authentication Backends
+AUTHENTICATION_BACKENDS = (
+    # Needed to login by username in Django admin, regardless of `allauth`
+    'django.contrib.auth.backends.ModelBackend',
+    # `allauth` specific authentication methods, such as login by e-mail
+    'allauth.account.auth_backends.AuthenticationBackend',
+)
+
 # Celery Configuration Options
 # ----------------------------
 # These are read by app.config_from_object('django.conf:settings', namespace='CELERY')

docker-compose.yml

@@ -93,7 +93,8 @@ services:
     # Placeholder command for now, or adjust entrypoint to not require it if django-celery-beat is not yet installed.
     # For now, assuming it might be added back. If not, this service might not be started or its command changed.
     command: >
-      celery_beat sh -c "rm -f /tmp/celerybeat.pid && \
+      sh -c "poetry run python manage.py migrate --noinput && \
+             rm -f /tmp/celerybeat.pid && \
              celery -A seculite_api beat -l info --scheduler django_celery_beat.schedulers:DatabaseScheduler"
     volumes:
       - ./backend:/app

frontend/src/components/LoginForm.vue

@@ -4,11 +4,11 @@
     <form @submit.prevent="handleLogin">
       <div class="form-group">
         <label for="login-email">Email or Username:</label>
-        <input type="text" id="login-email" v.model="formData.email" required />
+        <input type="text" id="login-email" v-model="formData.email" required ref="loginEmailInput" />
       </div>
       <div class="form-group">
         <label for="login-password">Password:</label>
-        <input type="password" id="login-password" v.model="formData.password" required />
+        <input type="password" id="login-password" v-model="formData.password" required ref="loginPasswordInput" />
       </div>
       <button type="submit" :disabled="isLoading">{{ isLoading ? 'Logging in...' : 'Login' }}</button>
     </form>
@@ -42,8 +42,20 @@ export default {
       this.message = '';
       this.isSuccess = false;
 
+      // --- DIAGNOSTIC LOGS ---
+      const emailFromRef = this.$refs.loginEmailInput?.value;
+      const passwordFromRef = this.$refs.loginPasswordInput?.value;
+      console.log('Values from refs:', { email: emailFromRef, password: passwordFromRef });
+      console.log('Values from formData before creating payload:', { email: this.formData.email, password: this.formData.password });
+      // --- END DIAGNOSTIC LOGS ---
+
       try {
-        const response = await axios.post(`${AUTH_API_URL}/login/`, this.formData);
+        const payload = {
+          email: this.formData.email,
+          password: this.formData.password
+        };
+        console.log('Sending login payload:', payload);
+        const response = await axios.post(`${AUTH_API_URL}/login/`, payload);
         const token = response.data.key;
         if (token) {
           localStorage.setItem('authToken', token);