bLOQUE p1 BACKEND Y SEGURIDAD, AUTENTICACION CON SUPABASE. jwt. RBAC CRUD
This commit is contained in:
0
recolecta_app/lib/features/addresses/.gitkeep
Normal file
0
recolecta_app/lib/features/addresses/.gitkeep
Normal file
@@ -0,0 +1,8 @@
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
|
||||
import '../../core/models/colonia.dart';
|
||||
import '../../core/services/colonias_service.dart';
|
||||
|
||||
final coloniasProvider = FutureProvider<List<Colonia>>((ref) async {
|
||||
return ref.read(coloniasServiceProvider).getColonias();
|
||||
});
|
||||
120
recolecta_app/lib/features/addresses/colonias_selector.dart
Normal file
120
recolecta_app/lib/features/addresses/colonias_selector.dart
Normal file
@@ -0,0 +1,120 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
|
||||
import '../../core/models/colonia.dart';
|
||||
import 'colonias_provider.dart';
|
||||
|
||||
class ColoniasSelector extends ConsumerWidget {
|
||||
const ColoniasSelector({
|
||||
super.key,
|
||||
required this.onChanged,
|
||||
this.initialValue,
|
||||
this.labelText = 'Colonia',
|
||||
});
|
||||
|
||||
final ValueChanged<Colonia> onChanged;
|
||||
final Colonia? initialValue;
|
||||
final String labelText;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final coloniasAsync = ref.watch(coloniasProvider);
|
||||
|
||||
return coloniasAsync.when(
|
||||
loading: () => const Card(
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(16),
|
||||
child: Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 18,
|
||||
height: 18,
|
||||
child: CircularProgressIndicator(strokeWidth: 2),
|
||||
),
|
||||
SizedBox(width: 12),
|
||||
Text('Cargando colonias...'),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
error: (error, stackTrace) => _StateCard(
|
||||
icon: Icons.error_outline,
|
||||
title: 'No se pudieron cargar las colonias',
|
||||
message: error.toString(),
|
||||
actionLabel: 'Reintentar',
|
||||
onAction: () => ref.invalidate(coloniasProvider),
|
||||
),
|
||||
data: (colonias) {
|
||||
if (colonias.isEmpty) {
|
||||
return const _StateCard(
|
||||
icon: Icons.inbox_outlined,
|
||||
title: 'Sin colonias disponibles',
|
||||
message: 'El backend no devolvió colonias todavía.',
|
||||
);
|
||||
}
|
||||
|
||||
return DropdownButtonFormField<Colonia>(
|
||||
value: initialValue,
|
||||
decoration: InputDecoration(labelText: labelText),
|
||||
items: colonias
|
||||
.map(
|
||||
(colonia) => DropdownMenuItem<Colonia>(
|
||||
value: colonia,
|
||||
child: Text(
|
||||
colonia.horarioEstimado == null ||
|
||||
colonia.horarioEstimado!.isEmpty
|
||||
? colonia.nombre
|
||||
: '${colonia.nombre} · ${colonia.horarioEstimado}',
|
||||
),
|
||||
),
|
||||
)
|
||||
.toList(growable: false),
|
||||
onChanged: (value) {
|
||||
if (value != null) {
|
||||
onChanged(value);
|
||||
}
|
||||
},
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _StateCard extends StatelessWidget {
|
||||
const _StateCard({
|
||||
required this.icon,
|
||||
required this.title,
|
||||
required this.message,
|
||||
this.actionLabel,
|
||||
this.onAction,
|
||||
});
|
||||
|
||||
final IconData icon;
|
||||
final String title;
|
||||
final String message;
|
||||
final String? actionLabel;
|
||||
final VoidCallback? onAction;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Card(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Icon(icon),
|
||||
const SizedBox(height: 12),
|
||||
Text(title, style: Theme.of(context).textTheme.titleMedium),
|
||||
const SizedBox(height: 6),
|
||||
Text(message),
|
||||
if (actionLabel != null && onAction != null) ...[
|
||||
const SizedBox(height: 12),
|
||||
TextButton(onPressed: onAction, child: Text(actionLabel!)),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
110
recolecta_app/lib/features/addresses/new_address_page.dart
Normal file
110
recolecta_app/lib/features/addresses/new_address_page.dart
Normal file
@@ -0,0 +1,110 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
|
||||
import '../../core/models/address.dart';
|
||||
import '../../core/models/colonia.dart';
|
||||
import 'colonias_selector.dart';
|
||||
|
||||
class NewAddressPage extends ConsumerStatefulWidget {
|
||||
const NewAddressPage({super.key});
|
||||
|
||||
@override
|
||||
ConsumerState<NewAddressPage> createState() => _NewAddressPageState();
|
||||
}
|
||||
|
||||
class _NewAddressPageState extends ConsumerState<NewAddressPage> {
|
||||
final _formKey = GlobalKey<FormState>();
|
||||
final _labelController = TextEditingController();
|
||||
final _streetController = TextEditingController();
|
||||
Colonia? _selectedColonia;
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_labelController.dispose();
|
||||
_streetController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _saveAddress() {
|
||||
if (!(_formKey.currentState?.validate() ?? false)) {
|
||||
return;
|
||||
}
|
||||
if (_selectedColonia == null) {
|
||||
ScaffoldMessenger.of(
|
||||
context,
|
||||
).showSnackBar(const SnackBar(content: Text('Selecciona una colonia')));
|
||||
return;
|
||||
}
|
||||
|
||||
final address = AddressModel(
|
||||
label: _labelController.text.trim(),
|
||||
street: _streetController.text.trim(),
|
||||
colonia: _selectedColonia!,
|
||||
);
|
||||
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text('Domicilio listo: ${address.toJson()}')),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text('Nuevo domicilio')),
|
||||
body: SafeArea(
|
||||
child: ListView(
|
||||
padding: const EdgeInsets.all(24),
|
||||
children: [
|
||||
Form(
|
||||
key: _formKey,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
TextFormField(
|
||||
controller: _labelController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Etiqueta',
|
||||
hintText: 'Casa, trabajo, etc.',
|
||||
),
|
||||
validator: (value) =>
|
||||
(value == null || value.trim().isEmpty)
|
||||
? 'Ingresa una etiqueta'
|
||||
: null,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
TextFormField(
|
||||
controller: _streetController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Calle',
|
||||
hintText: 'Av. Principal 123',
|
||||
),
|
||||
validator: (value) =>
|
||||
(value == null || value.trim().isEmpty)
|
||||
? 'Ingresa la calle'
|
||||
: null,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
ColoniasSelector(
|
||||
labelText: 'Colonia',
|
||||
initialValue: _selectedColonia,
|
||||
onChanged: (colonia) {
|
||||
setState(() => _selectedColonia = colonia);
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
SizedBox(
|
||||
height: 52,
|
||||
child: FilledButton(
|
||||
onPressed: _saveAddress,
|
||||
child: const Text('Guardar domicilio'),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user