mirror of
https://github.com/dz0ny/meshcore-sar.git
synced 2026-08-11 16:30:28 +00:00
426 lines
15 KiB
Dart
426 lines
15 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../../providers/map_provider.dart';
|
|
import '../../providers/contacts_provider.dart';
|
|
import '../../providers/app_provider.dart';
|
|
import '../../services/gpx_service.dart';
|
|
import '../../services/trail_color_service.dart';
|
|
import '../../l10n/app_localizations.dart';
|
|
|
|
/// Trail management controls widget
|
|
class TrailControls extends StatelessWidget {
|
|
const TrailControls({super.key});
|
|
|
|
void _showTrailMenu(BuildContext context) {
|
|
final mapProvider = Provider.of<MapProvider>(context, listen: false);
|
|
final contactsProvider = Provider.of<ContactsProvider>(context, listen: false);
|
|
final appProvider = Provider.of<AppProvider>(context, listen: false);
|
|
final l10n = AppLocalizations.of(context)!;
|
|
final isSimpleMode = appProvider.isSimpleMode;
|
|
|
|
// Get contacts with trails (advertHistory >= 2 points)
|
|
final contactsWithTrails = contactsProvider.contactsWithLocation
|
|
.where((c) => c.advertHistory.length >= 2)
|
|
.toList();
|
|
|
|
showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
builder: (context) => StatefulBuilder(
|
|
builder: (context, setModalState) => SingleChildScrollView(
|
|
child: Container(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
const Icon(Icons.timeline, size: 24),
|
|
const SizedBox(width: 12),
|
|
Text(
|
|
l10n.locationTrail,
|
|
style: const TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 20),
|
|
|
|
// Trail visibility toggle
|
|
SwitchListTile(
|
|
secondary: const Icon(Icons.visibility),
|
|
title: Text(l10n.showTrailOnMap),
|
|
subtitle: Text(
|
|
mapProvider.isTrailVisible
|
|
? l10n.trailVisible
|
|
: l10n.trailHiddenRecording,
|
|
),
|
|
value: mapProvider.isTrailVisible,
|
|
onChanged: (value) {
|
|
mapProvider.toggleTrailVisibility();
|
|
setModalState(() {}); // Update modal UI
|
|
},
|
|
),
|
|
const Divider(),
|
|
const SizedBox(height: 8),
|
|
|
|
// Trail stats
|
|
if (mapProvider.currentTrail != null && mapProvider.currentTrail!.points.isNotEmpty)
|
|
Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: Colors.blue.withValues(alpha: 0.1),
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: Colors.blue.withValues(alpha: 0.3)),
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
_buildStatRow(
|
|
icon: Icons.straighten,
|
|
label: l10n.distance,
|
|
value: _formatDistance(mapProvider.totalTrailDistance),
|
|
),
|
|
const SizedBox(height: 8),
|
|
_buildStatRow(
|
|
icon: Icons.access_time,
|
|
label: l10n.duration,
|
|
value: _formatDuration(mapProvider.trailDuration),
|
|
),
|
|
const SizedBox(height: 8),
|
|
_buildStatRow(
|
|
icon: Icons.place,
|
|
label: l10n.points,
|
|
value: '${mapProvider.currentTrail!.points.length}',
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
// GPX Export/Import buttons (hidden in simple mode)
|
|
if (!isSimpleMode) ...[
|
|
if (mapProvider.currentTrail != null && mapProvider.currentTrail!.points.isNotEmpty)
|
|
ElevatedButton.icon(
|
|
onPressed: () async {
|
|
final success = await GpxService.exportTrailToFile(mapProvider.currentTrail!);
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text(success
|
|
? l10n.trailExportedSuccessfully
|
|
: l10n.failedToExportTrail),
|
|
backgroundColor: success ? Colors.green : Colors.red,
|
|
),
|
|
);
|
|
}
|
|
},
|
|
icon: const Icon(Icons.upload),
|
|
label: Text(l10n.exportTrailToGpx),
|
|
style: ElevatedButton.styleFrom(
|
|
padding: const EdgeInsets.all(16),
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
ElevatedButton.icon(
|
|
onPressed: () async {
|
|
try {
|
|
final trail = await GpxService.importTrailFromFile();
|
|
if (trail != null && context.mounted) {
|
|
_showImportDialog(context, mapProvider, trail, l10n);
|
|
}
|
|
} catch (e) {
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text(l10n.failedToImportTrail(e.toString())),
|
|
backgroundColor: Colors.red,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
},
|
|
icon: const Icon(Icons.download),
|
|
label: Text(l10n.importTrailFromGpx),
|
|
style: ElevatedButton.styleFrom(
|
|
padding: const EdgeInsets.all(16),
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
],
|
|
|
|
// Clear trail button
|
|
if (mapProvider.currentTrail != null && mapProvider.currentTrail!.points.isNotEmpty)
|
|
ElevatedButton.icon(
|
|
onPressed: () {
|
|
_showClearConfirmation(context, mapProvider, l10n);
|
|
},
|
|
icon: const Icon(Icons.delete_outline),
|
|
label: Text(l10n.clearTrail),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.red,
|
|
foregroundColor: Colors.white,
|
|
padding: const EdgeInsets.all(16),
|
|
),
|
|
),
|
|
|
|
// No trail message
|
|
if (mapProvider.currentTrail == null || mapProvider.currentTrail!.points.isEmpty)
|
|
Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Center(
|
|
child: Column(
|
|
children: [
|
|
const Icon(Icons.timeline, size: 48, color: Colors.grey),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
l10n.noTrailRecorded,
|
|
style: const TextStyle(
|
|
color: Colors.grey,
|
|
fontSize: 16,
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
l10n.startTrackingToRecord,
|
|
style: const TextStyle(
|
|
color: Colors.grey,
|
|
fontSize: 12,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 8),
|
|
const Divider(),
|
|
const SizedBox(height: 8),
|
|
|
|
// Contact Trails Section
|
|
Row(
|
|
children: [
|
|
const Icon(Icons.people, size: 20),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
l10n.contactTrails,
|
|
style: const TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 12),
|
|
|
|
// Show All Contact Trails toggle
|
|
SwitchListTile(
|
|
secondary: const Icon(Icons.route),
|
|
title: Text(l10n.showAllContactTrails),
|
|
subtitle: Text(contactsWithTrails.isEmpty
|
|
? l10n.noContactsWithLocationHistory
|
|
: mapProvider.showAllContactTrails
|
|
? l10n.showingTrailsForContacts(contactsWithTrails.length)
|
|
: l10n.individualContactTrails),
|
|
value: mapProvider.showAllContactTrails,
|
|
onChanged: contactsWithTrails.isNotEmpty
|
|
? (value) {
|
|
mapProvider.toggleAllContactTrails();
|
|
setModalState(() {}); // Update modal UI
|
|
}
|
|
: null, // Disable if no contacts with trails
|
|
),
|
|
|
|
// Individual contact trails (when "show all" is OFF)
|
|
if (!mapProvider.showAllContactTrails && contactsWithTrails.isNotEmpty)
|
|
ExpansionTile(
|
|
title: Text(l10n.individualContactTrails),
|
|
initiallyExpanded: false,
|
|
children: contactsWithTrails.map((contact) {
|
|
final trailColor = TrailColorService.getTrailColor(contact);
|
|
final isVisible = mapProvider.isContactPathVisible(contact.publicKeyHex);
|
|
|
|
return SwitchListTile(
|
|
// Color indicator with emoji
|
|
secondary: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
if (contact.roleEmoji != null)
|
|
Text(contact.roleEmoji!, style: const TextStyle(fontSize: 18)),
|
|
const SizedBox(width: 4),
|
|
Container(
|
|
width: 16,
|
|
height: 16,
|
|
decoration: BoxDecoration(
|
|
color: trailColor,
|
|
border: Border.all(color: Colors.white, width: 2),
|
|
borderRadius: BorderRadius.circular(3),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
title: Text(contact.displayName),
|
|
subtitle: Text('${contact.advertHistory.length} points'),
|
|
value: isVisible,
|
|
onChanged: (value) {
|
|
mapProvider.toggleContactPath(contact.publicKeyHex);
|
|
setModalState(() {}); // Update modal UI
|
|
},
|
|
);
|
|
}).toList(),
|
|
),
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
// Close button
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context),
|
|
child: Text(l10n.close),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showClearConfirmation(BuildContext context, MapProvider mapProvider, AppLocalizations l10n) {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: Text(l10n.clearTrailQuestion),
|
|
content: Text(l10n.clearTrailConfirmation),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context),
|
|
child: Text(l10n.cancel),
|
|
),
|
|
TextButton(
|
|
onPressed: () {
|
|
mapProvider.clearCurrentTrail();
|
|
Navigator.pop(context); // Close dialog
|
|
Navigator.pop(context); // Close bottom sheet
|
|
},
|
|
style: TextButton.styleFrom(foregroundColor: Colors.red),
|
|
child: Text(l10n.clearTrail),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showImportDialog(BuildContext context, MapProvider mapProvider, trail, AppLocalizations l10n) {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: Text(l10n.importTrail),
|
|
content: Text(l10n.importTrailQuestion(trail.points.length)),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context),
|
|
child: Text(l10n.cancel),
|
|
),
|
|
TextButton(
|
|
onPressed: () {
|
|
mapProvider.setImportedTrail(trail);
|
|
Navigator.pop(context); // Close dialog
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text(l10n.trailImported(trail.points.length)),
|
|
backgroundColor: Colors.green,
|
|
),
|
|
);
|
|
},
|
|
child: Text(l10n.viewAlongside),
|
|
),
|
|
TextButton(
|
|
onPressed: () {
|
|
mapProvider.replaceCurrentTrailWithImport(trail);
|
|
Navigator.pop(context); // Close dialog
|
|
Navigator.pop(context); // Close bottom sheet
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text(l10n.trailReplaced(trail.points.length)),
|
|
backgroundColor: Colors.green,
|
|
),
|
|
);
|
|
},
|
|
style: TextButton.styleFrom(foregroundColor: Colors.blue),
|
|
child: Text(l10n.replaceCurrent),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildStatRow({
|
|
required IconData icon,
|
|
required String label,
|
|
required String value,
|
|
}) {
|
|
return Row(
|
|
children: [
|
|
Icon(icon, size: 18, color: Colors.blue),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
label,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 14,
|
|
),
|
|
),
|
|
const Spacer(),
|
|
Text(
|
|
value,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 14,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
String _formatDistance(double meters) {
|
|
if (meters < 1000) {
|
|
return '${meters.toStringAsFixed(0)} m';
|
|
} else {
|
|
return '${(meters / 1000).toStringAsFixed(2)} km';
|
|
}
|
|
}
|
|
|
|
String _formatDuration(Duration duration) {
|
|
final hours = duration.inHours;
|
|
final minutes = duration.inMinutes.remainder(60);
|
|
final seconds = duration.inSeconds.remainder(60);
|
|
|
|
if (hours > 0) {
|
|
return '${hours}h ${minutes}m ${seconds}s';
|
|
} else if (minutes > 0) {
|
|
return '${minutes}m ${seconds}s';
|
|
} else {
|
|
return '${seconds}s';
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final l10n = AppLocalizations.of(context)!;
|
|
return FloatingActionButton.small(
|
|
heroTag: 'trail_controls',
|
|
tooltip: l10n.trailControls,
|
|
onPressed: () => _showTrailMenu(context),
|
|
child: const Icon(Icons.timeline),
|
|
);
|
|
}
|
|
}
|