Compare commits
19 Commits
main
...
feature/ad
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
473b871ed5 | ||
|
|
6667ec4c5d | ||
|
|
c0b88fea86 | ||
|
|
88532b43e7 | ||
|
|
1f2d162c34 | ||
|
|
e10bb97afb | ||
|
|
36c04582f3 | ||
|
|
2d56d6de0d | ||
|
|
8df86daf25 | ||
|
|
7cf5f13d88 | ||
|
|
04d56e18c6 | ||
|
|
fa60bb0dcc | ||
|
|
f24087b134 | ||
|
|
28b7820641 | ||
|
|
bdde457b45 | ||
|
|
df7b74063b | ||
|
|
6012674aa5 | ||
|
|
2304507670 | ||
|
|
3b5f4b47c3 |
181
lib/main.dart
181
lib/main.dart
@@ -1,121 +1,126 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
import 'src/views/rutas.dart';
|
||||||
|
import 'src/views/login.dart';
|
||||||
|
import 'src/views/home_screen.dart';
|
||||||
|
import 'src/services/notification_service.dart'; // ← AGREGAR
|
||||||
|
|
||||||
void main() {
|
void main() async { // ← CAMBIAR a async
|
||||||
|
WidgetsFlutterBinding.ensureInitialized();
|
||||||
|
await NotificationService.initialize(); // ← AGREGAR await
|
||||||
runApp(const MyApp());
|
runApp(const MyApp());
|
||||||
}
|
}
|
||||||
|
|
||||||
class MyApp extends StatelessWidget {
|
class MyApp extends StatelessWidget {
|
||||||
const MyApp({super.key});
|
const MyApp({super.key});
|
||||||
|
|
||||||
// This widget is the root of your application.
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return MaterialApp(
|
return MaterialApp(
|
||||||
title: 'Flutter Demo',
|
debugShowCheckedModeBanner: false,
|
||||||
|
title: 'Hackaton App',
|
||||||
theme: ThemeData(
|
theme: ThemeData(
|
||||||
// This is the theme of your application.
|
fontFamily: 'Roboto',
|
||||||
//
|
scaffoldBackgroundColor: colorAzul,
|
||||||
// TRY THIS: Try running your application with "flutter run". You'll see
|
|
||||||
// the application has a purple toolbar. Then, without quitting the app,
|
|
||||||
// try changing the seedColor in the colorScheme below to Colors.green
|
|
||||||
// and then invoke "hot reload" (save your changes or press the "hot
|
|
||||||
// reload" button in a Flutter-supported IDE, or press "r" if you used
|
|
||||||
// the command line to start the app).
|
|
||||||
//
|
|
||||||
// Notice that the counter didn't reset back to zero; the application
|
|
||||||
// state is not lost during the reload. To reset the state, use hot
|
|
||||||
// restart instead.
|
|
||||||
//
|
|
||||||
// This works for code too, not just values: Most code changes can be
|
|
||||||
// tested with just a hot reload.
|
|
||||||
colorScheme: .fromSeed(seedColor: Colors.deepPurple),
|
|
||||||
),
|
),
|
||||||
home: const MyHomePage(title: 'Flutter Demo Home Page'),
|
home: const RegistroView(),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
class MyHomePage extends StatefulWidget {
|
class RegistroView extends StatelessWidget {
|
||||||
const MyHomePage({super.key, required this.title});
|
const RegistroView({super.key});
|
||||||
|
|
||||||
// This widget is the home page of your application. It is stateful, meaning
|
final Color colorAzul = const Color(0xFF0F0D38);
|
||||||
// that it has a State object (defined below) that contains fields that affect
|
final Color colorVerde = const Color(0xFF2E4D31);
|
||||||
// how it looks.
|
|
||||||
|
|
||||||
// This class is the configuration for the state. It holds the values (in this
|
|
||||||
// case the title) provided by the parent (in this case the App widget) and
|
|
||||||
// used by the build method of the State. Fields in a Widget subclass are
|
|
||||||
// always marked "final".
|
|
||||||
|
|
||||||
final String title;
|
|
||||||
|
|
||||||
@override
|
|
||||||
State<MyHomePage> createState() => _MyHomePageState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _MyHomePageState extends State<MyHomePage> {
|
|
||||||
int _counter = 0;
|
|
||||||
|
|
||||||
void _incrementCounter() {
|
|
||||||
setState(() {
|
|
||||||
// This call to setState tells the Flutter framework that something has
|
|
||||||
// changed in this State, which causes it to rerun the build method below
|
|
||||||
// so that the display can reflect the updated values. If we changed
|
|
||||||
// _counter without calling setState(), then the build method would not be
|
|
||||||
// called again, and so nothing would appear to happen.
|
|
||||||
_counter++;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
// This method is rerun every time setState is called, for instance as done
|
|
||||||
// by the _incrementCounter method above.
|
|
||||||
//
|
|
||||||
// The Flutter framework has been optimized to make rerunning build methods
|
|
||||||
// fast, so that you can just rebuild anything that needs updating rather
|
|
||||||
// than having to individually change instances of widgets.
|
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
|
backgroundColor: Colors.white,
|
||||||
appBar: AppBar(
|
appBar: AppBar(
|
||||||
// TRY THIS: Try changing the color here to a specific color (to
|
backgroundColor: colorAzul,
|
||||||
// Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
|
title: const Text('Registro',
|
||||||
// change color while the other colors stay the same.
|
style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 28)),
|
||||||
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
|
centerTitle: true,
|
||||||
// Here we take the value from the MyHomePage object that was created by
|
|
||||||
// the App.build method, and use it to set our appbar title.
|
|
||||||
title: Text(widget.title),
|
|
||||||
),
|
),
|
||||||
body: Center(
|
body: SingleChildScrollView(
|
||||||
// Center is a layout widget. It takes a single child and positions it
|
padding: const EdgeInsets.all(30.0),
|
||||||
// in the middle of the parent.
|
|
||||||
child: Column(
|
child: Column(
|
||||||
// Column is also a layout widget. It takes a list of children and
|
|
||||||
// arranges them vertically. By default, it sizes itself to fit its
|
|
||||||
// children horizontally, and tries to be as tall as its parent.
|
|
||||||
//
|
|
||||||
// Column has various properties to control how it sizes itself and
|
|
||||||
// how it positions its children. Here we use mainAxisAlignment to
|
|
||||||
// center the children vertically; the main axis here is the vertical
|
|
||||||
// axis because Columns are vertical (the cross axis would be
|
|
||||||
// horizontal).
|
|
||||||
//
|
|
||||||
// TRY THIS: Invoke "debug painting" (choose the "Toggle Debug Paint"
|
|
||||||
// action in the IDE, or press "p" in the console), to see the
|
|
||||||
// wireframe for each widget.
|
|
||||||
mainAxisAlignment: .center,
|
|
||||||
children: [
|
children: [
|
||||||
const Text('You have pushed the button this many times:'),
|
const SizedBox(height: 20),
|
||||||
Text(
|
_buildInput(Icons.person_outline, 'Nombre Completo'),
|
||||||
'$_counter',
|
_buildInput(Icons.email_outlined, 'Correo'),
|
||||||
style: Theme.of(context).textTheme.headlineMedium,
|
_buildInput(Icons.lock_outline, 'Contraseña'),
|
||||||
|
const SizedBox(height: 50),
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||||
|
children: [
|
||||||
|
ElevatedButton(
|
||||||
|
style: ElevatedButton.styleFrom(
|
||||||
|
backgroundColor: colorAzul,
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 15),
|
||||||
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15))
|
||||||
),
|
),
|
||||||
|
onPressed: () {
|
||||||
|
// ✅ Navegar a HomeScreen (única barra de navegación)
|
||||||
|
Navigator.pushReplacement(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(builder: (context) => const HomeScreen()),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
child: const Text('Registrar', style: TextStyle(color: Colors.white, fontSize: 18)),
|
||||||
|
),
|
||||||
|
ElevatedButton(
|
||||||
|
style: ElevatedButton.styleFrom(
|
||||||
|
backgroundColor: colorAzul,
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 15),
|
||||||
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15))
|
||||||
|
),
|
||||||
|
onPressed: () {
|
||||||
|
// Navegar a LoginView
|
||||||
|
Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(builder: (context) => const LoginView()),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
child: const Text('¿Tienes cuenta?', style: TextStyle(color: Colors.white, fontSize: 18)),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
)
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
floatingActionButton: FloatingActionButton(
|
);
|
||||||
onPressed: _incrementCounter,
|
}
|
||||||
tooltip: 'Increment',
|
|
||||||
child: const Icon(Icons.add),
|
Widget _buildInput(IconData icon, String hint) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 15),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.all(10),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
border: Border.all(color: Colors.black, width: 2),
|
||||||
|
),
|
||||||
|
child: Icon(icon, size: 40, color: Colors.black),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 15),
|
||||||
|
Expanded(
|
||||||
|
child: TextField(
|
||||||
|
decoration: InputDecoration(
|
||||||
|
hintText: hint,
|
||||||
|
hintStyle: TextStyle(color: colorVerde.withOpacity(0.5), fontWeight: FontWeight.bold, fontSize: 22),
|
||||||
|
contentPadding: const EdgeInsets.symmetric(horizontal: 20, vertical: 15),
|
||||||
|
enabledBorder: OutlineInputBorder(
|
||||||
|
borderRadius: BorderRadius.circular(30),
|
||||||
|
borderSide: BorderSide(color: colorVerde, width: 4),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
40
lib/src/data/horarios_data.dart
Normal file
40
lib/src/data/horarios_data.dart
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
// src/data/horarios_data.dart
|
||||||
|
class HorarioInfo {
|
||||||
|
final String colonia;
|
||||||
|
final String routeId;
|
||||||
|
final String horarioEstimado;
|
||||||
|
|
||||||
|
HorarioInfo({
|
||||||
|
required this.colonia,
|
||||||
|
required this.routeId,
|
||||||
|
required this.horarioEstimado,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
final List<HorarioInfo> horariosBase = [
|
||||||
|
HorarioInfo(colonia: 'Zona Centro', routeId: 'RUTA-01', horarioEstimado: '06:30'),
|
||||||
|
HorarioInfo(colonia: 'Las Arboledas', routeId: 'RUTA-01', horarioEstimado: '07:00'),
|
||||||
|
HorarioInfo(colonia: 'Trojes', routeId: 'RUTA-13', horarioEstimado: '06:40'),
|
||||||
|
HorarioInfo(colonia: 'San Juanico', routeId: 'RUTA-03', horarioEstimado: '06:45'),
|
||||||
|
HorarioInfo(colonia: 'Los Olivos', routeId: 'RUTA-04', horarioEstimado: '07:00'),
|
||||||
|
HorarioInfo(colonia: 'Rancho Seco', routeId: 'RUTA-05', horarioEstimado: '14:15'),
|
||||||
|
HorarioInfo(colonia: 'Las Insurgentes', routeId: 'RUTA-12', horarioEstimado: '06:35'),
|
||||||
|
];
|
||||||
|
|
||||||
|
// Obtener horario por nombre de colonia
|
||||||
|
String getHorarioByColonia(String colonia) {
|
||||||
|
final found = horariosBase.firstWhere(
|
||||||
|
(h) => h.colonia.toLowerCase() == colonia.toLowerCase(),
|
||||||
|
orElse: () => HorarioInfo(colonia: '', routeId: '', horarioEstimado: '08:00'),
|
||||||
|
);
|
||||||
|
return found.horarioEstimado;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Obtener routeId por nombre de colonia
|
||||||
|
String getRouteIdByColonia(String colonia) {
|
||||||
|
final found = horariosBase.firstWhere(
|
||||||
|
(h) => h.colonia.toLowerCase() == colonia.toLowerCase(),
|
||||||
|
orElse: () => HorarioInfo(colonia: '', routeId: 'RUTA-00', horarioEstimado: '08:00'),
|
||||||
|
);
|
||||||
|
return found.routeId;
|
||||||
|
}
|
||||||
64
lib/src/models/domicilio_model.dart
Normal file
64
lib/src/models/domicilio_model.dart
Normal file
@@ -0,0 +1,64 @@
|
|||||||
|
// src/models/domicilio_model.dart
|
||||||
|
import 'dart:convert';
|
||||||
|
import '../data/horarios_data.dart';
|
||||||
|
|
||||||
|
class Domicilio {
|
||||||
|
final String id;
|
||||||
|
final String nombre;
|
||||||
|
final String colonia;
|
||||||
|
final String calle;
|
||||||
|
final String numero;
|
||||||
|
final double latitud;
|
||||||
|
final double longitud;
|
||||||
|
final String horarioEstimado;
|
||||||
|
final String routeId;
|
||||||
|
|
||||||
|
Domicilio({
|
||||||
|
required this.id,
|
||||||
|
required this.nombre,
|
||||||
|
required this.colonia,
|
||||||
|
required this.calle,
|
||||||
|
required this.numero,
|
||||||
|
required this.latitud,
|
||||||
|
required this.longitud,
|
||||||
|
required this.horarioEstimado,
|
||||||
|
required this.routeId,
|
||||||
|
});
|
||||||
|
|
||||||
|
String get direccionCompleta => '$colonia, $calle $numero';
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() => {
|
||||||
|
'id': id,
|
||||||
|
'nombre': nombre,
|
||||||
|
'colonia': colonia,
|
||||||
|
'calle': calle,
|
||||||
|
'numero': numero,
|
||||||
|
'latitud': latitud,
|
||||||
|
'longitud': longitud,
|
||||||
|
'horarioEstimado': horarioEstimado,
|
||||||
|
'routeId': routeId,
|
||||||
|
};
|
||||||
|
|
||||||
|
factory Domicilio.fromJson(Map<String, dynamic> json) {
|
||||||
|
return Domicilio(
|
||||||
|
id: json['id'],
|
||||||
|
nombre: json['nombre'],
|
||||||
|
colonia: json['colonia'],
|
||||||
|
calle: json['calle'],
|
||||||
|
numero: json['numero'],
|
||||||
|
latitud: (json['latitud'] as num).toDouble(),
|
||||||
|
longitud: (json['longitud'] as num).toDouble(),
|
||||||
|
horarioEstimado: json['horarioEstimado'] ?? getHorarioByColonia(json['colonia']),
|
||||||
|
routeId: json['routeId'] ?? getRouteIdByColonia(json['colonia']),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
static String encode(List<Domicilio> domicilios) {
|
||||||
|
return json.encode(domicilios.map((d) => d.toJson()).toList());
|
||||||
|
}
|
||||||
|
|
||||||
|
static List<Domicilio> decode(String domiciliosString) {
|
||||||
|
final List<dynamic> data = json.decode(domiciliosString);
|
||||||
|
return data.map((item) => Domicilio.fromJson(item)).toList();
|
||||||
|
}
|
||||||
|
}
|
||||||
72
lib/src/services/geolocation_service.dart
Normal file
72
lib/src/services/geolocation_service.dart
Normal file
@@ -0,0 +1,72 @@
|
|||||||
|
// src/services/geolocation_service.dart
|
||||||
|
import 'package:geolocator/geolocator.dart';
|
||||||
|
|
||||||
|
class SimplePosition {
|
||||||
|
final double latitude;
|
||||||
|
final double longitude;
|
||||||
|
final DateTime timestamp;
|
||||||
|
|
||||||
|
SimplePosition({
|
||||||
|
required this.latitude,
|
||||||
|
required this.longitude,
|
||||||
|
required this.timestamp,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
class GeolocationService {
|
||||||
|
static Future<bool> isLocationServiceEnabled() async {
|
||||||
|
return await Geolocator.isLocationServiceEnabled();
|
||||||
|
}
|
||||||
|
|
||||||
|
static Future<LocationPermission> checkPermission() async {
|
||||||
|
return await Geolocator.checkPermission();
|
||||||
|
}
|
||||||
|
|
||||||
|
static Future<LocationPermission> requestPermission() async {
|
||||||
|
return await Geolocator.requestPermission();
|
||||||
|
}
|
||||||
|
|
||||||
|
static Future<bool> hasPermission() async {
|
||||||
|
LocationPermission permission = await Geolocator.checkPermission();
|
||||||
|
return permission == LocationPermission.always ||
|
||||||
|
permission == LocationPermission.whileInUse;
|
||||||
|
}
|
||||||
|
|
||||||
|
static Future<SimplePosition?> getCurrentLocation() async {
|
||||||
|
try {
|
||||||
|
bool serviceEnabled = await Geolocator.isLocationServiceEnabled();
|
||||||
|
if (!serviceEnabled) return null;
|
||||||
|
|
||||||
|
LocationPermission permission = await Geolocator.checkPermission();
|
||||||
|
if (permission == LocationPermission.denied) {
|
||||||
|
permission = await Geolocator.requestPermission();
|
||||||
|
if (permission == LocationPermission.denied) return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (permission == LocationPermission.deniedForever) return null;
|
||||||
|
|
||||||
|
Position position = await Geolocator.getCurrentPosition(
|
||||||
|
desiredAccuracy: LocationAccuracy.low,
|
||||||
|
timeLimit: const Duration(seconds: 5),
|
||||||
|
);
|
||||||
|
|
||||||
|
return SimplePosition(
|
||||||
|
latitude: position.latitude,
|
||||||
|
longitude: position.longitude,
|
||||||
|
timestamp: position.timestamp,
|
||||||
|
);
|
||||||
|
} catch (e) {
|
||||||
|
print('Error: $e');
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static Future<SimplePosition?> getCurrentLocationWithRetry({int maxRetries = 2}) async {
|
||||||
|
for (int i = 0; i < maxRetries; i++) {
|
||||||
|
final position = await getCurrentLocation();
|
||||||
|
if (position != null) return position;
|
||||||
|
if (i < maxRetries - 1) await Future.delayed(const Duration(seconds: 1));
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
43
lib/src/services/notification_service.dart
Normal file
43
lib/src/services/notification_service.dart
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
// src/services/notification_service.dart
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_local_notifications/flutter_local_notifications.dart';
|
||||||
|
|
||||||
|
class NotificationService {
|
||||||
|
static final FlutterLocalNotificationsPlugin _notifications = FlutterLocalNotificationsPlugin();
|
||||||
|
|
||||||
|
static Future<void> initialize() async {
|
||||||
|
const AndroidInitializationSettings androidSettings = AndroidInitializationSettings('@mipmap/ic_launcher');
|
||||||
|
const DarwinInitializationSettings iosSettings = DarwinInitializationSettings();
|
||||||
|
const InitializationSettings settings = InitializationSettings(
|
||||||
|
android: androidSettings,
|
||||||
|
iOS: iosSettings,
|
||||||
|
);
|
||||||
|
await _notifications.initialize(settings);
|
||||||
|
}
|
||||||
|
|
||||||
|
static Future<void> showNotification({
|
||||||
|
required String title,
|
||||||
|
required String body,
|
||||||
|
String? payload,
|
||||||
|
}) async {
|
||||||
|
const AndroidNotificationDetails androidDetails = AndroidNotificationDetails(
|
||||||
|
'recoleccion_channel',
|
||||||
|
'Notificaciones de Recolección',
|
||||||
|
channelDescription: 'Notificaciones sobre el estado de la recolección',
|
||||||
|
importance: Importance.high,
|
||||||
|
priority: Priority.high,
|
||||||
|
);
|
||||||
|
const DarwinNotificationDetails iosDetails = DarwinNotificationDetails();
|
||||||
|
const NotificationDetails details = NotificationDetails(
|
||||||
|
android: androidDetails,
|
||||||
|
iOS: iosDetails,
|
||||||
|
);
|
||||||
|
await _notifications.show(
|
||||||
|
DateTime.now().millisecond,
|
||||||
|
title,
|
||||||
|
body,
|
||||||
|
details,
|
||||||
|
payload: payload,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
233
lib/src/views/admin.dart
Normal file
233
lib/src/views/admin.dart
Normal file
@@ -0,0 +1,233 @@
|
|||||||
|
// src/views/admin.dart
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:shared_preferences/shared_preferences.dart';
|
||||||
|
import 'rutas.dart';
|
||||||
|
import '../services/notification_service.dart';
|
||||||
|
|
||||||
|
class AdminView extends StatefulWidget {
|
||||||
|
const AdminView({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<AdminView> createState() => _AdminViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _AdminViewState extends State<AdminView> {
|
||||||
|
bool _camionActivo = true;
|
||||||
|
String _rutaActual = 'RUTA-01 - Zona Centro';
|
||||||
|
String _horaActual = _getHoraActual();
|
||||||
|
final TextEditingController _minutosController = TextEditingController();
|
||||||
|
int _minutosRetraso = 0;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_actualizarHora();
|
||||||
|
_cargarEstado();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_minutosController.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _cargarEstado() async {
|
||||||
|
final prefs = await SharedPreferences.getInstance();
|
||||||
|
setState(() {
|
||||||
|
_camionActivo = !(prefs.getBool('ruta_suspendida') ?? false);
|
||||||
|
_minutosRetraso = prefs.getInt('retraso_minutos') ?? 0;
|
||||||
|
_minutosController.text = _minutosRetraso.toString();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
static String _getHoraActual() {
|
||||||
|
final now = DateTime.now();
|
||||||
|
int hora = now.hour > 12 ? now.hour - 12 : now.hour;
|
||||||
|
if (hora == 0) hora = 12;
|
||||||
|
final minuto = now.minute.toString().padLeft(2, '0');
|
||||||
|
final periodo = now.hour >= 12 ? 'PM' : 'AM';
|
||||||
|
return '$hora:$minuto $periodo';
|
||||||
|
}
|
||||||
|
|
||||||
|
void _actualizarHora() {
|
||||||
|
Future.delayed(const Duration(seconds: 1), () {
|
||||||
|
if (mounted) {
|
||||||
|
setState(() {
|
||||||
|
_horaActual = _getHoraActual();
|
||||||
|
});
|
||||||
|
_actualizarHora();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void _incrementarMinutos() {
|
||||||
|
setState(() {
|
||||||
|
_minutosRetraso++;
|
||||||
|
_minutosController.text = _minutosRetraso.toString();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void _decrementarMinutos() {
|
||||||
|
if (_minutosRetraso > 0) {
|
||||||
|
setState(() {
|
||||||
|
_minutosRetraso--;
|
||||||
|
_minutosController.text = _minutosRetraso.toString();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _notificarRetraso() async {
|
||||||
|
if (_minutosRetraso == 0) {
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
const SnackBar(content: Text('Ingresa los minutos de retraso'), backgroundColor: Colors.orange),
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
final prefs = await SharedPreferences.getInstance();
|
||||||
|
await prefs.setInt('retraso_minutos', _minutosRetraso);
|
||||||
|
|
||||||
|
await NotificationService.showNotification(
|
||||||
|
title: '⏰ Retraso en la ruta',
|
||||||
|
body: 'El camión ha sufrido un retraso de $_minutosRetraso minutos en todas las rutas.',
|
||||||
|
);
|
||||||
|
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
SnackBar(content: Text('Retraso de $_minutosRetraso minutos aplicado'), backgroundColor: Colors.orange),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _suspenderRuta() async {
|
||||||
|
final prefs = await SharedPreferences.getInstance();
|
||||||
|
final nuevaSuspension = !_camionActivo;
|
||||||
|
|
||||||
|
await prefs.setBool('ruta_suspendida', nuevaSuspension);
|
||||||
|
|
||||||
|
if (nuevaSuspension) {
|
||||||
|
await NotificationService.showNotification(
|
||||||
|
title: '⛔ Ruta suspendida',
|
||||||
|
body: 'El servicio de recolección ha sido suspendido por hoy.',
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
await prefs.remove('retraso_minutos');
|
||||||
|
await NotificationService.showNotification(
|
||||||
|
title: '✅ Ruta reactivada',
|
||||||
|
body: 'El servicio de recolección ha sido reactivado.',
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
setState(() {
|
||||||
|
_camionActivo = !_camionActivo;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: Colors.white,
|
||||||
|
appBar: AppBar(
|
||||||
|
backgroundColor: colorAzul,
|
||||||
|
title: const Text('Administración', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 28)),
|
||||||
|
centerTitle: true,
|
||||||
|
leading: IconButton(
|
||||||
|
icon: const Icon(Icons.arrow_back, color: Colors.white, size: 30),
|
||||||
|
onPressed: () => Navigator.pop(context),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
body: SingleChildScrollView(
|
||||||
|
padding: const EdgeInsets.all(20),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
_buildEstadoCamion(),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
_buildInfoRuta(),
|
||||||
|
const SizedBox(height: 30),
|
||||||
|
const Divider(thickness: 2, color: Colors.grey),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
const Text('RETRASAR RUTA', style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold, color: colorAzul)),
|
||||||
|
const SizedBox(height: 15),
|
||||||
|
_buildSelectorMinutos(),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
ElevatedButton(
|
||||||
|
onPressed: _notificarRetraso,
|
||||||
|
style: ElevatedButton.styleFrom(backgroundColor: Colors.orange, minimumSize: const Size(double.infinity, 50), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15))),
|
||||||
|
child: const Text('NOTIFICAR RETRASO', style: TextStyle(color: Colors.white, fontSize: 16, fontWeight: FontWeight.bold)),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 30),
|
||||||
|
ElevatedButton(
|
||||||
|
onPressed: _suspenderRuta,
|
||||||
|
style: ElevatedButton.styleFrom(backgroundColor: _camionActivo ? Colors.red : Colors.green, minimumSize: const Size(double.infinity, 55), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15))),
|
||||||
|
child: Text(_camionActivo ? 'SUSPENDER RUTA' : 'REACTIVAR RUTA', style: const TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold)),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildEstadoCamion() {
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.all(15),
|
||||||
|
decoration: BoxDecoration(border: Border.all(color: Colors.black, width: 4), borderRadius: BorderRadius.circular(25)),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Icon(Icons.local_shipping, size: 60, color: _camionActivo ? Colors.green : Colors.red),
|
||||||
|
const SizedBox(width: 15),
|
||||||
|
Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
const Text('Estado del camión', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w500)),
|
||||||
|
const SizedBox(height: 4),
|
||||||
|
Text(_camionActivo ? 'ACTIVO' : 'INACTIVO', style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold, color: _camionActivo ? Colors.green : Colors.red)),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildInfoRuta() {
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.all(15),
|
||||||
|
decoration: BoxDecoration(border: Border.all(color: Colors.black, width: 4), borderRadius: BorderRadius.circular(25)),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
const Icon(Icons.route, size: 40),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Expanded(child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [const Text('Ruta actual', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500)), Text(_rutaActual, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold))])),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 15),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
const Icon(Icons.access_time, size: 40),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Expanded(child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [const Text('Hora actual', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500)), Text(_horaActual, style: const TextStyle(fontSize: 22, fontWeight: FontWeight.bold, color: colorAzul))])),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildSelectorMinutos() {
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.all(15),
|
||||||
|
decoration: BoxDecoration(border: Border.all(color: Colors.black, width: 4), borderRadius: BorderRadius.circular(25)),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
IconButton(onPressed: _decrementarMinutos, icon: const Icon(Icons.remove_circle, size: 50), color: colorAzul),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
SizedBox(width: 80, child: TextField(controller: _minutosController, keyboardType: TextInputType.number, textAlign: TextAlign.center, style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold), decoration: const InputDecoration(border: OutlineInputBorder(), hintText: '0'), onChanged: (value) { setState(() { _minutosRetraso = int.tryParse(value) ?? 0; }); })),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
IconButton(onPressed: _incrementarMinutos, icon: const Icon(Icons.add_circle, size: 50), color: colorAzul),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
const Text('min', style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
346
lib/src/views/configuracion.dart
Normal file
346
lib/src/views/configuracion.dart
Normal file
@@ -0,0 +1,346 @@
|
|||||||
|
import 'dart:async';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:shared_preferences/shared_preferences.dart';
|
||||||
|
import 'rutas.dart';
|
||||||
|
import 'admin.dart';
|
||||||
|
import '../services/notification_service.dart';
|
||||||
|
|
||||||
|
class ConfiguracionView extends StatefulWidget {
|
||||||
|
const ConfiguracionView({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<ConfiguracionView> createState() => _ConfiguracionViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ConfiguracionViewState extends State<ConfiguracionView> {
|
||||||
|
String selectedOption = '7 días';
|
||||||
|
bool _isLoading = true;
|
||||||
|
|
||||||
|
// Para el botón secreto de Admin
|
||||||
|
int _secretTapCount = 0;
|
||||||
|
Timer? _resetTimer;
|
||||||
|
|
||||||
|
// Para el botón secreto de notificación de prueba (3 taps en el texto de ayuda)
|
||||||
|
int _testNotificationTapCount = 0;
|
||||||
|
Timer? _testResetTimer;
|
||||||
|
|
||||||
|
final List<String> opciones = [
|
||||||
|
'Cada día',
|
||||||
|
'Cada 3 días',
|
||||||
|
'Cada semana',
|
||||||
|
'Cada quincena',
|
||||||
|
];
|
||||||
|
|
||||||
|
final Map<String, String> opcionesMap = {
|
||||||
|
'Cada día': '1 día',
|
||||||
|
'Cada 3 días': '3 días',
|
||||||
|
'Cada semana': '7 días',
|
||||||
|
'Cada quincena': '15 días',
|
||||||
|
};
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_cargarPreferencia();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_resetTimer?.cancel();
|
||||||
|
_testResetTimer?.cancel();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _cargarPreferencia() async {
|
||||||
|
try {
|
||||||
|
final prefs = await SharedPreferences.getInstance();
|
||||||
|
final String? savedOption = prefs.getString('notificacion_frecuencia');
|
||||||
|
|
||||||
|
setState(() {
|
||||||
|
if (savedOption != null && opciones.contains(savedOption)) {
|
||||||
|
selectedOption = savedOption;
|
||||||
|
}
|
||||||
|
_isLoading = false;
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
setState(() {
|
||||||
|
_isLoading = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _guardarPreferencia(String value) async {
|
||||||
|
try {
|
||||||
|
final prefs = await SharedPreferences.getInstance();
|
||||||
|
await prefs.setString('notificacion_frecuencia', value);
|
||||||
|
|
||||||
|
if (mounted) {
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
SnackBar(
|
||||||
|
content: Text('Notificaciones: $value'),
|
||||||
|
backgroundColor: colorAzul,
|
||||||
|
duration: const Duration(seconds: 1),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
print('Error al guardar preferencia: $e');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _mostrarSelector() {
|
||||||
|
showModalBottomSheet(
|
||||||
|
context: context,
|
||||||
|
shape: const RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
|
||||||
|
),
|
||||||
|
builder: (BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.all(20),
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
const Text(
|
||||||
|
'Frecuencia de notificaciones',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 20,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
color: colorAzul,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
...opciones.map((opcion) {
|
||||||
|
return ListTile(
|
||||||
|
leading: Icon(
|
||||||
|
selectedOption == opcion ? Icons.radio_button_checked : Icons.radio_button_unchecked,
|
||||||
|
color: colorAzul,
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
opcion,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 18,
|
||||||
|
fontWeight: selectedOption == opcion ? FontWeight.bold : FontWeight.normal,
|
||||||
|
color: selectedOption == opcion ? colorAzul : Colors.black87,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
trailing: Text(
|
||||||
|
opcionesMap[opcion]!,
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
color: Colors.grey,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
selectedOption = opcion;
|
||||||
|
});
|
||||||
|
_guardarPreferencia(opcion);
|
||||||
|
Navigator.pop(context);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 🔥 BOTÓN SECRETO 1: Tocar el ícono 5 veces para Admin
|
||||||
|
void _onSecretTap() {
|
||||||
|
_secretTapCount++;
|
||||||
|
|
||||||
|
_resetTimer?.cancel();
|
||||||
|
_resetTimer = Timer(const Duration(milliseconds: 1500), () {
|
||||||
|
_secretTapCount = 0;
|
||||||
|
print('🔐 Contador Admin reiniciado');
|
||||||
|
});
|
||||||
|
|
||||||
|
print('🔐 Taps Admin: $_secretTapCount/5');
|
||||||
|
|
||||||
|
if (_secretTapCount >= 5) {
|
||||||
|
_resetTimer?.cancel();
|
||||||
|
_secretTapCount = 0;
|
||||||
|
|
||||||
|
Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(builder: (context) => const AdminView()),
|
||||||
|
);
|
||||||
|
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
const SnackBar(
|
||||||
|
content: Text('🔐 Modo administrador activado'),
|
||||||
|
backgroundColor: Colors.green,
|
||||||
|
duration: Duration(seconds: 2),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 🔥 BOTÓN SECRETO 2: Tocar el texto de ayuda 3 veces para notificación de prueba
|
||||||
|
void _onTestNotificationTap() {
|
||||||
|
_testNotificationTapCount++;
|
||||||
|
|
||||||
|
_testResetTimer?.cancel();
|
||||||
|
_testResetTimer = Timer(const Duration(milliseconds: 1500), () {
|
||||||
|
_testNotificationTapCount = 0;
|
||||||
|
print('🔐 Contador Notificacion reiniciado');
|
||||||
|
});
|
||||||
|
|
||||||
|
print('🔐 Taps Notificacion: $_testNotificationTapCount/3');
|
||||||
|
|
||||||
|
if (_testNotificationTapCount >= 3) {
|
||||||
|
_testResetTimer?.cancel();
|
||||||
|
_testNotificationTapCount = 0;
|
||||||
|
|
||||||
|
// Enviar notificación de prueba
|
||||||
|
NotificationService.showNotification(
|
||||||
|
title: '🔔 Notificación de prueba',
|
||||||
|
body: 'Esta es una notificación de prueba. ¡Tu app funciona correctamente!',
|
||||||
|
);
|
||||||
|
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
const SnackBar(
|
||||||
|
content: Text('🔔 Notificación de prueba enviada'),
|
||||||
|
backgroundColor: Colors.blue,
|
||||||
|
duration: Duration(seconds: 2),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
color: Colors.white,
|
||||||
|
child: SafeArea(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: double.infinity,
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 16),
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
color: colorAzul,
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
bottomLeft: Radius.circular(20),
|
||||||
|
bottomRight: Radius.circular(20),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: const Text(
|
||||||
|
'Configuración',
|
||||||
|
style: TextStyle(
|
||||||
|
color: Colors.white,
|
||||||
|
fontSize: 28,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
),
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: _isLoading
|
||||||
|
? const Center(
|
||||||
|
child: CircularProgressIndicator(
|
||||||
|
color: colorAzul,
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: Padding(
|
||||||
|
padding: const EdgeInsets.all(20.0),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
// Selector de notificaciones
|
||||||
|
GestureDetector(
|
||||||
|
onTap: _mostrarSelector,
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(15),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border.all(color: Colors.black, width: 4),
|
||||||
|
borderRadius: BorderRadius.circular(25),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
// 🔥 BOTÓN SECRETO ADMIN (5 taps)
|
||||||
|
GestureDetector(
|
||||||
|
onTap: _onSecretTap,
|
||||||
|
child: const Icon(Icons.notifications_active_outlined, size: 60),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Text(
|
||||||
|
selectedOption,
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 22,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Spacer(),
|
||||||
|
const Icon(Icons.keyboard_arrow_down, size: 50),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.all(15),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: colorAzul.withOpacity(0.1),
|
||||||
|
borderRadius: BorderRadius.circular(15),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Icon(Icons.info_outline, color: colorAzul, size: 30),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
'Recibirás notificaciones cada ${opcionesMap[selectedOption]}',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
color: colorAzul,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
// 🔥 BOTÓN SECRETO NOTIFICACIÓN DE PRUEBA (3 taps en este texto)
|
||||||
|
GestureDetector(
|
||||||
|
onTap: _onTestNotificationTap,
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(8),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.grey[200],
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
),
|
||||||
|
child: const Text(
|
||||||
|
'👆 Toca el ícono de la campana 5 veces para Admin',
|
||||||
|
style: TextStyle(fontSize: 11, color: Colors.grey),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
// Indicador del segundo botón secreto
|
||||||
|
GestureDetector(
|
||||||
|
onTap: _onTestNotificationTap,
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(6),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.blue.withOpacity(0.1),
|
||||||
|
borderRadius: BorderRadius.circular(8),
|
||||||
|
),
|
||||||
|
child: const Text(
|
||||||
|
'🔔 Toca este texto 3 veces para notificación de prueba',
|
||||||
|
style: TextStyle(fontSize: 10, color: Colors.blue),
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
384
lib/src/views/domicilios.dart
Normal file
384
lib/src/views/domicilios.dart
Normal file
@@ -0,0 +1,384 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:shared_preferences/shared_preferences.dart';
|
||||||
|
import 'package:geolocator/geolocator.dart';
|
||||||
|
import 'rutas.dart';
|
||||||
|
import '../models/domicilio_model.dart';
|
||||||
|
import '../services/geolocation_service.dart';
|
||||||
|
import '../data/horarios_data.dart';
|
||||||
|
|
||||||
|
class DomiciliosView extends StatefulWidget {
|
||||||
|
const DomiciliosView({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<DomiciliosView> createState() => _DomiciliosViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _DomiciliosViewState extends State<DomiciliosView> {
|
||||||
|
List<Domicilio> domicilios = [];
|
||||||
|
bool _isLoading = true;
|
||||||
|
bool _isLoadingLocation = false;
|
||||||
|
|
||||||
|
final TextEditingController nombreController = TextEditingController();
|
||||||
|
final TextEditingController coloniaController = TextEditingController();
|
||||||
|
final TextEditingController calleController = TextEditingController();
|
||||||
|
final TextEditingController numeroController = TextEditingController();
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_cargarDomicilios();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
nombreController.dispose();
|
||||||
|
coloniaController.dispose();
|
||||||
|
calleController.dispose();
|
||||||
|
numeroController.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _cargarDomicilios() async {
|
||||||
|
try {
|
||||||
|
final prefs = await SharedPreferences.getInstance();
|
||||||
|
final String? domiciliosString = prefs.getString('domicilios');
|
||||||
|
|
||||||
|
setState(() {
|
||||||
|
if (domiciliosString != null && domiciliosString.isNotEmpty) {
|
||||||
|
domicilios = Domicilio.decode(domiciliosString);
|
||||||
|
}
|
||||||
|
_isLoading = false;
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
setState(() {
|
||||||
|
_isLoading = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _guardarDomicilios() async {
|
||||||
|
try {
|
||||||
|
final prefs = await SharedPreferences.getInstance();
|
||||||
|
final String domiciliosString = Domicilio.encode(domicilios);
|
||||||
|
await prefs.setString('domicilios', domiciliosString);
|
||||||
|
} catch (e) {
|
||||||
|
print('Error al guardar: $e');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<bool> _showLocationPermissionDialog() async {
|
||||||
|
if (await GeolocationService.hasPermission()) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
final result = await showDialog<bool>(
|
||||||
|
context: context,
|
||||||
|
barrierDismissible: false,
|
||||||
|
builder: (context) => AlertDialog(
|
||||||
|
title: const Text('Permiso de ubicacion'),
|
||||||
|
content: const Text(
|
||||||
|
'Necesitamos acceder a tu ubicacion para asignar tu domicilio a la ruta correcta.',
|
||||||
|
),
|
||||||
|
actions: [
|
||||||
|
TextButton(
|
||||||
|
onPressed: () => Navigator.pop(context, false),
|
||||||
|
child: const Text('Cancelar'),
|
||||||
|
),
|
||||||
|
TextButton(
|
||||||
|
onPressed: () => Navigator.pop(context, true),
|
||||||
|
child: const Text('Aceptar', style: TextStyle(color: colorAzul)),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
if (result == true) {
|
||||||
|
LocationPermission newPermission = await GeolocationService.requestPermission();
|
||||||
|
return newPermission == LocationPermission.always ||
|
||||||
|
newPermission == LocationPermission.whileInUse;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _obtenerUbicacionYAgregar() async {
|
||||||
|
setState(() {
|
||||||
|
_isLoadingLocation = true;
|
||||||
|
});
|
||||||
|
|
||||||
|
final serviceEnabled = await GeolocationService.isLocationServiceEnabled();
|
||||||
|
if (!serviceEnabled) {
|
||||||
|
setState(() {
|
||||||
|
_isLoadingLocation = false;
|
||||||
|
});
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
const SnackBar(
|
||||||
|
content: Text('Activa el GPS para agregar un domicilio'),
|
||||||
|
backgroundColor: Colors.orange,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
final hasPermission = await _showLocationPermissionDialog();
|
||||||
|
if (!hasPermission) {
|
||||||
|
setState(() {
|
||||||
|
_isLoadingLocation = false;
|
||||||
|
});
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
const SnackBar(
|
||||||
|
content: Text('Necesitamos tu ubicacion'),
|
||||||
|
backgroundColor: Colors.orange,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
final simplePosition = await GeolocationService.getCurrentLocation();
|
||||||
|
|
||||||
|
setState(() {
|
||||||
|
_isLoadingLocation = false;
|
||||||
|
});
|
||||||
|
|
||||||
|
if (simplePosition == null) {
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
const SnackBar(
|
||||||
|
content: Text('No se pudo obtener tu ubicacion.'),
|
||||||
|
backgroundColor: Colors.red,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
_mostrarDialogoAgregarConUbicacion(simplePosition.latitude, simplePosition.longitude);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _mostrarDialogoAgregarConUbicacion(double lat, double lng) {
|
||||||
|
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: [
|
||||||
|
const Text('Anadir domicilio', style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold, color: colorAzul)),
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.all(12),
|
||||||
|
decoration: BoxDecoration(color: Colors.green.withOpacity(0.1), borderRadius: BorderRadius.circular(12)),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Icon(Icons.location_on, color: Colors.green[700], size: 24),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text('Ubicacion obtenida', style: TextStyle(fontSize: 12, color: Colors.green[700])),
|
||||||
|
Text('Lat: ${lat.toStringAsFixed(6)}'),
|
||||||
|
Text('Lng: ${lng.toStringAsFixed(6)}'),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 15),
|
||||||
|
_buildCampoTexto(controller: nombreController, hint: 'Nombre del domicilio', icon: Icons.home_outlined),
|
||||||
|
const SizedBox(height: 15),
|
||||||
|
_buildCampoTexto(controller: coloniaController, hint: 'Colonia', icon: Icons.location_city_outlined),
|
||||||
|
const SizedBox(height: 15),
|
||||||
|
_buildCampoTexto(controller: calleController, hint: 'Calle', icon: Icons.streetview),
|
||||||
|
const SizedBox(height: 15),
|
||||||
|
_buildCampoTexto(controller: numeroController, hint: 'Numero', icon: Icons.numbers, keyboardType: TextInputType.number),
|
||||||
|
const SizedBox(height: 25),
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: OutlinedButton(
|
||||||
|
style: OutlinedButton.styleFrom(side: BorderSide(color: colorAzul, width: 2), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15))),
|
||||||
|
onPressed: () => Navigator.pop(context),
|
||||||
|
child: const Text('Cancelar', style: TextStyle(color: colorAzul)),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 15),
|
||||||
|
Expanded(
|
||||||
|
child: ElevatedButton(
|
||||||
|
style: ElevatedButton.styleFrom(backgroundColor: colorAzul, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15))),
|
||||||
|
onPressed: () => _agregarDomicilio(latitud: lat, longitud: lng),
|
||||||
|
child: const Text('Agregar', style: TextStyle(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)),
|
||||||
|
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({required double latitud, required double longitud}) async {
|
||||||
|
if (nombreController.text.trim().isEmpty ||
|
||||||
|
coloniaController.text.trim().isEmpty ||
|
||||||
|
calleController.text.trim().isEmpty ||
|
||||||
|
numeroController.text.trim().isEmpty) {
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
const SnackBar(content: Text('Llena todos los campos'), backgroundColor: Colors.red),
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
final horario = getHorarioByColonia(coloniaController.text.trim());
|
||||||
|
final routeId = getRouteIdByColonia(coloniaController.text.trim());
|
||||||
|
|
||||||
|
final nuevoDomicilio = Domicilio(
|
||||||
|
id: DateTime.now().millisecondsSinceEpoch.toString(),
|
||||||
|
nombre: nombreController.text.trim(),
|
||||||
|
colonia: coloniaController.text.trim(),
|
||||||
|
calle: calleController.text.trim(),
|
||||||
|
numero: numeroController.text.trim(),
|
||||||
|
latitud: latitud,
|
||||||
|
longitud: longitud,
|
||||||
|
horarioEstimado: horario,
|
||||||
|
routeId: routeId,
|
||||||
|
);
|
||||||
|
|
||||||
|
setState(() {
|
||||||
|
domicilios.add(nuevoDomicilio);
|
||||||
|
});
|
||||||
|
|
||||||
|
await _guardarDomicilios();
|
||||||
|
Navigator.pop(context);
|
||||||
|
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
SnackBar(content: Text('Domicilio agregado'), backgroundColor: colorAzul),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _eliminarDomicilio(int index) async {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
builder: (context) => AlertDialog(
|
||||||
|
title: const Text('Eliminar domicilio'),
|
||||||
|
content: Text('Eliminar "${domicilios[index].nombre}"?'),
|
||||||
|
actions: [
|
||||||
|
TextButton(onPressed: () => Navigator.pop(context), child: const Text('Cancelar')),
|
||||||
|
TextButton(
|
||||||
|
onPressed: () async {
|
||||||
|
setState(() => domicilios.removeAt(index));
|
||||||
|
await _guardarDomicilios();
|
||||||
|
Navigator.pop(context);
|
||||||
|
},
|
||||||
|
child: const Text('Eliminar', style: TextStyle(color: Colors.red)),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return SafeArea(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: double.infinity,
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 16),
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
color: colorAzul,
|
||||||
|
borderRadius: BorderRadius.only(bottomLeft: Radius.circular(20), bottomRight: Radius.circular(20)),
|
||||||
|
),
|
||||||
|
child: const Text('Domicilios', style: TextStyle(color: Colors.white, fontSize: 28, fontWeight: FontWeight.bold), textAlign: TextAlign.center),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: _isLoading
|
||||||
|
? const Center(child: CircularProgressIndicator(color: colorAzul))
|
||||||
|
: domicilios.isEmpty
|
||||||
|
? Center(
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Icon(Icons.home_outlined, size: 100, color: Colors.grey.withOpacity(0.5)),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
Text('No hay domicilios', style: TextStyle(fontSize: 18, color: Colors.grey.withOpacity(0.7))),
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
Text('Toca el boton + 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 d = domicilios[index];
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.only(bottom: 20),
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(15),
|
||||||
|
decoration: BoxDecoration(border: Border.all(color: Colors.black, width: 4), borderRadius: BorderRadius.circular(25)),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
const Icon(Icons.home_outlined, size: 60),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(d.nombre, style: const TextStyle(fontSize: 22, fontWeight: FontWeight.bold)),
|
||||||
|
Text(d.direccionCompleta, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
|
||||||
|
Text('${d.latitud.toStringAsFixed(4)}, ${d.longitud.toStringAsFixed(4)}', style: TextStyle(fontSize: 12, color: Colors.grey[600])),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
IconButton(onPressed: () => _eliminarDomicilio(index), icon: const Icon(Icons.delete_outline, size: 40), color: Colors.red),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(20),
|
||||||
|
child: _isLoadingLocation
|
||||||
|
? Container(width: double.infinity, height: 100, decoration: BoxDecoration(color: colorAzul, borderRadius: BorderRadius.circular(20)), child: const Center(child: CircularProgressIndicator(color: Colors.white)))
|
||||||
|
: GestureDetector(
|
||||||
|
onTap: _obtenerUbicacionYAgregar,
|
||||||
|
child: Container(width: double.infinity, height: 100, decoration: BoxDecoration(color: colorAzul, borderRadius: BorderRadius.circular(20)), child: const Icon(Icons.add, color: Colors.white, size: 80)),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
42
lib/src/views/home_screen.dart
Normal file
42
lib/src/views/home_screen.dart
Normal file
@@ -0,0 +1,42 @@
|
|||||||
|
// home_screen.dart
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'domicilios.dart';
|
||||||
|
import 'horarios.dart';
|
||||||
|
import 'configuracion.dart';
|
||||||
|
import 'rutas.dart';
|
||||||
|
import 'nav_bar.dart';
|
||||||
|
|
||||||
|
class HomeScreen extends StatefulWidget {
|
||||||
|
const HomeScreen({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<HomeScreen> createState() => _HomeScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _HomeScreenState extends State<HomeScreen> {
|
||||||
|
int _currentIndex = 0; // 0: Domicilios, 1: Rutas, 2: Configuración
|
||||||
|
|
||||||
|
final List<Widget> _paginas = const [
|
||||||
|
DomiciliosView(),
|
||||||
|
HorariosView(),
|
||||||
|
ConfiguracionView(),
|
||||||
|
];
|
||||||
|
|
||||||
|
void _onNavBarTap(int index) {
|
||||||
|
setState(() {
|
||||||
|
_currentIndex = index;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: Colors.white,
|
||||||
|
body: _paginas[_currentIndex],
|
||||||
|
bottomNavigationBar: CustomNavBar(
|
||||||
|
currentIndex: _currentIndex,
|
||||||
|
onTap: _onNavBarTap,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
257
lib/src/views/horarios.dart
Normal file
257
lib/src/views/horarios.dart
Normal file
@@ -0,0 +1,257 @@
|
|||||||
|
// horarios.dart - Versión actualizada
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:shared_preferences/shared_preferences.dart';
|
||||||
|
import 'rutas.dart';
|
||||||
|
import '../models/domicilio_model.dart';
|
||||||
|
import 'mapa_expandible.dart';
|
||||||
|
import '../services/notification_service.dart';
|
||||||
|
|
||||||
|
class HorariosView extends StatefulWidget {
|
||||||
|
const HorariosView({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<HorariosView> createState() => _HorariosViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _HorariosViewState extends State<HorariosView> {
|
||||||
|
List<Domicilio> domicilios = [];
|
||||||
|
bool _isLoading = true;
|
||||||
|
Timer? _timer;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_cargarDomicilios();
|
||||||
|
_iniciarVerificacionHorarios();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_timer?.cancel();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
void _iniciarVerificacionHorarios() {
|
||||||
|
_timer = Timer.periodic(const Duration(minutes: 1), (timer) {
|
||||||
|
_verificarHorarios();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void _verificarHorarios() async {
|
||||||
|
final prefs = await SharedPreferences.getInstance();
|
||||||
|
final suspensionActiva = prefs.getBool('ruta_suspendida') ?? false;
|
||||||
|
final retrasoMinutos = prefs.getInt('retraso_minutos') ?? 0;
|
||||||
|
|
||||||
|
if (suspensionActiva) return;
|
||||||
|
|
||||||
|
final ahora = DateTime.now();
|
||||||
|
final horaActual = ahora.hour * 60 + ahora.minute;
|
||||||
|
|
||||||
|
for (var domicilio in domicilios) {
|
||||||
|
final partes = domicilio.horarioEstimado.split(':');
|
||||||
|
int hora = int.parse(partes[0]);
|
||||||
|
int minuto = int.parse(partes[1]);
|
||||||
|
|
||||||
|
// Aplicar retraso
|
||||||
|
int horaConRetraso = hora;
|
||||||
|
int minutoConRetraso = minuto + retrasoMinutos;
|
||||||
|
if (minutoConRetraso >= 60) {
|
||||||
|
horaConRetraso += minutoConRetraso ~/ 60;
|
||||||
|
minutoConRetraso = minutoConRetraso % 60;
|
||||||
|
}
|
||||||
|
|
||||||
|
final horarioMinutos = horaConRetraso * 60 + minutoConRetraso;
|
||||||
|
|
||||||
|
// Si la hora actual está dentro del rango (5 minutos antes y durante)
|
||||||
|
if (horaActual >= horarioMinutos - 5 && horaActual <= horarioMinutos + 15) {
|
||||||
|
// Verificar si ya se notificó esta hora
|
||||||
|
final lastNotification = prefs.getString('last_notification_${domicilio.id}');
|
||||||
|
final todayKey = '${DateTime.now().day}-${DateTime.now().month}-${DateTime.now().year}';
|
||||||
|
|
||||||
|
if (lastNotification != todayKey) {
|
||||||
|
await prefs.setString('last_notification_${domicilio.id}', todayKey);
|
||||||
|
await NotificationService.showNotification(
|
||||||
|
title: '🚛 El camión está cerca',
|
||||||
|
body: 'El camión de recolección está por llegar a ${domicilio.colonia}. ¡Prepara tu basura!',
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _cargarDomicilios() async {
|
||||||
|
try {
|
||||||
|
final prefs = await SharedPreferences.getInstance();
|
||||||
|
final String? domiciliosString = prefs.getString('domicilios');
|
||||||
|
final retrasoMinutos = prefs.getInt('retraso_minutos') ?? 0;
|
||||||
|
|
||||||
|
setState(() {
|
||||||
|
if (domiciliosString != null && domiciliosString.isNotEmpty) {
|
||||||
|
domicilios = Domicilio.decode(domiciliosString);
|
||||||
|
}
|
||||||
|
_isLoading = false;
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
setState(() {
|
||||||
|
_isLoading = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
String _obtenerHorarioConRetraso(int index) {
|
||||||
|
final prefs = SharedPreferences.getInstance();
|
||||||
|
final retraso = prefs is int ? prefs : 0;
|
||||||
|
// Simplificado - en producción usar Future
|
||||||
|
return domicilios[index].horarioEstimado;
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
color: Colors.white,
|
||||||
|
child: SafeArea(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: double.infinity,
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 16),
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
color: colorAzul,
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
bottomLeft: Radius.circular(20),
|
||||||
|
bottomRight: Radius.circular(20),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: const Text(
|
||||||
|
'Mis Rutas',
|
||||||
|
style: TextStyle(color: Colors.white, fontSize: 32, fontWeight: FontWeight.bold),
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: _isLoading
|
||||||
|
? const Center(child: CircularProgressIndicator(color: colorAzul))
|
||||||
|
: domicilios.isEmpty
|
||||||
|
? Center(
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Icon(Icons.location_on_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('Agrega domicilios desde la pestaña Domicilios', style: TextStyle(fontSize: 14, color: Colors.grey.withOpacity(0.5)), textAlign: TextAlign.center),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: ListView.builder(
|
||||||
|
padding: const EdgeInsets.all(20),
|
||||||
|
itemCount: domicilios.length,
|
||||||
|
itemBuilder: (context, index) => _buildDomicilioCard(domicilios[index], index),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildDomicilioCard(Domicilio domicilio, int index) {
|
||||||
|
return FutureBuilder<SharedPreferences>(
|
||||||
|
future: SharedPreferences.getInstance(),
|
||||||
|
builder: (context, snapshot) {
|
||||||
|
int retraso = 0;
|
||||||
|
bool suspendida = false;
|
||||||
|
if (snapshot.hasData) {
|
||||||
|
retraso = snapshot.data!.getInt('retraso_minutos') ?? 0;
|
||||||
|
suspendida = snapshot.data!.getBool('ruta_suspendida') ?? false;
|
||||||
|
}
|
||||||
|
|
||||||
|
String horarioMostrar = domicilio.horarioEstimado;
|
||||||
|
if (retraso > 0 && !suspendida) {
|
||||||
|
final partes = domicilio.horarioEstimado.split(':');
|
||||||
|
int hora = int.parse(partes[0]);
|
||||||
|
int minuto = int.parse(partes[1]);
|
||||||
|
minuto += retraso;
|
||||||
|
if (minuto >= 60) {
|
||||||
|
hora += minuto ~/ 60;
|
||||||
|
minuto = minuto % 60;
|
||||||
|
}
|
||||||
|
horarioMostrar = '${hora.toString().padLeft(2, '0')}:${minuto.toString().padLeft(2, '0')} (retraso $retraso min)';
|
||||||
|
} else if (suspendida) {
|
||||||
|
horarioMostrar = 'SUSPENDIDA';
|
||||||
|
}
|
||||||
|
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.only(bottom: 20),
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border.all(color: Colors.black, width: 4),
|
||||||
|
borderRadius: BorderRadius.circular(25),
|
||||||
|
),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(15),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
const Icon(Icons.home_outlined, size: 60),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(domicilio.nombre, style: const TextStyle(fontSize: 22, fontWeight: FontWeight.bold)),
|
||||||
|
const SizedBox(height: 4),
|
||||||
|
Text(domicilio.direccionCompleta, style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w500)),
|
||||||
|
const SizedBox(height: 4),
|
||||||
|
Text('📍 ${domicilio.latitud.toStringAsFixed(4)}, ${domicilio.longitud.toStringAsFixed(4)}', style: TextStyle(fontSize: 12, color: Colors.grey[600])),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 12),
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: suspendida ? Colors.red.withOpacity(0.2) : colorAzul.withOpacity(0.1),
|
||||||
|
borderRadius: BorderRadius.circular(12),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Icon(Icons.access_time, color: suspendida ? Colors.red : colorAzul, size: 20),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
Text(
|
||||||
|
suspendida ? 'RUTA SUSPENDIDA' : 'Horario: $horarioMostrar',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
color: suspendida ? Colors.red : colorAzul,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
MapaExpandible(
|
||||||
|
latitud: domicilio.latitud,
|
||||||
|
longitud: domicilio.longitud,
|
||||||
|
nombreDomicilio: domicilio.nombre,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
111
lib/src/views/login.dart
Normal file
111
lib/src/views/login.dart
Normal file
@@ -0,0 +1,111 @@
|
|||||||
|
// login.dart - cambiar MainScreen por HomeScreen
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'rutas.dart';
|
||||||
|
import 'home_screen.dart'; // ← Importar HomeScreen
|
||||||
|
|
||||||
|
class LoginView extends StatelessWidget {
|
||||||
|
const LoginView({super.key});
|
||||||
|
|
||||||
|
final Color colorAzul = const Color(0xFF0F0D38);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: Colors.white,
|
||||||
|
appBar: AppBar(
|
||||||
|
backgroundColor: colorAzul,
|
||||||
|
title: const Text('Iniciar Sesión',
|
||||||
|
style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 28)),
|
||||||
|
centerTitle: true,
|
||||||
|
leading: IconButton(
|
||||||
|
icon: const Icon(Icons.arrow_back, color: Colors.white, size: 30),
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.pop(context);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
body: SingleChildScrollView(
|
||||||
|
padding: const EdgeInsets.all(30.0),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
_buildInput(Icons.email_outlined, 'Correo electrónico', obscureText: false),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
_buildInput(Icons.lock_outline, 'Contraseña', obscureText: true),
|
||||||
|
const SizedBox(height: 50),
|
||||||
|
Column(
|
||||||
|
children: [
|
||||||
|
ElevatedButton(
|
||||||
|
style: ElevatedButton.styleFrom(
|
||||||
|
backgroundColor: colorAzul,
|
||||||
|
minimumSize: const Size(double.infinity, 55),
|
||||||
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
|
||||||
|
),
|
||||||
|
onPressed: () {
|
||||||
|
// ✅ Navegar a HomeScreen
|
||||||
|
Navigator.pushReplacement(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(builder: (context) => const HomeScreen()),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
child: const Text(
|
||||||
|
'Iniciar Sesión',
|
||||||
|
style: TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
OutlinedButton(
|
||||||
|
style: OutlinedButton.styleFrom(
|
||||||
|
minimumSize: const Size(double.infinity, 55),
|
||||||
|
side: BorderSide(color: colorAzul, width: 2),
|
||||||
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
|
||||||
|
),
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.pop(context);
|
||||||
|
},
|
||||||
|
child: Text(
|
||||||
|
'Crear Cuenta',
|
||||||
|
style: TextStyle(color: colorAzul, fontSize: 20, fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildInput(IconData icon, String hint, {bool obscureText = false}) {
|
||||||
|
return Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.all(10),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
border: Border.all(color: Colors.black, width: 2),
|
||||||
|
),
|
||||||
|
child: Icon(icon, size: 40, color: Colors.black),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 15),
|
||||||
|
Expanded(
|
||||||
|
child: TextField(
|
||||||
|
obscureText: obscureText,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
hintText: hint,
|
||||||
|
hintStyle: TextStyle(color: colorAzul.withOpacity(0.5), fontWeight: FontWeight.bold, fontSize: 22),
|
||||||
|
contentPadding: const EdgeInsets.symmetric(horizontal: 20, vertical: 15),
|
||||||
|
enabledBorder: OutlineInputBorder(
|
||||||
|
borderRadius: BorderRadius.circular(30),
|
||||||
|
borderSide: BorderSide(color: colorAzul, width: 4),
|
||||||
|
),
|
||||||
|
focusedBorder: OutlineInputBorder(
|
||||||
|
borderRadius: BorderRadius.circular(30),
|
||||||
|
borderSide: BorderSide(color: colorAzul, width: 4),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
70
lib/src/views/main_screen.dart
Normal file
70
lib/src/views/main_screen.dart
Normal file
@@ -0,0 +1,70 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'rutas.dart';
|
||||||
|
import 'domicilios.dart';
|
||||||
|
import 'horarios.dart';
|
||||||
|
import 'configuracion.dart';
|
||||||
|
import 'nav_bar.dart';
|
||||||
|
|
||||||
|
class MainScreen extends StatefulWidget {
|
||||||
|
const MainScreen({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<MainScreen> createState() => _MainScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _MainScreenState extends State<MainScreen> {
|
||||||
|
late PageController _pageController;
|
||||||
|
int _currentIndex = 1; // Comenzar en Horarios (Rutas)
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_pageController = PageController(initialPage: _currentIndex);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_pageController.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onPageChanged(int index) {
|
||||||
|
setState(() {
|
||||||
|
_currentIndex = index;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void _onNavBarTap(int index) {
|
||||||
|
if (_currentIndex != index) {
|
||||||
|
setState(() {
|
||||||
|
_currentIndex = index;
|
||||||
|
});
|
||||||
|
_pageController.animateToPage(
|
||||||
|
index,
|
||||||
|
duration: const Duration(milliseconds: 300),
|
||||||
|
curve: Curves.easeInOut,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: colorAzul, // Mismo color de fondo para evitar flash blanco
|
||||||
|
body: PageView(
|
||||||
|
controller: _pageController,
|
||||||
|
onPageChanged: _onPageChanged,
|
||||||
|
physics: const BouncingScrollPhysics(), // Efecto de rebote al deslizar
|
||||||
|
children: const [
|
||||||
|
DomiciliosView(),
|
||||||
|
HorariosView(),
|
||||||
|
ConfiguracionView(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
bottomNavigationBar: CustomNavBar(
|
||||||
|
currentIndex: _currentIndex,
|
||||||
|
onTap: _onNavBarTap,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
138
lib/src/views/mapa_expandible.dart
Normal file
138
lib/src/views/mapa_expandible.dart
Normal file
@@ -0,0 +1,138 @@
|
|||||||
|
// src/views/mapa_expandible.dart
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:url_launcher/url_launcher.dart';
|
||||||
|
import 'rutas.dart';
|
||||||
|
|
||||||
|
class MapaExpandible extends StatefulWidget {
|
||||||
|
final double latitud;
|
||||||
|
final double longitud;
|
||||||
|
final String nombreDomicilio;
|
||||||
|
|
||||||
|
const MapaExpandible({
|
||||||
|
super.key,
|
||||||
|
required this.latitud,
|
||||||
|
required this.longitud,
|
||||||
|
required this.nombreDomicilio,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<MapaExpandible> createState() => _MapaExpandibleState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _MapaExpandibleState extends State<MapaExpandible> {
|
||||||
|
bool _isExpanded = false;
|
||||||
|
|
||||||
|
bool get _isValidLatLng {
|
||||||
|
final lat = widget.latitud;
|
||||||
|
final lng = widget.longitud;
|
||||||
|
return lat.isFinite && lng.isFinite && lat != 0 && lng != 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _abrirGoogleMaps() async {
|
||||||
|
final url = 'https://www.google.com/maps?q=${widget.latitud},${widget.longitud}&z=15';
|
||||||
|
try {
|
||||||
|
if (await canLaunch(url)) {
|
||||||
|
await launch(url);
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
if (mounted) {
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
const SnackBar(content: Text('No se pudo abrir el mapa'), backgroundColor: Colors.red),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
if (!_isValidLatLng) {
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.grey[200],
|
||||||
|
borderRadius: BorderRadius.circular(20),
|
||||||
|
),
|
||||||
|
child: const Text('Ubicación no disponible', style: TextStyle(fontSize: 12)),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
_isExpanded = !_isExpanded;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.grey[200],
|
||||||
|
borderRadius: BorderRadius.circular(20),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Icon(
|
||||||
|
_isExpanded ? Icons.keyboard_arrow_up : Icons.keyboard_arrow_down,
|
||||||
|
color: colorAzul,
|
||||||
|
size: 20,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
Text(
|
||||||
|
_isExpanded ? 'Ocultar mapa' : 'Ver mapa',
|
||||||
|
style: TextStyle(color: colorAzul, fontSize: 12, fontWeight: FontWeight.w500),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (_isExpanded)
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 12),
|
||||||
|
child: GestureDetector(
|
||||||
|
onTap: _abrirGoogleMaps,
|
||||||
|
child: Container(
|
||||||
|
width: 200, // Ancho fijo en lugar de infinity
|
||||||
|
height: 160,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(15),
|
||||||
|
border: Border.all(color: colorAzul.withOpacity(0.3), width: 1),
|
||||||
|
color: Colors.grey[100],
|
||||||
|
),
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Icon(Icons.map, size: 40, color: colorAzul),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
Text(
|
||||||
|
'Ver en Google Maps',
|
||||||
|
style: TextStyle(color: colorAzul, fontWeight: FontWeight.bold, fontSize: 14),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 4),
|
||||||
|
Text(
|
||||||
|
'${widget.latitud.toStringAsFixed(4)}, ${widget.longitud.toStringAsFixed(4)}',
|
||||||
|
style: TextStyle(fontSize: 11, color: Colors.grey[600]),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 3),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: colorAzul,
|
||||||
|
borderRadius: BorderRadius.circular(12),
|
||||||
|
),
|
||||||
|
child: const Text(
|
||||||
|
'Tocar para abrir',
|
||||||
|
style: TextStyle(color: Colors.white, fontSize: 11),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
86
lib/src/views/nav_bar.dart
Normal file
86
lib/src/views/nav_bar.dart
Normal file
@@ -0,0 +1,86 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'rutas.dart';
|
||||||
|
|
||||||
|
class CustomNavBar extends StatelessWidget {
|
||||||
|
final int currentIndex;
|
||||||
|
final Function(int) onTap;
|
||||||
|
|
||||||
|
const CustomNavBar({
|
||||||
|
super.key,
|
||||||
|
required this.currentIndex,
|
||||||
|
required this.onTap,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
height: 90,
|
||||||
|
color: colorAzul,
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||||
|
children: [
|
||||||
|
_buildNavButton(
|
||||||
|
index: 0,
|
||||||
|
currentIndex: currentIndex,
|
||||||
|
iconNormal: Icons.home_outlined,
|
||||||
|
iconActive: Icons.home,
|
||||||
|
label: 'Domicilios',
|
||||||
|
onTap: onTap,
|
||||||
|
),
|
||||||
|
_buildNavButton(
|
||||||
|
index: 1,
|
||||||
|
currentIndex: currentIndex,
|
||||||
|
iconNormal: Icons.alt_route_rounded,
|
||||||
|
iconActive: Icons.alt_route_rounded,
|
||||||
|
label: 'Rutas',
|
||||||
|
onTap: onTap,
|
||||||
|
),
|
||||||
|
_buildNavButton(
|
||||||
|
index: 2,
|
||||||
|
currentIndex: currentIndex,
|
||||||
|
iconNormal: Icons.settings_outlined,
|
||||||
|
iconActive: Icons.settings,
|
||||||
|
label: 'Configuración',
|
||||||
|
onTap: onTap,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildNavButton({
|
||||||
|
required int index,
|
||||||
|
required int currentIndex,
|
||||||
|
required IconData iconNormal,
|
||||||
|
required IconData iconActive,
|
||||||
|
required String label,
|
||||||
|
required Function(int) onTap,
|
||||||
|
}) {
|
||||||
|
final bool isActive = currentIndex == index;
|
||||||
|
|
||||||
|
return Expanded(
|
||||||
|
child: GestureDetector(
|
||||||
|
onTap: () => onTap(index),
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Icon(
|
||||||
|
isActive ? iconActive : iconNormal,
|
||||||
|
color: Colors.white,
|
||||||
|
size: isActive ? 55 : 35,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 5),
|
||||||
|
Text(
|
||||||
|
label,
|
||||||
|
style: TextStyle(
|
||||||
|
color: Colors.white,
|
||||||
|
fontSize: isActive ? 14 : 12,
|
||||||
|
fontWeight: isActive ? FontWeight.bold : FontWeight.normal,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
4
lib/src/views/rutas.dart
Normal file
4
lib/src/views/rutas.dart
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
const Color colorAzul = Color(0xFF0F0D38);
|
||||||
|
const Color colorAzulClaro = Color(0xFF2A2A5E);
|
||||||
Reference in New Issue
Block a user