mirror of
https://github.com/FoggedLens/deflock-app.git
synced 2026-02-12 16:52:51 +00:00
3dada20ec2
Migrate all withOpacity() calls to withValues(alpha:) and surfaceVariant to surfaceContainerHighest across the codebase. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
399 lines
16 KiB
Dart
399 lines
16 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:latlong2/latlong.dart';
|
|
|
|
import '../app_state.dart';
|
|
import '../dev_config.dart';
|
|
import '../services/localization_service.dart';
|
|
import '../services/distance_service.dart';
|
|
|
|
class NavigationSheet extends StatelessWidget {
|
|
final VoidCallback? onStartRoute;
|
|
final VoidCallback? onResumeRoute;
|
|
|
|
const NavigationSheet({
|
|
super.key,
|
|
this.onStartRoute,
|
|
this.onResumeRoute,
|
|
});
|
|
|
|
String _formatCoordinates(LatLng coordinates) {
|
|
return '${coordinates.latitude.toStringAsFixed(6)}, ${coordinates.longitude.toStringAsFixed(6)}';
|
|
}
|
|
|
|
Widget _buildLocationInfo({
|
|
required String label,
|
|
required LatLng coordinates,
|
|
String? address,
|
|
}) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
label,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 14,
|
|
color: Colors.grey[600],
|
|
),
|
|
),
|
|
const SizedBox(height: 4),
|
|
if (address != null) ...[
|
|
Text(
|
|
address,
|
|
style: const TextStyle(fontSize: 16),
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
const SizedBox(height: 2),
|
|
],
|
|
Text(
|
|
_formatCoordinates(coordinates),
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Colors.grey[600],
|
|
fontFamily: 'monospace',
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildDragHandle() {
|
|
return Center(
|
|
child: Container(
|
|
width: 40,
|
|
height: 4,
|
|
margin: const EdgeInsets.only(bottom: 16),
|
|
decoration: BoxDecoration(
|
|
color: Colors.grey[400],
|
|
borderRadius: BorderRadius.circular(2),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Consumer<AppState>(
|
|
builder: (context, appState, child) {
|
|
final navigationMode = appState.navigationMode;
|
|
final provisionalLocation = appState.provisionalPinLocation;
|
|
final provisionalAddress = appState.provisionalPinAddress;
|
|
|
|
if (provisionalLocation == null && !appState.showingOverview) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
|
|
return Container(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
_buildDragHandle(),
|
|
|
|
// SEARCH MODE: Initial location with route options (only when no route points are set yet)
|
|
if (navigationMode == AppNavigationMode.search &&
|
|
!appState.isSettingSecondPoint &&
|
|
!appState.isCalculating &&
|
|
!appState.showingOverview &&
|
|
provisionalLocation != null &&
|
|
appState.routeStart == null &&
|
|
appState.routeEnd == null) ...[
|
|
_buildLocationInfo(
|
|
label: LocalizationService.instance.t('navigation.location'),
|
|
coordinates: provisionalLocation,
|
|
address: provisionalAddress,
|
|
),
|
|
const SizedBox(height: 16),
|
|
// Show routing buttons (sheet only opens when online, so always available)
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
icon: const Icon(Icons.directions),
|
|
label: Text(LocalizationService.instance.t('navigation.routeTo')),
|
|
onPressed: () {
|
|
appState.startRoutePlanning(thisLocationIsStart: false);
|
|
},
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
icon: const Icon(Icons.my_location),
|
|
label: Text(LocalizationService.instance.t('navigation.routeFrom')),
|
|
onPressed: () {
|
|
appState.startRoutePlanning(thisLocationIsStart: true);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
|
|
// SETTING SECOND POINT: Show both points and select button
|
|
if (appState.isSettingSecondPoint && provisionalLocation != null) ...[
|
|
// Show existing route points
|
|
if (appState.routeStart != null) ...[
|
|
_buildLocationInfo(
|
|
label: LocalizationService.instance.t('navigation.startPoint'),
|
|
coordinates: appState.routeStart!,
|
|
address: appState.routeStartAddress,
|
|
),
|
|
const SizedBox(height: 12),
|
|
],
|
|
if (appState.routeEnd != null) ...[
|
|
_buildLocationInfo(
|
|
label: LocalizationService.instance.t('navigation.endPoint'),
|
|
coordinates: appState.routeEnd!,
|
|
address: appState.routeEndAddress,
|
|
),
|
|
const SizedBox(height: 12),
|
|
],
|
|
|
|
// Show the point we're selecting
|
|
_buildLocationInfo(
|
|
label: appState.settingRouteStart
|
|
? LocalizationService.instance.t('navigation.startSelect')
|
|
: LocalizationService.instance.t('navigation.endSelect'),
|
|
coordinates: provisionalLocation,
|
|
address: provisionalAddress,
|
|
),
|
|
const SizedBox(height: 8),
|
|
|
|
// Show distance from first point
|
|
if (appState.distanceFromFirstPoint != null) ...[
|
|
Text(
|
|
'Distance: ${DistanceService.formatRouteDistance(appState.distanceFromFirstPoint!.toDouble(), appState.distanceUnit)}',
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w500,
|
|
color: Colors.grey[600],
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
],
|
|
|
|
// Show distance warning if threshold exceeded
|
|
if (appState.distanceExceedsWarningThreshold) ...[
|
|
Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: Colors.amber.withValues(alpha: 0.1),
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: Colors.amber.withValues(alpha: 0.3)),
|
|
),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Icon(Icons.warning_amber, color: Colors.amber[700], size: 20),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
'Trips longer than ${DistanceService.formatRouteDistance(kNavigationDistanceWarningThreshold.toDouble(), appState.distanceUnit)} are likely to time out. We are working to improve this; stay tuned.',
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Colors.amber[700],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
],
|
|
|
|
|
|
// Show warning message if locations are too close
|
|
if (appState.areRoutePointsTooClose) ...[
|
|
Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: Colors.orange.withValues(alpha: 0.1),
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: Colors.orange.withValues(alpha: 0.3)),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.warning, color: Colors.orange[700], size: 20),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
LocalizationService.instance.t('navigation.locationsTooClose'),
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Colors.orange[700],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
icon: const Icon(Icons.check),
|
|
label: Text(LocalizationService.instance.t('navigation.selectLocation')),
|
|
onPressed: appState.areRoutePointsTooClose ? null : () {
|
|
debugPrint('[NavigationSheet] Select Location button pressed');
|
|
appState.selectSecondRoutePoint();
|
|
},
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
icon: const Icon(Icons.close),
|
|
label: Text(LocalizationService.instance.t('actions.cancel')),
|
|
onPressed: () => appState.cancelNavigation(),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
|
|
// CALCULATING: Show loading
|
|
if (appState.isCalculating) ...[
|
|
const Center(
|
|
child: SizedBox(
|
|
width: 40,
|
|
height: 40,
|
|
child: CircularProgressIndicator(),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
Text(
|
|
LocalizationService.instance.t('navigation.calculatingRoute'),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
const SizedBox(height: 16),
|
|
ElevatedButton(
|
|
onPressed: () => appState.cancelNavigation(),
|
|
child: Text(LocalizationService.instance.t('actions.cancel')),
|
|
),
|
|
],
|
|
|
|
// ROUTING ERROR: Show error with retry option
|
|
if (appState.hasRoutingError && !appState.isCalculating) ...[
|
|
Icon(
|
|
Icons.error_outline,
|
|
size: 48,
|
|
color: Colors.red[400],
|
|
),
|
|
const SizedBox(height: 16),
|
|
Text(
|
|
LocalizationService.instance.t('navigation.routeCalculationFailed'),
|
|
style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
appState.routingError ?? 'Unknown error',
|
|
style: TextStyle(color: Colors.grey[600]),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
const SizedBox(height: 16),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
icon: const Icon(Icons.refresh),
|
|
label: Text(LocalizationService.instance.t('navigation.retry')),
|
|
onPressed: () {
|
|
// Retry route calculation
|
|
appState.retryRouteCalculation();
|
|
},
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
icon: const Icon(Icons.close),
|
|
label: Text(LocalizationService.instance.t('actions.cancel')),
|
|
onPressed: () => appState.cancelNavigation(),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
|
|
// ROUTE OVERVIEW: Show route details with start/cancel options
|
|
if (appState.showingOverview) ...[
|
|
if (appState.routeStart != null) ...[
|
|
_buildLocationInfo(
|
|
label: LocalizationService.instance.t('navigation.startPoint'),
|
|
coordinates: appState.routeStart!,
|
|
address: appState.routeStartAddress,
|
|
),
|
|
const SizedBox(height: 12),
|
|
],
|
|
if (appState.routeEnd != null) ...[
|
|
_buildLocationInfo(
|
|
label: LocalizationService.instance.t('navigation.endPoint'),
|
|
coordinates: appState.routeEnd!,
|
|
address: appState.routeEndAddress,
|
|
),
|
|
const SizedBox(height: 12),
|
|
],
|
|
if (appState.routeDistance != null) ...[
|
|
Text(
|
|
'Distance: ${DistanceService.formatRouteDistance(appState.routeDistance!.toDouble(), appState.distanceUnit)}',
|
|
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
|
|
Row(
|
|
children: [
|
|
if (navigationMode == AppNavigationMode.search) ...[
|
|
// Route preview mode - start or cancel
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
icon: const Icon(Icons.play_arrow),
|
|
label: Text(LocalizationService.instance.t('navigation.start')),
|
|
onPressed: onStartRoute ?? () => appState.startRoute(),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
icon: const Icon(Icons.close),
|
|
label: Text(LocalizationService.instance.t('actions.cancel')),
|
|
onPressed: () => appState.cancelNavigation(),
|
|
),
|
|
),
|
|
] else if (navigationMode == AppNavigationMode.routeActive) ...[
|
|
// Active route overview - resume or cancel
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
icon: const Icon(Icons.play_arrow),
|
|
label: Text(LocalizationService.instance.t('navigation.resume')),
|
|
onPressed: onResumeRoute ?? () => appState.hideRouteOverview(),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
icon: const Icon(Icons.close),
|
|
label: Text(LocalizationService.instance.t('navigation.endRoute')),
|
|
onPressed: () => appState.cancelRoute(),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
],
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|