onlinces/hackathon-acapulquitos-boys-c201275836cb46a5a486451f9caa83f5
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: register adress logic

Browse Source
This commit is contained in:
imlildud
2026-05-22 20:32:22 -06:00
parent fa60bb0dcc
commit 04d56e18c6
2 changed files with 328 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
lib/src/models/domicilio_model.dart Normal file
View File

@@ -0,0 +1,15 @@
class Domicilio {
final String nombre;
final String colonia;
final String calle;
final String numero;
Domicilio({
required this.nombre,
required this.colonia,
required this.calle,
required this.numero,
});
String get direccionCompleta => '$colonia, $calle $numero';
}

344
lib/src/views/domicilios.dart
View File

@@ -1,14 +1,249 @@
// domicilios.dart
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'rutas.dart'; import 'rutas.dart';
import '../models/domicilio_model.dart'; // Ruta corregida a src/models/
class DomiciliosView extends StatelessWidget { class DomiciliosView extends StatefulWidget {
const DomiciliosView({super.key}); const DomiciliosView({super.key});
@override
State<DomiciliosView> createState() => _DomiciliosViewState();
}
class _DomiciliosViewState extends State<DomiciliosView> {
List<Domicilio> domicilios = [];
// Controladores para el formulario
final TextEditingController nombreController = TextEditingController();
final TextEditingController coloniaController = TextEditingController();
final TextEditingController calleController = TextEditingController();
final TextEditingController numeroController = TextEditingController();
@override
void dispose() {
nombreController.dispose();
coloniaController.dispose();
calleController.dispose();
numeroController.dispose();
super.dispose();
}
void _mostrarDialogoAgregar() {
// Limpiar controladores
nombreController.clear();
coloniaController.clear();
calleController.clear();
numeroController.clear();
showDialog(
context: context,
barrierDismissible: false,
builder: (BuildContext context) {
return Dialog(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(25)),
child: Container(
padding: const EdgeInsets.all(20),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
// Título
const Text(
'Añadir domicilio',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: colorAzul,
),
),
const SizedBox(height: 20),
// Campo: Nombre del domicilio
_buildCampoTexto(
controller: nombreController,
hint: 'Nombre del domicilio',
icon: Icons.home_outlined,
),
const SizedBox(height: 15),
// Campo: Colonia
_buildCampoTexto(
controller: coloniaController,
hint: 'Colonia',
icon: Icons.location_city_outlined,
),
const SizedBox(height: 15),
// Campo: Calle
_buildCampoTexto(
controller: calleController,
hint: 'Calle',
icon: Icons.streetview,
),
const SizedBox(height: 15),
// Campo: Número
_buildCampoTexto(
controller: numeroController,
hint: 'Número',
icon: Icons.numbers,
keyboardType: TextInputType.number,
),
const SizedBox(height: 25),
// Botones
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
// Botón Cancelar
Expanded(
child: OutlinedButton(
style: OutlinedButton.styleFrom(
side: BorderSide(color: colorAzul, width: 2),
padding: const EdgeInsets.symmetric(vertical: 12),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15),
),
),
onPressed: () {
Navigator.pop(context); // Cerrar diálogo sin guardar
},
child: const Text(
'Cancelar',
style: TextStyle(fontSize: 16, color: colorAzul),
),
),
),
const SizedBox(width: 15),
// Botón Agregar
Expanded(
child: ElevatedButton(
style: ElevatedButton.styleFrom(
backgroundColor: colorAzul,
padding: const EdgeInsets.symmetric(vertical: 12),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15),
),
),
onPressed: () {
_agregarDomicilio();
},
child: const Text(
'Agregar',
style: TextStyle(fontSize: 16, color: Colors.white),
),
),
),
],
),
],
),
),
);
},
);
}
Widget _buildCampoTexto({
required TextEditingController controller,
required String hint,
required IconData icon,
TextInputType keyboardType = TextInputType.text,
}) {
return TextField(
controller: controller,
keyboardType: keyboardType,
decoration: InputDecoration(
hintText: hint,
prefixIcon: Icon(icon, color: colorAzul),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(15),
borderSide: const BorderSide(color: colorAzul),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(15),
borderSide: BorderSide(color: colorAzul.withOpacity(0.5)),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(15),
borderSide: const BorderSide(color: colorAzul, width: 2),
),
),
);
}
void _agregarDomicilio() {
// Validar que todos los campos estén llenos
if (nombreController.text.isEmpty ||
coloniaController.text.isEmpty ||
calleController.text.isEmpty ||
numeroController.text.isEmpty) {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Por favor, llena todos los campos'),
backgroundColor: Colors.red,
),
);
return;
}
// Crear nuevo domicilio
final nuevoDomicilio = Domicilio(
nombre: nombreController.text,
colonia: coloniaController.text,
calle: calleController.text,
numero: numeroController.text,
);
// Agregar a la lista
setState(() {
domicilios.add(nuevoDomicilio);
});
// Cerrar el diálogo
Navigator.pop(context);
// Mostrar mensaje de éxito
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Domicilio "${nombreController.text}" agregado'),
backgroundColor: colorAzul,
duration: const Duration(seconds: 2),
),
);
}
void _eliminarDomicilio(int index) {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: const Text('Eliminar domicilio'),
content: Text('¿Deseas eliminar "${domicilios[index].nombre}"?'),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: const Text('Cancelar'),
),
TextButton(
onPressed: () {
setState(() {
domicilios.removeAt(index);
});
Navigator.pop(context);
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Domicilio eliminado'),
backgroundColor: Colors.red,
duration: Duration(seconds: 2),
),
);
},
child: const Text('Eliminar', style: TextStyle(color: Colors.red)),
),
],
);
},
);
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
color: Colors.white, // Fondo blanco para el contenido color: Colors.white,
child: SafeArea( child: SafeArea(
child: Column( child: Column(
children: [ children: [
@@ -35,11 +270,43 @@ class DomiciliosView extends StatelessWidget {
), ),
// Contenido // Contenido
Expanded( Expanded(
child: Padding( child: domicilios.isEmpty
padding: const EdgeInsets.all(20.0), ? Center(
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Container( Icon(
Icons.home_outlined,
size: 100,
color: Colors.grey.withOpacity(0.5),
),
const SizedBox(height: 20),
Text(
'No hay domicilios agregados',
style: TextStyle(
fontSize: 18,
color: Colors.grey.withOpacity(0.7),
),
),
const SizedBox(height: 10),
Text(
'Toca el botón + para agregar',
style: TextStyle(
fontSize: 14,
color: Colors.grey.withOpacity(0.5),
),
),
],
),
)
: ListView.builder(
padding: const EdgeInsets.all(20),
itemCount: domicilios.length,
itemBuilder: (context, index) {
final domicilio = domicilios[index];
return Padding(
padding: const EdgeInsets.only(bottom: 20),
child: Container(
padding: const EdgeInsets.all(15), padding: const EdgeInsets.all(15),
decoration: BoxDecoration( decoration: BoxDecoration(
border: Border.all(color: Colors.black, width: 4), border: Border.all(color: Colors.black, width: 4),
@@ -49,37 +316,52 @@ class DomiciliosView extends StatelessWidget {
children: [ children: [
const Icon(Icons.home_outlined, size: 60), const Icon(Icons.home_outlined, size: 60),
const SizedBox(width: 10), const SizedBox(width: 10),
const Column( Expanded(
crossAxisAlignment: CrossAxisAlignment.start, child: Column(
children: [ crossAxisAlignment: CrossAxisAlignment.start,
Text('Mi Casa', children: [
style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold)), Text(
Text('Centro, Ruta 1', domicilio.nombre,
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)), style: const TextStyle(
], fontSize: 22,
fontWeight: FontWeight.bold,
),
),
Text(
domicilio.direccionCompleta,
style: const TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
),
),
],
),
), ),
const Spacer(),
IconButton( IconButton(
onPressed: () {}, onPressed: () => _eliminarDomicilio(index),
icon: const Icon(Icons.more_horiz, size: 40), icon: const Icon(Icons.delete_outline, size: 40),
color: Colors.red,
), ),
], ],
), ),
), ),
const SizedBox(height: 20), );
GestureDetector( },
onTap: () {}, ),
child: Container( ),
width: double.infinity, // Botón flotante de agregar
height: 100, Padding(
decoration: BoxDecoration( padding: const EdgeInsets.all(20),
color: colorAzul, child: GestureDetector(
borderRadius: BorderRadius.circular(20), onTap: _mostrarDialogoAgregar,
), child: Container(
child: const Icon(Icons.add, color: Colors.white, size: 80), width: double.infinity,
), height: 100,
), decoration: BoxDecoration(
], color: colorAzul,
borderRadius: BorderRadius.circular(20),
),
child: const Icon(Icons.add, color: Colors.white, size: 80),
), ),
), ),
), ),