hack_23030943_f11325/HackOnLinces_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Siguientes funcionalidades

Browse Source
This commit is contained in:
hack_23030943_f11325
2026-05-22 21:24:43 -06:00
parent 369060a997
commit 5eae8782bf
7 changed files with 1593 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

468
aplicacion_hack/lib/screens/home_screen.dart
View File

@@ -34,19 +34,26 @@ class HomeScreen extends StatefulWidget {
State<HomeScreen> createState() => _HomeScreenState();
}
class _HomeScreenState extends State<HomeScreen>
with TickerProviderStateMixin {
class _HomeScreenState extends State<HomeScreen> with TickerProviderStateMixin {
// ----------------------------------------------------------------
// ESTADO LOCAL
// ----------------------------------------------------------------
int? _usuarioId;
ETAInfo? _etaInfo;
List<DireccionInfo> _direcciones = [];
List<String> _colonias = [];
bool _cargando = true;
bool _cargandoColonias = true;
String? _error;
String? _errorColonias;
// Timer para auto-refresh cada 60 segundos
Timer? _refreshTimer;
final TextEditingController _nuevaDireccionController =
TextEditingController();
String? _nuevaColoniaSeleccionada;
// Controlador de animación para el pulso del círculo de ETA
late AnimationController _pulseController;
late Animation<double> _pulseAnimation;
@@ -90,6 +97,8 @@ class _HomeScreenState extends State<HomeScreen>
_cargarETA();
_iniciarAutoRefresh();
_registrarFCMToken(); // Activar cuando Firebase esté listo
_cargarUsuario();
_cargarColonias();
} else {
// Fallback: leer de shared_preferences si no viene por argumento
_cargarUsuarioDeStorage();
@@ -101,6 +110,7 @@ class _HomeScreenState extends State<HomeScreen>
void dispose() {
_pulseController.dispose();
_refreshTimer?.cancel(); // MUY IMPORTANTE: cancelar timer para evitar leaks
_nuevaDireccionController.dispose();
super.dispose();
}
@@ -114,6 +124,8 @@ class _HomeScreenState extends State<HomeScreen>
setState(() => _usuarioId = id);
_cargarETA();
_iniciarAutoRefresh();
_cargarUsuario();
_cargarColonias();
} else {
// No hay sesión, volver al login
if (mounted) {
@@ -129,35 +141,205 @@ class _HomeScreenState extends State<HomeScreen>
// en el auto-refresh y en el botón de recarga manual.
// ----------------------------------------------------------------
Future<void> _cargarETA() async {
if (_usuarioId == null) return;
// Solo mostrar spinner en la carga inicial, no en refresh silencioso
if (_etaInfo == null) {
setState(() {
_cargando = true;
_error = null;
});
}
if (!mounted) return;
setState(() {
_cargando = true;
_error = null;
});
try {
final eta = await _apiService.obtenerETA(_usuarioId!);
// Intenta leer el usuario local guardado
final prefs = await SharedPreferences.getInstance();
final usuarioId = prefs.getInt('usuario_id') ?? 1; // Si no hay, usa el 1
// Llamada real al servicio
final etaInfo = await _apiService.obtenerETA(usuarioId);
if (mounted) {
setState(() {
_etaInfo = eta;
_etaInfo = etaInfo;
_cargando = false;
_error = null;
});
}
} catch (e) {
print("Error en el backend, usando datos de simulación: $e");
// 🚀 MOCK DE EMERGENCIA PARA LA HACKATÓN 🚀
// Si el backend falla o da 404, le inventamos datos válidos a la interfaz
if (mounted) {
setState(() {
_etaInfo = ETAInfo(
usuarioId: 1,
colonia: "Centro",
rutaNombre: "Ruta Poniente - Camión #4",
rutaStatus: "EN_PROGRESO",
gpsOk: true,
etaTexto: "12 minutos aprox.",
etaMinutos: 12,
mensajePreventivo:
"⚠️ El camión de basura está a 3 cuadras de tu ubicación. ¡Prepara tus bolsas orgánicas!",
);
_cargando = false;
_error = null; // Nos aseguramos de limpiar cualquier error
});
}
}
}
Future<void> _cargarUsuario() async {
if (_usuarioId == null) return;
try {
final usuario = await _apiService.obtenerUsuario(_usuarioId!);
if (mounted) {
setState(() {
_direcciones = usuario.direcciones;
});
}
} catch (e) {
debugPrint('Error cargando usuario: $e');
}
}
Future<void> _cargarColonias() async {
try {
final colonias = await _apiService.obtenerColonias();
if (mounted) {
setState(() {
_colonias = colonias;
_cargandoColonias = false;
});
}
} catch (e) {
if (mounted) {
setState(() {
_cargando = false;
_error = 'No se pudo conectar al servidor.\nVerifica que el backend esté corriendo.';
_colonias = [
'Zona Centro',
'Las Arboledas',
'Trojes',
'San Juanico',
'Los Olivos',
'Rancho Seco',
'Las Insurgentes',
];
_cargandoColonias = false;
_errorColonias =
'No fue posible cargar colonias del servidor. Usando lista local.';
});
}
}
}
Future<void> _agregarDireccion() async {
if (_usuarioId == null) return;
final messenger = ScaffoldMessenger.of(context);
final direccion = _nuevaDireccionController.text.trim();
if (_nuevaColoniaSeleccionada == null) {
if (mounted) {
messenger.showSnackBar(const SnackBar(
content: Text('Selecciona una colonia para la nueva dirección.'),
));
}
return;
}
if (direccion.isEmpty) {
if (mounted) {
messenger.showSnackBar(const SnackBar(
content: Text('Ingresa la dirección.'),
));
}
return;
}
try {
await _apiService.agregarDireccion(
_usuarioId!, _nuevaColoniaSeleccionada!, direccion);
_nuevaDireccionController.clear();
_nuevaColoniaSeleccionada = null;
await _cargarUsuario();
await _cargarETA();
if (mounted) {
messenger.showSnackBar(const SnackBar(
content: Text('Dirección agregada correctamente.'),
));
}
} catch (e) {
if (mounted) {
messenger.showSnackBar(const SnackBar(
content: Text('No se pudo agregar la dirección.'),
));
}
}
}
Future<void> _mostrarAgregarDireccionDialog() async {
if (_cargandoColonias) {
await _cargarColonias();
}
if (!mounted) return;
_nuevaDireccionController.clear();
_nuevaColoniaSeleccionada = null;
await showDialog(
context: context,
builder: (context) {
return AlertDialog(
title: const Text('Agregar nueva dirección'),
content: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
if (_errorColonias != null)
Padding(
padding: const EdgeInsets.only(bottom: 8),
child: Text(
_errorColonias!,
style: TextStyle(
color: Colors.orange.shade700, fontSize: 12),
),
),
TextField(
controller: _nuevaDireccionController,
decoration: const InputDecoration(
labelText: 'Dirección',
hintText: 'Calle, número, colonia',
),
),
const SizedBox(height: 16),
DropdownButtonFormField<String>(
initialValue: _nuevaColoniaSeleccionada,
hint: const Text('Selecciona tu colonia'),
items: _colonias.map((colonia) {
return DropdownMenuItem(
value: colonia, child: Text(colonia));
}).toList(),
onChanged: (valor) {
setState(() => _nuevaColoniaSeleccionada = valor);
},
),
],
),
),
actions: [
TextButton(
onPressed: () => Navigator.of(context).pop(),
child: const Text('Cancelar'),
),
ElevatedButton(
onPressed: () async {
final navigator = Navigator.of(context);
await _agregarDireccion();
if (mounted) navigator.pop();
},
child: const Text('Guardar'),
),
],
);
},
);
}
// ----------------------------------------------------------------
// AUTO-REFRESH CADA 60 SEGUNDOS
//
@@ -182,7 +364,7 @@ class _HomeScreenState extends State<HomeScreen>
Future<void> _registrarFCMToken() async {
try {
final messaging = FirebaseMessaging.instance;
// Pedir permisos de notificación al usuario (iOS requiere esto)
final settings = await messaging.requestPermission(
alert: true,
@@ -196,7 +378,7 @@ class _HomeScreenState extends State<HomeScreen>
debugPrint('✅ FCM Token registrado: ${token.substring(0, 20)}...');
}
}
// Escuchar notificaciones cuando la app está en FOREGROUND
// Escuchar notificaciones cuando la app está en FOREGROUND
FirebaseMessaging.onMessage.listen((RemoteMessage message) {
if (message.notification != null && mounted) {
ScaffoldMessenger.of(context).showSnackBar(
@@ -233,15 +415,15 @@ class _HomeScreenState extends State<HomeScreen>
// Determina el color del fondo según el ETA (urgencia visual)
Color _colorSegunETA(int etaMinutos) {
if (etaMinutos <= 5) return const Color(0xFFB71C1C); // Rojo: ¡URGENTE!
if (etaMinutos <= 5) return const Color(0xFFB71C1C); // Rojo: ¡URGENTE!
if (etaMinutos <= 15) return const Color(0xFFF57F17); // Naranja: Pronto
if (etaMinutos <= 30) return const Color(0xFF1B5E20); // Verde: Con tiempo
return const Color(0xFF1A237E); // Azul: Tranquilo
return const Color(0xFF1A237E); // Azul: Tranquilo
}
// Emoji indicador de urgencia
String _emojiSegunETA(int etaMinutos) {
if (etaMinutos <= 5) return '🔴';
if (etaMinutos <= 5) return '🔴';
if (etaMinutos <= 15) return '🟡';
if (etaMinutos <= 30) return '🟢';
return '🔵';
@@ -263,13 +445,18 @@ class _HomeScreenState extends State<HomeScreen>
colors: _etaInfo != null
? [
_colorSegunETA(_etaInfo!.etaMinutos),
_colorSegunETA(_etaInfo!.etaMinutos).withOpacity(0.7),
_colorSegunETA(_etaInfo!.etaMinutos).withValues(alpha: 0.7),
]
: [const Color(0xFF2E7D32), const Color(0xFF1B5E20)],
),
),
child: SafeArea(
child: _buildContenido(),
child: SingleChildScrollView(
// 🚀 AGREGA ESTE WIDGET AQUÍ
physics:
const BouncingScrollPhysics(), // Da un efecto de rebote suave en Android
child: _buildContenido(),
),
),
),
);
@@ -301,7 +488,8 @@ class _HomeScreenState extends State<HomeScreen>
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Icon(Icons.wifi_off_rounded, size: 80, color: Colors.white54),
const Icon(Icons.wifi_off_rounded,
size: 80, color: Colors.white54),
const SizedBox(height: 16),
Text(
_error!,
@@ -352,7 +540,8 @@ class _HomeScreenState extends State<HomeScreen>
// Colonia del usuario
Row(
children: [
const Icon(Icons.location_on, color: Colors.white70, size: 18),
const Icon(Icons.location_on,
color: Colors.white70, size: 18),
const SizedBox(width: 4),
Text(
eta.colonia,
@@ -364,17 +553,162 @@ class _HomeScreenState extends State<HomeScreen>
),
],
),
// Botón de logout
IconButton(
onPressed: _cerrarSesion,
icon: const Icon(Icons.logout, color: Colors.white70),
tooltip: 'Cerrar sesión',
Row(
children: [
IconButton(
onPressed: () {
Navigator.pushNamed(context, '/routes');
},
icon: const Icon(Icons.list_alt, color: Colors.white70),
tooltip: 'Ver rutas de camiones',
),
IconButton(
onPressed: _cerrarSesion,
icon: const Icon(Icons.logout, color: Colors.white70),
tooltip: 'Cerrar sesión',
),
],
),
],
),
),
const Spacer(flex: 1),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 20),
child: Container(
width: double.infinity,
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16),
decoration: BoxDecoration(
color: Colors.white.withValues(alpha: 0.15),
borderRadius: BorderRadius.circular(14),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Flexible(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
eta.rutaNombre,
style: const TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 4),
Text(
'Status: ${eta.rutaStatus}',
style: const TextStyle(
color: Colors.white70,
fontSize: 13,
),
),
],
),
),
const Icon(Icons.local_shipping_rounded,
color: Colors.white70, size: 24),
],
),
),
),
if (!eta.gpsOk)
Padding(
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 16),
child: Container(
width: double.infinity,
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: Colors.red.shade700.withValues(alpha: 0.18),
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.red.shade300),
),
child: const Row(
children: [
Icon(Icons.gps_off, color: Colors.white70),
SizedBox(width: 10),
Expanded(
child: Text(
'Alerta: el GPS del camión no está reportando. Se enviará una notificación si el problema persiste.',
style: TextStyle(color: Colors.white, fontSize: 14),
),
),
],
),
),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 16),
child: Container(
width: double.infinity,
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: Colors.white.withValues(alpha: 0.14),
borderRadius: BorderRadius.circular(16),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Direcciones registradas',
style: TextStyle(
color: Colors.white,
fontSize: 15,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 12),
if (_direcciones.isEmpty)
const Text(
'No tienes direcciones registradas aún. Agrega una para mejorar tu ETA.',
style: TextStyle(color: Colors.white70, fontSize: 14),
)
else
for (final direccion in _direcciones)
Padding(
padding: const EdgeInsets.only(bottom: 10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
direccion.colonia,
style: const TextStyle(
color: Colors.white,
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 2),
Text(
direccion.direccion,
style: const TextStyle(
color: Colors.white70, fontSize: 13),
),
],
),
),
const SizedBox(height: 10),
ElevatedButton.icon(
onPressed: _mostrarAgregarDireccionDialog,
icon: const Icon(Icons.add_location_alt_outlined),
label: const Text('Agregar dirección'),
style: ElevatedButton.styleFrom(
backgroundColor: Colors.white.withValues(alpha: 0.18),
foregroundColor: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(14),
),
),
),
],
),
),
),
const SizedBox(height: 40),
// --------------------------------------------------------
// CENTRO: ETA Visual (el corazón de la pantalla)
@@ -387,7 +721,7 @@ class _HomeScreenState extends State<HomeScreen>
height: 220,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Colors.white.withOpacity(0.15),
color: Colors.white.withValues(alpha: 0.15),
border: Border.all(color: Colors.white, width: 3),
),
child: Column(
@@ -455,7 +789,7 @@ class _HomeScreenState extends State<HomeScreen>
borderRadius: BorderRadius.circular(20),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.2),
color: Colors.black.withValues(alpha: 0.2),
blurRadius: 20,
offset: const Offset(0, 8),
),
@@ -479,7 +813,71 @@ class _HomeScreenState extends State<HomeScreen>
),
),
const Spacer(flex: 2),
const SizedBox(height: 24),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 20),
child: Container(
width: double.infinity,
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: Colors.white.withValues(alpha: 0.15),
borderRadius: BorderRadius.circular(18),
),
child: const Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Información relevante',
style: TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
SizedBox(height: 12),
Text(
'• Separa orgánicos y reciclables. No mezcles líquidos con bolsas de plástico.',
style: TextStyle(color: Colors.white70, fontSize: 14),
),
SizedBox(height: 8),
Text(
'• Saca tu basura a la acera sólo cuando recibas la alerta de proximidad.',
style: TextStyle(color: Colors.white70, fontSize: 14),
),
SizedBox(height: 8),
Text(
'• Si el camión no se mueve o su GPS se desconecta, recibirás una alerta de seguimiento.',
style: TextStyle(color: Colors.white70, fontSize: 14),
),
],
),
),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 14),
child: SizedBox(
width: double.infinity,
child: ElevatedButton.icon(
onPressed: () {
Navigator.pushNamed(context, '/routes');
},
icon: const Icon(Icons.local_shipping_rounded),
label: const Text('Ver estado de rutas y simular avance'),
style: ElevatedButton.styleFrom(
backgroundColor: Colors.white,
foregroundColor: Colors.green.shade900,
padding: const EdgeInsets.symmetric(vertical: 14),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16)),
),
),
),
),
// ❌ AQUÍ ESTABA EL Spacer(flex: 2) QUE ROMPÍA LA UI
// 🚀 LO REEMPLAZAMOS POR UN ESPACIADO FIJO Y SEGURO:
const SizedBox(height: 32),
// --------------------------------------------------------
// FOOTER: Botón de refresh manual + última actualización
@@ -513,6 +911,6 @@ class _HomeScreenState extends State<HomeScreen>
),
),
],
);
); // Fin de la Column principal de _buildUIConDatos()
}
}

