initial commit 2
This commit is contained in:
David
943
lib/screens/dashboard_screen.dart
Normal file
943
lib/screens/dashboard_screen.dart
Normal file
@@ -0,0 +1,943 @@
|
||||
import 'dart:async';
|
||||
import 'dart:math';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_map/flutter_map.dart';
|
||||
import 'package:geolocator/geolocator.dart';
|
||||
import 'package:latlong2/latlong.dart';
|
||||
import 'package:table_calendar/table_calendar.dart';
|
||||
|
||||
import '../models/address_entry.dart';
|
||||
import '../models/address_record.dart';
|
||||
import '../models/auth_session.dart';
|
||||
import '../services/address_repository.dart';
|
||||
import '../services/auth_repository.dart';
|
||||
import 'auth_screen.dart';
|
||||
|
||||
class DashboardScreen extends StatefulWidget {
|
||||
const DashboardScreen({
|
||||
super.key,
|
||||
required this.authRepository,
|
||||
required this.addressRepository,
|
||||
required this.session,
|
||||
this.savedAddress,
|
||||
this.enableLiveFeatures = true,
|
||||
});
|
||||
|
||||
final AuthRepository authRepository;
|
||||
final AddressRepository addressRepository;
|
||||
final AuthSession session;
|
||||
final AddressEntry? savedAddress;
|
||||
final bool enableLiveFeatures;
|
||||
|
||||
@override
|
||||
State<DashboardScreen> createState() => _DashboardScreenState();
|
||||
}
|
||||
|
||||
class _DashboardScreenState extends State<DashboardScreen> {
|
||||
final MapController _mapController = MapController();
|
||||
final TextEditingController _calendarNoteController = TextEditingController();
|
||||
final TextEditingController _newHouseNumberController = TextEditingController();
|
||||
final TextEditingController _newColoniaController = TextEditingController();
|
||||
final TextEditingController _newStreetController = TextEditingController();
|
||||
|
||||
final List<_AppNotification> _notifications = <_AppNotification>[];
|
||||
final Map<DateTime, String> _calendarNotes = <DateTime, String>{};
|
||||
final Random _random = Random();
|
||||
|
||||
int _selectedIndex = 0;
|
||||
LatLng _center = const LatLng(19.4326, -99.1332);
|
||||
bool _isLoadingLocation = true;
|
||||
bool _showLiveFeatures = true;
|
||||
String? _locationError;
|
||||
Timer? _truckTimer;
|
||||
LatLng? _truckPosition;
|
||||
bool _truckVisible = false;
|
||||
|
||||
bool _loadingAddresses = true;
|
||||
String? _addressesError;
|
||||
List<AddressRecord> _addresses = <AddressRecord>[];
|
||||
|
||||
DateTime _focusedDay = DateTime.now();
|
||||
DateTime? _selectedDay;
|
||||
CalendarFormat _calendarFormat = CalendarFormat.month;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_showLiveFeatures = widget.enableLiveFeatures;
|
||||
if (!_showLiveFeatures) {
|
||||
_isLoadingLocation = false;
|
||||
_loadingAddresses = false;
|
||||
_seedTruckSimulation();
|
||||
return;
|
||||
}
|
||||
|
||||
unawaited(_loadLocation());
|
||||
unawaited(_loadAddresses());
|
||||
_startTruckSimulation();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_truckTimer?.cancel();
|
||||
_calendarNoteController.dispose();
|
||||
_newHouseNumberController.dispose();
|
||||
_newColoniaController.dispose();
|
||||
_newStreetController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
DateTime _normalizeDay(DateTime day) => DateTime(day.year, day.month, day.day);
|
||||
|
||||
void _addNotification(String message) {
|
||||
if (!mounted) {
|
||||
return;
|
||||
}
|
||||
setState(() {
|
||||
_notifications.insert(0, _AppNotification(message: message, timestamp: DateTime.now()));
|
||||
});
|
||||
}
|
||||
|
||||
void _seedTruckSimulation() {
|
||||
final visible = _random.nextBool();
|
||||
_truckVisible = visible;
|
||||
_truckPosition = _truckOffsetFromCenter(_random.nextDouble() * 20.0);
|
||||
_notifications.add(
|
||||
_AppNotification(
|
||||
message: visible ? 'El camión de basura apareció cerca de tu ubicación.' : 'El camión de basura está fuera de rango.',
|
||||
timestamp: DateTime.now(),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Future<void> _loadLocation() async {
|
||||
try {
|
||||
final permission = await Geolocator.checkPermission();
|
||||
var currentPermission = permission;
|
||||
if (currentPermission == LocationPermission.denied) {
|
||||
currentPermission = await Geolocator.requestPermission();
|
||||
}
|
||||
|
||||
if (currentPermission == LocationPermission.denied || currentPermission == LocationPermission.deniedForever) {
|
||||
if (!mounted) {
|
||||
return;
|
||||
}
|
||||
setState(() {
|
||||
_locationError = 'Permiso de ubicación no concedido. Mostrando mapa por defecto.';
|
||||
_isLoadingLocation = false;
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
final position = await Geolocator.getCurrentPosition(desiredAccuracy: LocationAccuracy.high);
|
||||
final newCenter = LatLng(position.latitude, position.longitude);
|
||||
|
||||
if (!mounted) {
|
||||
return;
|
||||
}
|
||||
|
||||
setState(() {
|
||||
_center = newCenter;
|
||||
_isLoadingLocation = false;
|
||||
_locationError = null;
|
||||
});
|
||||
|
||||
_mapController.move(newCenter, 15);
|
||||
} catch (_) {
|
||||
if (!mounted) {
|
||||
return;
|
||||
}
|
||||
setState(() {
|
||||
_locationError = 'No se pudo obtener la ubicación actual. Se usó una referencia por defecto.';
|
||||
_isLoadingLocation = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _loadAddresses() async {
|
||||
try {
|
||||
final addresses = await widget.addressRepository.getMyAddresses(session: widget.session);
|
||||
if (!mounted) {
|
||||
return;
|
||||
}
|
||||
setState(() {
|
||||
_addresses = addresses;
|
||||
_loadingAddresses = false;
|
||||
_addressesError = null;
|
||||
});
|
||||
} catch (error) {
|
||||
if (!mounted) {
|
||||
return;
|
||||
}
|
||||
setState(() {
|
||||
_addressesError = error.toString();
|
||||
_loadingAddresses = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
void _startTruckSimulation() {
|
||||
_truckTimer?.cancel();
|
||||
_truckTimer = Timer.periodic(const Duration(seconds: 4), (_) {
|
||||
final distanceMeters = _random.nextDouble() * 40.0;
|
||||
final newTruckPosition = _truckOffsetFromCenter(distanceMeters);
|
||||
final wasVisible = _truckVisible;
|
||||
final isVisible = distanceMeters <= 20.0;
|
||||
|
||||
if (!mounted) {
|
||||
return;
|
||||
}
|
||||
|
||||
setState(() {
|
||||
_truckPosition = newTruckPosition;
|
||||
_truckVisible = isVisible;
|
||||
});
|
||||
|
||||
if (isVisible != wasVisible) {
|
||||
_addNotification(
|
||||
isVisible
|
||||
? 'El camión de basura apareció a ${distanceMeters.toStringAsFixed(1)} m.'
|
||||
: 'El camión de basura salió del rango visible.',
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
LatLng _truckOffsetFromCenter(double distanceMeters) {
|
||||
final angle = _random.nextDouble() * 2 * pi;
|
||||
final metersPerDegreeLat = 111320.0;
|
||||
final metersPerDegreeLng = 111320.0 * cos(_center.latitude * pi / 180.0).abs().clamp(0.2, 1.0);
|
||||
final deltaLat = (distanceMeters * cos(angle)) / metersPerDegreeLat;
|
||||
final deltaLng = (distanceMeters * sin(angle)) / metersPerDegreeLng;
|
||||
return LatLng(_center.latitude + deltaLat, _center.longitude + deltaLng);
|
||||
}
|
||||
|
||||
Future<void> _logOut(BuildContext context) async {
|
||||
await widget.authRepository.signOut();
|
||||
if (!context.mounted) {
|
||||
return;
|
||||
}
|
||||
Navigator.of(context).pushAndRemoveUntil(
|
||||
MaterialPageRoute(
|
||||
builder: (_) => AuthScreen(
|
||||
authRepository: widget.authRepository,
|
||||
addressRepository: widget.addressRepository,
|
||||
),
|
||||
),
|
||||
(route) => false,
|
||||
);
|
||||
}
|
||||
|
||||
Future<void> _saveCalendarNote() async {
|
||||
final note = _calendarNoteController.text.trim();
|
||||
if (note.isEmpty || _selectedDay == null) {
|
||||
return;
|
||||
}
|
||||
|
||||
final normalizedDay = _normalizeDay(_selectedDay!);
|
||||
setState(() {
|
||||
_calendarNotes[normalizedDay] = note;
|
||||
});
|
||||
_calendarNoteController.clear();
|
||||
_addNotification('Se guardó texto en el calendario para ${_selectedDay!.day}/${_selectedDay!.month}.');
|
||||
}
|
||||
|
||||
Future<void> _saveNewAddress() async {
|
||||
if (_newHouseNumberController.text.trim().isEmpty ||
|
||||
_newColoniaController.text.trim().isEmpty ||
|
||||
_newStreetController.text.trim().isEmpty) {
|
||||
_addNotification('Completa la nueva dirección antes de guardarla.');
|
||||
return;
|
||||
}
|
||||
|
||||
final newAddress = AddressEntry(
|
||||
houseNumber: _newHouseNumberController.text.trim(),
|
||||
colonia: _newColoniaController.text.trim(),
|
||||
street: _newStreetController.text.trim(),
|
||||
);
|
||||
|
||||
try {
|
||||
await widget.addressRepository.saveAddress(session: widget.session, address: newAddress);
|
||||
if (!mounted) {
|
||||
return;
|
||||
}
|
||||
setState(() {
|
||||
_addresses = <AddressRecord>[
|
||||
AddressRecord(
|
||||
id: DateTime.now().millisecondsSinceEpoch,
|
||||
houseNumber: newAddress.houseNumber,
|
||||
colonia: newAddress.colonia,
|
||||
street: newAddress.street,
|
||||
),
|
||||
..._addresses,
|
||||
];
|
||||
});
|
||||
_newHouseNumberController.clear();
|
||||
_newColoniaController.clear();
|
||||
_newStreetController.clear();
|
||||
_addNotification('Se agregó una nueva dirección a tu perfil.');
|
||||
} catch (error) {
|
||||
_addNotification('No se pudo guardar la nueva dirección: $error');
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final pages = <Widget>[
|
||||
_MapSection(
|
||||
center: _center,
|
||||
truckPosition: _truckPosition,
|
||||
truckVisible: _truckVisible,
|
||||
isLoadingLocation: _isLoadingLocation,
|
||||
locationError: _locationError,
|
||||
mapController: _mapController,
|
||||
showTiles: _showLiveFeatures,
|
||||
address: widget.savedAddress,
|
||||
),
|
||||
_CalendarSection(
|
||||
focusedDay: _focusedDay,
|
||||
selectedDay: _selectedDay,
|
||||
calendarFormat: _calendarFormat,
|
||||
notes: _calendarNotes,
|
||||
noteController: _calendarNoteController,
|
||||
onSelectedDay: (day, focusedDay) {
|
||||
setState(() {
|
||||
_selectedDay = day;
|
||||
_focusedDay = focusedDay;
|
||||
});
|
||||
},
|
||||
onFormatChanged: (format) {
|
||||
setState(() {
|
||||
_calendarFormat = format;
|
||||
});
|
||||
},
|
||||
onPageChanged: (focusedDay) {
|
||||
_focusedDay = focusedDay;
|
||||
},
|
||||
onSaveNote: _saveCalendarNote,
|
||||
),
|
||||
_NotificationsSection(notifications: _notifications),
|
||||
_DataSection(
|
||||
session: widget.session,
|
||||
loadingAddresses: _loadingAddresses,
|
||||
addressesError: _addressesError,
|
||||
addresses: _addresses,
|
||||
houseNumberController: _newHouseNumberController,
|
||||
coloniaController: _newColoniaController,
|
||||
streetController: _newStreetController,
|
||||
onSaveAddress: _saveNewAddress,
|
||||
),
|
||||
];
|
||||
|
||||
return Scaffold(
|
||||
body: SafeArea(
|
||||
child: Column(
|
||||
children: [
|
||||
_UserHeader(
|
||||
session: widget.session,
|
||||
onLogout: () => _logOut(context),
|
||||
),
|
||||
Expanded(
|
||||
child: IndexedStack(
|
||||
index: _selectedIndex,
|
||||
children: pages,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
bottomNavigationBar: NavigationBar(
|
||||
selectedIndex: _selectedIndex,
|
||||
onDestinationSelected: (index) {
|
||||
setState(() {
|
||||
_selectedIndex = index;
|
||||
});
|
||||
},
|
||||
destinations: const [
|
||||
NavigationDestination(icon: Icon(Icons.my_location_outlined), selectedIcon: Icon(Icons.my_location), label: 'Mapa'),
|
||||
NavigationDestination(icon: Icon(Icons.calendar_month_outlined), selectedIcon: Icon(Icons.calendar_month), label: 'Calendario'),
|
||||
NavigationDestination(icon: Icon(Icons.notifications_outlined), selectedIcon: Icon(Icons.notifications), label: 'Avisos'),
|
||||
NavigationDestination(icon: Icon(Icons.input_outlined), selectedIcon: Icon(Icons.input), label: 'Datos'),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _UserHeader extends StatelessWidget {
|
||||
const _UserHeader({required this.session, required this.onLogout});
|
||||
|
||||
final AuthSession session;
|
||||
final VoidCallback onLogout;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 16),
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
colors: [Colors.teal.shade900, Colors.teal.shade700],
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
CircleAvatar(
|
||||
radius: 24,
|
||||
backgroundColor: Colors.white.withValues(alpha: 0.18),
|
||||
child: Text(
|
||||
session.displayName.isNotEmpty ? session.displayName[0].toUpperCase() : 'U',
|
||||
style: const TextStyle(color: Colors.white, fontWeight: FontWeight.w800),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(session.displayName, style: const TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.w700)),
|
||||
Text(session.email, style: TextStyle(color: Colors.white.withValues(alpha: 0.85))),
|
||||
],
|
||||
),
|
||||
),
|
||||
IconButton(
|
||||
onPressed: onLogout,
|
||||
icon: const Icon(Icons.logout, color: Colors.white),
|
||||
tooltip: 'Cerrar sesión',
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _MapSection extends StatelessWidget {
|
||||
const _MapSection({
|
||||
required this.center,
|
||||
required this.truckPosition,
|
||||
required this.truckVisible,
|
||||
required this.isLoadingLocation,
|
||||
required this.locationError,
|
||||
required this.mapController,
|
||||
required this.showTiles,
|
||||
required this.address,
|
||||
});
|
||||
|
||||
final LatLng center;
|
||||
final LatLng? truckPosition;
|
||||
final bool truckVisible;
|
||||
final bool isLoadingLocation;
|
||||
final String? locationError;
|
||||
final MapController mapController;
|
||||
final bool showTiles;
|
||||
final AddressEntry? address;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final markers = <Marker>[
|
||||
Marker(
|
||||
width: 60,
|
||||
height: 60,
|
||||
point: center,
|
||||
child: const Icon(Icons.person_pin_circle, size: 56, color: Colors.blue),
|
||||
),
|
||||
if (truckVisible && truckPosition != null)
|
||||
Marker(
|
||||
width: 60,
|
||||
height: 60,
|
||||
point: truckPosition!,
|
||||
child: const Icon(Icons.local_shipping, size: 50, color: Colors.red),
|
||||
),
|
||||
];
|
||||
|
||||
return Container(
|
||||
color: const Color(0xFFF8FAFC),
|
||||
child: Column(
|
||||
children: [
|
||||
if (locationError != null)
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: _NoticeBanner(message: locationError!),
|
||||
),
|
||||
Expanded(
|
||||
child: Center(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(24),
|
||||
child: Stack(
|
||||
children: [
|
||||
if (showTiles)
|
||||
FlutterMap(
|
||||
mapController: mapController,
|
||||
options: MapOptions(
|
||||
initialCenter: center,
|
||||
initialZoom: 15,
|
||||
interactionOptions: const InteractionOptions(flags: InteractiveFlag.all),
|
||||
),
|
||||
children: [
|
||||
TileLayer(
|
||||
urlTemplate: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
|
||||
userAgentPackageName: 'flutter_application_1',
|
||||
),
|
||||
MarkerLayer(markers: markers),
|
||||
],
|
||||
)
|
||||
else
|
||||
_MapPlaceholder(
|
||||
center: center,
|
||||
truckVisible: truckVisible,
|
||||
truckPosition: truckPosition,
|
||||
),
|
||||
Positioned(
|
||||
top: 16,
|
||||
left: 16,
|
||||
right: 16,
|
||||
child: Card(
|
||||
elevation: 8,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(14),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text('Mapa y camión', style: Theme.of(context).textTheme.titleMedium?.copyWith(fontWeight: FontWeight.w800)),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
address == null
|
||||
? 'No hay una dirección guardada todavía.'
|
||||
: 'Dirección: ${address!.houseNumber}, ${address!.colonia}, ${address!.street}',
|
||||
style: TextStyle(color: Colors.grey.shade700),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
truckVisible ? 'El camión está dentro de 20 m.' : 'El camión está fuera de rango.',
|
||||
style: const TextStyle(fontWeight: FontWeight.w700),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
if (isLoadingLocation)
|
||||
const Center(
|
||||
child: CircularProgressIndicator(),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _MapPlaceholder extends StatelessWidget {
|
||||
const _MapPlaceholder({
|
||||
required this.center,
|
||||
required this.truckVisible,
|
||||
required this.truckPosition,
|
||||
});
|
||||
|
||||
final LatLng center;
|
||||
final bool truckVisible;
|
||||
final LatLng? truckPosition;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
color: const Color(0xFFE2E8F0),
|
||||
alignment: Alignment.center,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
const Icon(Icons.map_outlined, size: 72, color: Colors.teal),
|
||||
const SizedBox(height: 12),
|
||||
const Text('Mapa centrado en tu ubicación', style: TextStyle(fontWeight: FontWeight.w700)),
|
||||
const SizedBox(height: 4),
|
||||
Text('Lat: ${center.latitude.toStringAsFixed(5)}, Lng: ${center.longitude.toStringAsFixed(5)}'),
|
||||
const SizedBox(height: 12),
|
||||
Text(
|
||||
truckVisible && truckPosition != null
|
||||
? 'Camión visible cerca de ti'
|
||||
: 'Camión fuera del rango de 20 m',
|
||||
style: const TextStyle(fontWeight: FontWeight.w700),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _CalendarSection extends StatelessWidget {
|
||||
const _CalendarSection({
|
||||
required this.focusedDay,
|
||||
required this.selectedDay,
|
||||
required this.calendarFormat,
|
||||
required this.notes,
|
||||
required this.noteController,
|
||||
required this.onSelectedDay,
|
||||
required this.onFormatChanged,
|
||||
required this.onPageChanged,
|
||||
required this.onSaveNote,
|
||||
});
|
||||
|
||||
final DateTime focusedDay;
|
||||
final DateTime? selectedDay;
|
||||
final CalendarFormat calendarFormat;
|
||||
final Map<DateTime, String> notes;
|
||||
final TextEditingController noteController;
|
||||
final void Function(DateTime day, DateTime focusedDay) onSelectedDay;
|
||||
final void Function(CalendarFormat format) onFormatChanged;
|
||||
final void Function(DateTime focusedDay) onPageChanged;
|
||||
final Future<void> Function() onSaveNote;
|
||||
|
||||
DateTime _normalizeDay(DateTime day) => DateTime(day.year, day.month, day.day);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final selectedNormalized = selectedDay == null ? null : _normalizeDay(selectedDay!);
|
||||
|
||||
return Container(
|
||||
color: const Color(0xFFF8FAFC),
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
children: [
|
||||
Card(
|
||||
elevation: 8,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
children: [
|
||||
TableCalendar<String>(
|
||||
firstDay: DateTime.utc(2020, 1, 1),
|
||||
lastDay: DateTime.utc(2035, 12, 31),
|
||||
focusedDay: focusedDay,
|
||||
calendarFormat: calendarFormat,
|
||||
selectedDayPredicate: (day) => isSameDay(selectedDay, day),
|
||||
eventLoader: (day) => notes.containsKey(_normalizeDay(day)) ? <String>[notes[_normalizeDay(day)]!] : <String>[],
|
||||
onDaySelected: onSelectedDay,
|
||||
onFormatChanged: onFormatChanged,
|
||||
onPageChanged: onPageChanged,
|
||||
calendarBuilders: CalendarBuilders(
|
||||
defaultBuilder: (context, day, focusedDay) {
|
||||
final note = notes[_normalizeDay(day)];
|
||||
if (note == null) {
|
||||
return null;
|
||||
}
|
||||
return _CalendarDayCell(day: day, note: note, selected: false);
|
||||
},
|
||||
selectedBuilder: (context, day, focusedDay) {
|
||||
final note = notes[_normalizeDay(day)];
|
||||
return _CalendarDayCell(day: day, note: note, selected: true);
|
||||
},
|
||||
todayBuilder: (context, day, focusedDay) {
|
||||
final note = notes[_normalizeDay(day)];
|
||||
return _CalendarDayCell(day: day, note: note, selected: false, today: true);
|
||||
},
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
TextField(
|
||||
controller: noteController,
|
||||
maxLines: 2,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Texto del día',
|
||||
border: OutlineInputBorder(),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
SizedBox(
|
||||
width: double.infinity,
|
||||
child: FilledButton(
|
||||
onPressed: onSaveNote,
|
||||
child: const Text('Guardar texto y resaltar casilla'),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Text(
|
||||
selectedNormalized == null
|
||||
? 'Selecciona un día para escribir.'
|
||||
: 'Día seleccionado: ${selectedNormalized.day}/${selectedNormalized.month}/${selectedNormalized.year}',
|
||||
style: TextStyle(color: Colors.grey.shade700),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _CalendarDayCell extends StatelessWidget {
|
||||
const _CalendarDayCell({
|
||||
required this.day,
|
||||
required this.note,
|
||||
required this.selected,
|
||||
this.today = false,
|
||||
});
|
||||
|
||||
final DateTime day;
|
||||
final String? note;
|
||||
final bool selected;
|
||||
final bool today;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final backgroundColor = selected
|
||||
? Colors.teal.shade700
|
||||
: today
|
||||
? Colors.teal.shade100
|
||||
: Colors.white;
|
||||
|
||||
return Container(
|
||||
margin: const EdgeInsets.all(4),
|
||||
padding: const EdgeInsets.all(6),
|
||||
decoration: BoxDecoration(
|
||||
color: backgroundColor,
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
border: Border.all(color: note == null ? Colors.grey.shade300 : Colors.teal),
|
||||
),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
'${day.day}',
|
||||
style: TextStyle(
|
||||
color: selected ? Colors.white : Colors.black,
|
||||
fontWeight: FontWeight.w800,
|
||||
),
|
||||
),
|
||||
if (note != null) ...[
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
note!,
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(
|
||||
fontSize: 10,
|
||||
color: selected ? Colors.white : Colors.teal.shade900,
|
||||
fontWeight: FontWeight.w700,
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _NotificationsSection extends StatelessWidget {
|
||||
const _NotificationsSection({required this.notifications});
|
||||
|
||||
final List<_AppNotification> notifications;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
color: const Color(0xFFF8FAFC),
|
||||
child: ListView.builder(
|
||||
padding: const EdgeInsets.all(16),
|
||||
itemCount: notifications.isEmpty ? 1 : notifications.length,
|
||||
itemBuilder: (context, index) {
|
||||
if (notifications.isEmpty) {
|
||||
return const Center(
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(top: 48),
|
||||
child: Text('Aquí aparecerán las notificaciones.'),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
final notification = notifications[index];
|
||||
return Card(
|
||||
margin: const EdgeInsets.only(bottom: 12),
|
||||
child: ListTile(
|
||||
leading: const Icon(Icons.notifications_active, color: Colors.teal),
|
||||
title: Text(notification.message),
|
||||
subtitle: Text(
|
||||
'${notification.timestamp.hour.toString().padLeft(2, '0')}:${notification.timestamp.minute.toString().padLeft(2, '0')}',
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _DataSection extends StatelessWidget {
|
||||
const _DataSection({
|
||||
required this.session,
|
||||
required this.loadingAddresses,
|
||||
required this.addressesError,
|
||||
required this.addresses,
|
||||
required this.houseNumberController,
|
||||
required this.coloniaController,
|
||||
required this.streetController,
|
||||
required this.onSaveAddress,
|
||||
});
|
||||
|
||||
final AuthSession session;
|
||||
final bool loadingAddresses;
|
||||
final String? addressesError;
|
||||
final List<AddressRecord> addresses;
|
||||
final TextEditingController houseNumberController;
|
||||
final TextEditingController coloniaController;
|
||||
final TextEditingController streetController;
|
||||
final Future<void> Function() onSaveAddress;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
color: const Color(0xFFF8FAFC),
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: ListView(
|
||||
children: [
|
||||
Card(
|
||||
elevation: 8,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text('Datos de la cuenta', style: Theme.of(context).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.w800)),
|
||||
const SizedBox(height: 12),
|
||||
_ProfileRow(label: 'Nombre', value: session.displayName),
|
||||
_ProfileRow(label: 'Correo', value: session.email),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Card(
|
||||
elevation: 8,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text('Agregar otra dirección', style: Theme.of(context).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.w800)),
|
||||
const SizedBox(height: 12),
|
||||
TextField(
|
||||
controller: houseNumberController,
|
||||
decoration: const InputDecoration(labelText: 'Número de casa', border: OutlineInputBorder()),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
TextField(
|
||||
controller: coloniaController,
|
||||
decoration: const InputDecoration(labelText: 'Colonia', border: OutlineInputBorder()),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
TextField(
|
||||
controller: streetController,
|
||||
decoration: const InputDecoration(labelText: 'Calle', border: OutlineInputBorder()),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
SizedBox(
|
||||
width: double.infinity,
|
||||
child: FilledButton.icon(
|
||||
onPressed: onSaveAddress,
|
||||
icon: const Icon(Icons.add_location_alt_outlined),
|
||||
label: const Text('Guardar nueva dirección'),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Card(
|
||||
elevation: 8,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text('Direcciones registradas', style: Theme.of(context).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.w800)),
|
||||
const SizedBox(height: 12),
|
||||
if (loadingAddresses) const Center(child: CircularProgressIndicator()),
|
||||
if (addressesError != null) Text(addressesError!, style: const TextStyle(color: Colors.red)),
|
||||
if (!loadingAddresses && addresses.isEmpty)
|
||||
const Text('Todavía no hay direcciones registradas.'),
|
||||
if (addresses.isNotEmpty)
|
||||
...addresses.map(
|
||||
(address) => Card(
|
||||
margin: const EdgeInsets.only(bottom: 12),
|
||||
child: ListTile(
|
||||
leading: const Icon(Icons.home_work_outlined, color: Colors.teal),
|
||||
title: Text('Casa ${address.houseNumber}'),
|
||||
subtitle: Text('${address.colonia}, ${address.street}'),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _ProfileRow extends StatelessWidget {
|
||||
const _ProfileRow({required this.label, required this.value});
|
||||
|
||||
final String label;
|
||||
final String value;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(bottom: 8),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
SizedBox(width: 90, child: Text(label, style: const TextStyle(fontWeight: FontWeight.w700))),
|
||||
Expanded(child: Text(value)),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _AppNotification {
|
||||
_AppNotification({required this.message, required this.timestamp});
|
||||
|
||||
final String message;
|
||||
final DateTime timestamp;
|
||||
}
|
||||
|
||||
class _NoticeBanner extends StatelessWidget {
|
||||
const _NoticeBanner({required this.message});
|
||||
|
||||
final String message;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
padding: const EdgeInsets.all(14),
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xFFE0F2FE),
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: Border.all(color: const Color(0xFF7DD3FC)),
|
||||
),
|
||||
child: Text(message, style: const TextStyle(color: Color(0xFF075985))),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user