Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update routes with color and direction, improve admin routes view, and update firebase config/auth

Browse Source
This commit is contained in:
Johan Samudio
2026-02-24 16:39:38 -05:00
parent c4046541a5
commit 259bbd1fed
10 changed files with 185 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/components/auth/LoginForm.vue
View File

@ -15,18 +15,18 @@ const errorMessage = ref('')
const showPassword = ref(false)
const router = useRouter()
const authStore = useAuthStore()
const handleLogin = async () => {
isLoading.value = true
errorMessage.value = ''
console.log('Iniciando Login con correo...')
try {
const response = await authService.login({
// CRÍTICO: enviar email en minúsculas para evitar mismatch con el backend
email: email.value.trim().toLowerCase(),
password: password.value,
keep_session: keepSession.value
})
console.log('Backend login exitoso:', response)
authStore.login(response.access_token, response.role, response.full_name)
@ -37,12 +37,13 @@ const handleLogin = async () => {
else router.push('/map')
} catch (error: any) {
console.error('Error Login detallado:', error)
if (!error.response) {
errorMessage.value = 'Error de conexión. Verifica tu internet.'
errorMessage.value = 'Error de conexión. Verifica tu internet o el estado del servidor.'
} else if (error.response.status === 401) {
errorMessage.value = 'Correo o contraseña incorrectos.'
} else {
errorMessage.value = error.response?.data?.detail || 'Error en el servidor.'
errorMessage.value = `Error (${error.response.status}): ${error.response?.data?.detail || 'Error en el servidor.'}`
}
} finally {
isLoading.value = false
@ -52,22 +53,21 @@ const handleLogin = async () => {
const handleGoogleLogin = async () => {
isLoading.value = true
errorMessage.value = ''
console.log('Iniciando Google Login...')
try {
const { token } = await signInWithGoogle()
const response = await authService.googleLogin(token)
authStore.login(response.access_token, response.role, response.full_name)
const role = response.role.toUpperCase()
if (role === 'ADMIN') router.push('/admin')
else if (role === 'DRIVER') router.push('/driver')
else if (role === 'PROMOTER') router.push('/promoter')
else router.push('/map')
console.log('Firebase token obtenido:', token ? 'SI' : 'NO (Redirecting...)')
if (token) {
const response = await authService.googleLogin(token)
console.log('Backend Google login exitoso:', response)
authStore.login(response.access_token, response.role, response.full_name)
router.push('/map')
}
} catch (error: any) {
errorMessage.value = 'Error al iniciar sesión con Google.'
console.error(error)
console.error('Error Google Login:', error)
errorMessage.value = `Error con Google: ${error.message || 'Error desconocido'}`
} finally {
isLoading.value = false
}

68
frontend/src/components/auth/RegisterForm.vue
View File

@ -22,23 +22,50 @@ const showPassword = ref(false)
const handleRegister = async () => {
isLoading.value = true
errorMessage.value = ''
console.log('Intentando registrar usuario...')
try {
await authService.registerPassenger({
const cleanEmail = email.value.trim().toLowerCase()
const cleanPass = password.value
const regResponse = await authService.registerPassenger({
full_name: fullName.value.trim(),
email: email.value.trim().toLowerCase(),
password: password.value
email: cleanEmail,
password: cleanPass
})
console.log('Registro exitoso en backend:', regResponse)
analyticsService.logEvent({
event_name: 'sign_up',
properties: { method: 'email' }
})
successMessage.value = '¡Cuenta creada! Ahora puedes iniciar sesión.'
setTimeout(() => { emit('success') }, 2000)
// Iniciar sesión automáticamente después del registro
console.log('Iniciando sesión automática...')
const response = await authService.login({
email: cleanEmail,
password: cleanPass
})
console.log('Login automático exitoso:', response)
authStore.login(response.access_token, response.role, response.full_name)
successMessage.value = '¡Cuenta creada con éxito!'
// Redirigir casi de inmediato
setTimeout(() => {
router.push('/map')
}, 1000)
} catch (error: any) {
errorMessage.value = error.response?.data?.detail || 'Error al crear la cuenta.'
console.error('Error detallado de registro:', error)
if (error.response) {
errorMessage.value = `Error del servidor (${error.response.status}): ${error.response.data?.detail || 'Error desconocido'}`
} else if (error.request) {
errorMessage.value = 'No se recibió respuesta del servidor. ¿Backend caído?'
} else {
errorMessage.value = `Error: ${error.message}`
}
} finally {
isLoading.value = false
}
@ -47,27 +74,28 @@ const handleRegister = async () => {
const handleGoogleRegister = async () => {
isLoading.value = true
errorMessage.value = ''
console.log('Iniciando Google Register...')
try {
const { token } = await signInWithGoogle()
const response = await authService.googleLogin(token)
console.log('Firebase token obtenido:', token ? 'SI' : 'NO (Redirecting...)')
if (token) {
const response = await authService.googleLogin(token)
console.log('Backend Google login exitoso:', response)
analyticsService.logEvent({
event_name: 'sign_up',
properties: { method: 'google' }
})
analyticsService.logEvent({
event_name: 'sign_up',
properties: { method: 'google' }
})
authStore.login(response.access_token, response.role, response.full_name)
const role = response.role.toUpperCase()
if (role === 'ADMIN') router.push('/admin')
else if (role === 'DRIVER') router.push('/driver')
else if (role === 'PROMOTER') router.push('/promoter')
else router.push('/map')
authStore.login(response.access_token, response.role, response.full_name)
router.push('/map')
}
} catch (error: any) {
errorMessage.value = 'Error al registrarse con Google. Intenta de nuevo.'
console.error(error)
console.error('Error Google Register:', error)
errorMessage.value = `Error con Google: ${error.message || 'Intenta de nuevo'}`
} finally {
isLoading.value = false
}