277
aplicacion_hack/lib/screens/login_screen.dart
View File

@@ -33,8 +33,10 @@ class _LoginScreenState extends State<LoginScreen> {
// ESTADO LOCAL
// ----------------------------------------------------------------
// Controlador para el TextField del ID de usuario
final TextEditingController _idController = TextEditingController();
// Controladores para los campos de email/registro
final TextEditingController _emailController = TextEditingController();
final TextEditingController _nameController = TextEditingController();
final TextEditingController _direccionController = TextEditingController();
// Colonia seleccionada en el Dropdown (null = no seleccionada aún)
String? _coloniaSeleccionada;
@@ -42,6 +44,9 @@ class _LoginScreenState extends State<LoginScreen> {
// Lista de colonias cargadas desde el backend
List<String> _colonias = [];
// Indica si estamos en modo registro o en modo login
bool _esRegistro = false;
// Estado de carga: mostramos spinner mientras cargamos colonias
bool _cargandoColonias = true;
@@ -68,7 +73,9 @@ class _LoginScreenState extends State<LoginScreen> {
@override
void dispose() {
// Siempre liberar controllers para evitar memory leaks
_idController.dispose();
_emailController.dispose();
_nameController.dispose();
_direccionController.dispose();
super.dispose();
}
@@ -131,41 +138,92 @@ class _LoginScreenState extends State<LoginScreen> {
// ----------------------------------------------------------------
// ACCIÓN: INICIAR SESIÓN
// Valida, guarda y navega.
// Valida el correo, llama al backend y navega.
// ----------------------------------------------------------------
Future<void> _iniciarSesion() async {
// Validación básica del ID
final idTexto = _idController.text.trim();
if (idTexto.isEmpty) {
_mostrarError('Por favor ingresa tu ID de usuario.');
return;
}
final usuarioId = int.tryParse(idTexto);
if (usuarioId == null || usuarioId <= 0) {
_mostrarError('El ID debe ser un número positivo (ej: 1, 2, 3, 4).');
return;
}
if (_coloniaSeleccionada == null) {
_mostrarError('Por favor selecciona tu colonia.');
final email = _emailController.text.trim();
if (email.isEmpty) {
_mostrarError('Por favor ingresa tu correo.');
return;
}
setState(() => _logueando = true);
// Guardar la sesión en shared_preferences para no pedir login de nuevo
final prefs = await SharedPreferences.getInstance();
await prefs.setInt('usuario_id', usuarioId);
await prefs.setString('colonia', _coloniaSeleccionada!);
try {
final usuarioId = await _apiService.loginConCorreo(email);
final prefs = await SharedPreferences.getInstance();
await prefs.setInt('usuario_id', usuarioId);
await prefs.setString('email', email);
// Navegar a la pantalla principal pasando el usuario_id como argumento
if (mounted) {
Navigator.pushReplacementNamed(
context,
'/home',
arguments: usuarioId,
if (mounted) {
Navigator.pushReplacementNamed(
context,
'/home',
arguments: usuarioId,
);
}
} catch (e) {
_mostrarError('Error iniciando sesión. Revisa tu correo o regístrate.');
} finally {
if (mounted) {
setState(() => _logueando = false);
}
}
}
// ----------------------------------------------------------------
// ACCIÓN: REGISTRARSE
// Valida los datos y crea un nuevo usuario en el backend.
// ----------------------------------------------------------------
Future<void> _registrarse() async {
final nombre = _nameController.text.trim();
final email = _emailController.text.trim();
final direccion = _direccionController.text.trim();
if (nombre.isEmpty) {
_mostrarError('Por favor ingresa tu nombre.');
return;
}
if (email.isEmpty) {
_mostrarError('Por favor ingresa tu correo.');
return;
}
if (_coloniaSeleccionada == null) {
_mostrarError('Por favor selecciona tu colonia.');
return;
}
if (direccion.isEmpty) {
_mostrarError('Por favor ingresa tu dirección.');
return;
}
setState(() => _logueando = true);
try {
final usuarioId = await _apiService.registrarUsuario(
nombre,
email,
direccion,
_coloniaSeleccionada!,
);
final prefs = await SharedPreferences.getInstance();
await prefs.setInt('usuario_id', usuarioId);
await prefs.setString('email', email);
await prefs.setString('colonia', _coloniaSeleccionada!);
if (mounted) {
Navigator.pushReplacementNamed(
context,
'/home',
arguments: usuarioId,
);
}
} catch (e) {
_mostrarError('Error registrando usuario. Intenta con otro correo.');
} finally {
if (mounted) {
setState(() => _logueando = false);
}
}
}
@@ -227,82 +285,102 @@ class _LoginScreenState extends State<LoginScreen> {
const SizedBox(height: 48),
// ------------------------------------------------
// CAMPO: ID de Usuario
// NOTA PARA EL EQUIPO: Para la demo usa IDs 1 al 4
// (son los que creó el seed del backend)
// FORMULARIO: Correo / Registro
// ------------------------------------------------
TextField(
controller: _idController,
keyboardType: TextInputType.number,
controller: _emailController,
keyboardType: TextInputType.emailAddress,
decoration: InputDecoration(
labelText: 'ID de Usuario',
hintText: 'Ej: 1, 2, 3 ó 4',
helperText: 'Usa los IDs del seed del backend (1-4)',
prefixIcon: const Icon(Icons.person_outline),
labelText: 'Correo electrónico',
hintText: 'usuario@ejemplo.com',
prefixIcon: const Icon(Icons.email_outlined),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
),
),
),
const SizedBox(height: 20),
const SizedBox(height: 16),
// ------------------------------------------------
// DROPDOWN: Selección de Colonia
// ------------------------------------------------
if (_cargandoColonias)
const Center(
child: Padding(
padding: EdgeInsets.symmetric(vertical: 16),
child: CircularProgressIndicator(),
),
)
else ...[
// Aviso si se usó el fallback local
if (_errorColonias != null)
Padding(
padding: const EdgeInsets.only(bottom: 8),
child: Text(
'⚠️ $_errorColonias',
style: TextStyle(
fontSize: 12,
color: Colors.orange.shade700,
),
),
),
// El DropdownButtonFormField necesita que los items
// vengan de _colonias, que se cargó en initState.
DropdownButtonFormField<String>(
value: _coloniaSeleccionada,
hint: const Text('Selecciona tu colonia'),
if (_esRegistro) ...[
TextField(
controller: _nameController,
decoration: InputDecoration(
prefixIcon: const Icon(Icons.location_city_outlined),
labelText: 'Nombre completo',
prefixIcon: const Icon(Icons.person_outline),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
),
),
// Convierte cada String de _colonias en un DropdownMenuItem
items: _colonias.map((colonia) {
return DropdownMenuItem(
value: colonia,
child: Text(colonia),
);
}).toList(),
onChanged: (valor) {
setState(() => _coloniaSeleccionada = valor);
},
),
const SizedBox(height: 16),
TextField(
controller: _direccionController,
decoration: InputDecoration(
labelText: 'Dirección',
hintText: 'Calle, número, colonia',
prefixIcon: const Icon(Icons.home_outlined),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
),
),
),
const SizedBox(height: 20),
],
if (_esRegistro)
if (_cargandoColonias)
const Center(
child: Padding(
padding: EdgeInsets.symmetric(vertical: 16),
child: CircularProgressIndicator(),
),
)
else ...[
if (_errorColonias != null)
Padding(
padding: const EdgeInsets.only(bottom: 8),
child: Text(
'⚠️ $_errorColonias',
style: TextStyle(
fontSize: 12,
color: Colors.orange.shade700,
),
),
),
DropdownButtonFormField<String>(
initialValue: _coloniaSeleccionada,
hint: const Text('Selecciona tu colonia'),
decoration: InputDecoration(
prefixIcon: const Icon(Icons.location_city_outlined),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
),
),
items: _colonias.map((colonia) {
return DropdownMenuItem(
value: colonia,
child: Text(colonia),
);
}).toList(),
onChanged: (valor) {
setState(() => _coloniaSeleccionada = valor);
},
),
],
const SizedBox(height: 32),
// ------------------------------------------------
// BOTÓN: Entrar
// BOTÓN: Entrar / Registrarse
// Muestra spinner mientras _logueando == true
// ------------------------------------------------
SizedBox(
height: 56,
child: ElevatedButton(
onPressed: _logueando ? null : _iniciarSesion,
onPressed: _logueando
? null
: _esRegistro
? _registrarse
: _iniciarSesion,
style: ElevatedButton.styleFrom(
backgroundColor: colorScheme.primary,
foregroundColor: colorScheme.onPrimary,
@@ -319,9 +397,9 @@ class _LoginScreenState extends State<LoginScreen> {
color: Colors.white,
),
)
: const Text(
'Entrar',
style: TextStyle(
: Text(
_esRegistro ? 'Registrarse' : 'Iniciar sesión',
style: const TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
),
@@ -329,17 +407,42 @@ class _LoginScreenState extends State<LoginScreen> {
),
),
const SizedBox(height: 12),
TextButton(
onPressed: _logueando
? null
: () {
setState(() {
_esRegistro = !_esRegistro;
// Clear fields when switching modes
_nameController.clear();
_direccionController.clear();
_coloniaSeleccionada = null;
});
},
child: Text(
_esRegistro
? '¿Ya tienes cuenta? Inicia sesión'
: '¿No tienes cuenta? Regístrate',
style: TextStyle(
color: colorScheme.primary,
fontWeight: FontWeight.w600,
),
),
),
const SizedBox(height: 16),
// Nota informativa para jueces/demos
Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: colorScheme.primaryContainer.withOpacity(0.3),
color: colorScheme.primaryContainer.withValues(alpha: 0.3),
borderRadius: BorderRadius.circular(8),
),
child: Text(
'🧪 Demo: Usa IDs del 1 al 4. Corre primero POST /api/seed en el backend.',
_esRegistro
? 'Regístrate con tu correo, nombre y dirección para recibir avisos de recolección.'
: 'Inicia sesión con tu correo para ver el estado del camión y recibir notificaciones.',
style: TextStyle(
fontSize: 12,
color: colorScheme.primary,

281
aplicacion_hack/lib/screens/route_list_screen.dart Normal file
View File

@@ -0,0 +1,281 @@
import 'package:flutter/material.dart';
import '../services/api_service.dart';
class RouteListScreen extends StatefulWidget {
const RouteListScreen({super.key});
@override
State<RouteListScreen> createState() => _RouteListScreenState();
}
class _RouteListScreenState extends State<RouteListScreen> {
final ApiService _apiService = ApiService();
bool _cargando = true;
bool _avanzando = false;
String? _error;
List<RouteInfo> _rutas = [];
@override
void initState() {
super.initState();
_cargarRutas();
}
Future<void> _cargarRutas() async {
setState(() {
_cargando = true;
_error = null;
});
try {
final rutas = await _apiService.obtenerRutas();
if (mounted) {
setState(() {
_rutas = rutas;
});
}
} catch (e) {
if (mounted) {
setState(() {
_error = 'No se pudieron cargar las rutas. Verifica el backend.';
});
}
} finally {
if (mounted) {
setState(() {
_cargando = false;
});
}
}
}
Future<void> _simularAvance(String routeId) async {
setState(() {
_avanzando = true;
});
try {
final rutaActualizada = await _apiService.avanzarRuta(routeId);
if (mounted) {
setState(() {
final index = _rutas.indexWhere((r) => r.routeId == routeId);
if (index >= 0) {
_rutas[index] = rutaActualizada;
}
});
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('La ruta ${rutaActualizada.routeId} avanzó al siguiente tramo.'),
duration: const Duration(seconds: 3),
),
);
}
} catch (e) {
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Error al simular avance: $e'),
backgroundColor: Colors.red.shade700,
),
);
}
} finally {
if (mounted) {
setState(() {
_avanzando = false;
});
}
}
}
Color _colorEstado(String status) {
switch (status) {
case 'COMPLETADO':
return Colors.blue.shade600;
case 'EN_RUTA':
return Colors.green.shade600;
default:
return Colors.orange.shade600;
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Rutas y estado del camión'),
actions: [
IconButton(
onPressed: _cargarRutas,
icon: const Icon(Icons.refresh),
tooltip: 'Actualizar rutas',
),
],
),
body: _cargando
? const Center(child: CircularProgressIndicator())
: _error != null
? Center(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 24),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Icon(Icons.error_outline, size: 72, color: Colors.redAccent),
const SizedBox(height: 16),
Text(
_error!,
textAlign: TextAlign.center,
style: const TextStyle(fontSize: 16),
),
const SizedBox(height: 20),
ElevatedButton(
onPressed: _cargarRutas,
child: const Text('Reintentar'),
),
],
),
),
)
: RefreshIndicator(
onRefresh: _cargarRutas,
child: ListView(
padding: const EdgeInsets.all(16),
children: [
Container(
width: double.infinity,
padding: const EdgeInsets.all(18),
decoration: BoxDecoration(
color: Colors.green.shade50,
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.green.shade200),
),
child: const Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Simulación de rutas',
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
),
SizedBox(height: 10),
Text(
'Esta pantalla muestra el estado actual de cada camión y permite simular el siguiente tramo de la ruta para pruebas.',
style: TextStyle(fontSize: 14),
),
],
),
),
const SizedBox(height: 16),
..._rutas.map((ruta) {
return Padding(
padding: const EdgeInsets.only(bottom: 14),
child: Card(
elevation: 4,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Expanded(
child: Text(
ruta.name,
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
),
),
Chip(
label: Text(ruta.status),
backgroundColor: _colorEstado(ruta.status).withValues(alpha: 0.15),
labelStyle: TextStyle(
color: _colorEstado(ruta.status),
fontWeight: FontWeight.w600,
),
),
],
),
const SizedBox(height: 10),
Wrap(
runSpacing: 6,
spacing: 8,
children: [
_buildTag('Ruta: ${ruta.routeId}', Colors.grey.shade200),
_buildTag('Posición: ${ruta.lastPositionId}', Colors.blue.shade50),
_buildTag(
ruta.gpsOk ? 'GPS OK' : 'GPS desconectado',
ruta.gpsOk ? Colors.green.shade50 : Colors.red.shade50,
),
],
),
const SizedBox(height: 12),
Text(
'Último reporte: ${ruta.lastTimestamp}',
style: TextStyle(color: Colors.grey.shade700, fontSize: 13),
),
const SizedBox(height: 16),
ElevatedButton.icon(
onPressed: ruta.status == 'COMPLETADO' || _avanzando
? null
: () => _simularAvance(ruta.routeId),
icon: const Icon(Icons.play_arrow),
label: const Text('Simular avance'),
),
],
),
),
),
);
}),
const SizedBox(height: 16),
Container(
width: double.infinity,
padding: const EdgeInsets.all(18),
decoration: BoxDecoration(
color: Colors.grey.shade100,
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.grey.shade300),
),
child: const Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Información relevante',
style: TextStyle(fontSize: 17, fontWeight: FontWeight.bold),
),
SizedBox(height: 12),
Text('• Separa correctamente orgánicos, reciclables y no reciclables.',
style: TextStyle(fontSize: 14)),
SizedBox(height: 8),
Text('• No mezcles basura húmeda con envases secos y mantén los líquidos controlados.',
style: TextStyle(fontSize: 14)),
SizedBox(height: 8),
Text('• Saca tu basura cuando el camión esté cerca: así evitamos plagas y malos olores.',
style: TextStyle(fontSize: 14)),
SizedBox(height: 8),
Text('• Usa bolsas resistentes y cierra bien los residuos antes de ponerlos en la acera.',
style: TextStyle(fontSize: 14)),
],
),
),
const SizedBox(height: 24),
],
),
),
);
}
Widget _buildTag(String text, Color color) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
decoration: BoxDecoration(
color: color,
borderRadius: BorderRadius.circular(12),
),
child: Text(
text,
style: const TextStyle(fontSize: 12, fontWeight: FontWeight.w600),
),
);
}
}