96 lines
2.6 KiB
Dart
96 lines
2.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:mileograph_flutter/services/distance_unit_service.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class RouteSummaryWidget extends StatelessWidget {
|
|
final double distance;
|
|
final VoidCallback onDetailsPressed;
|
|
|
|
const RouteSummaryWidget({
|
|
super.key,
|
|
required this.distance,
|
|
required this.onDetailsPressed,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final distanceUnits = context.watch<DistanceUnitService>();
|
|
return Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: Text(
|
|
"Total Distance: ${distanceUnits.format(distance, decimals: 2)}",
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|
),
|
|
),
|
|
TextButton(
|
|
onPressed: onDetailsPressed,
|
|
child: const Text("View Details"),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class RouteDetailsView extends StatelessWidget {
|
|
final List<String> route;
|
|
final List<double> costs;
|
|
final VoidCallback onBack;
|
|
final Set<String> routingPoints;
|
|
|
|
const RouteDetailsView({
|
|
super.key,
|
|
required this.route,
|
|
required this.costs,
|
|
required this.onBack,
|
|
this.routingPoints = const {},
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final distanceUnits = context.watch<DistanceUnitService>();
|
|
final highlightColor = Theme.of(context).colorScheme.primary;
|
|
final mutedColor = Theme.of(context).colorScheme.outlineVariant;
|
|
return Column(
|
|
children: [
|
|
Align(
|
|
alignment: Alignment.centerLeft,
|
|
child: TextButton.icon(
|
|
onPressed: onBack,
|
|
icon: const Icon(Icons.arrow_back),
|
|
label: const Text('Back'),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: ListView.builder(
|
|
itemCount: route.length,
|
|
itemBuilder: (context, index) {
|
|
final label = route[index];
|
|
final isRoutingPoint = routingPoints.contains(label);
|
|
return ListTile(
|
|
leading: Icon(
|
|
Icons.circle,
|
|
size: 12,
|
|
color: isRoutingPoint ? highlightColor : mutedColor,
|
|
),
|
|
title: Text(
|
|
label,
|
|
style: isRoutingPoint
|
|
? TextStyle(color: highlightColor, fontWeight: FontWeight.w600)
|
|
: null,
|
|
),
|
|
trailing: Text(
|
|
distanceUnits.format(costs[index], decimals: 2),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|