Lock map rotation, add mission warnings list with per-issue navigation
Kartendrehung (Doku 4.6): flutter_map's Zwei-Finger-Twist-Geste bewusst
deaktiviert (InteractionOptions mit InteractiveFlag.all & ~rotate in
mission_map.dart) - die Drohne fliegt nordorientiert, eine gedrehte Karte
wuerde die Peilung von Wegpunkten/Reticle nur verwirren, zumal der HTML-
Demonstrator gar keine Drehung kennt.
Warnungsliste (Doku 3.10), analog dem #warningsBtn/#warningsPanel-Flow im
HTML-Demonstrator:
- domain/mission/mission_warnings.dart: computeMissionWarnings() sammelt
alle aktuell zutreffenden Probleme (Route-Geometrie ausserhalb der
Drohnenfaehigkeiten, zu starker Wind, zu geringer Bodenabstand,
Reichweite/Ausdauer ueberschritten) zu einer Liste aus {text, action}-
Eintraegen - reine Funktion aus bereits vorhandenen Zwischenergebnissen,
unabhaengig von Riverpod/Widgets testbar.
- domain/wind/wind_math.dart: computeLegWindBad() ergaenzt (Bodenge-
schwindigkeit <= 1 m/s oder Windgeschwindigkeit > Drohnen-Maximum) -
bislang gab es nur die Windkomponente/Bodengeschwindigkeit selbst, aber
keine "zu stark"-Markierung.
- ui/widgets/warnings_panel.dart: Vollbild-Liste, jede Zeile verweist per
Aktionslabel auf den Loesungs-Screen ("Open altitude view"/"Open speed
view"/"Show on map").
- ui/widgets/bottom_stats_bar.dart: roter Warnungs-Button neben den
Mission-/Drohnen-Chips, nur sichtbar solange Warnungen aktiv sind.
- ui/widgets/waypoint_list_panel.dart: `_PanelTab` zu `PanelTab` public
gemacht plus neuer `initialTab`-Parameter, damit das Panel direkt auf
dem Altitude- oder Speed-Tab geoeffnet werden kann statt immer auf der
Liste zu starten.
- ui/providers/map_controller_provider.dart: fitMapToWaypoints()-Hilfs-
funktion extrahiert und in MapSearchControls' Fit-Button (vorher eigene
Kopie der Logik) sowie fuer die "Show on map"-Warnungsaktion
wiederverwendet.
- ui/screens/plan/plan_screen.dart: berechnet die Warnungsliste, ersetzt
den bisherigen Einzel-Banner (nur "Route exceeds...") durch alle
aktuellen Warnungstexte (durch " · " getrennt, wie im HTML-Demonstrator)
und verdrahtet Warnungs-Button/-Liste mit der passenden Navigation.
Getestet: 4 neue Unit-Tests fuer computeLegWindBad, 7 fuer
computeMissionWarnings (inkl. Grenzfaelle: veraltetes Gelaendeprofil,
kein Limit bei maxRangeM/maxEnduranceMin <= 0), 2 neue Widget-Tests
(Warnungs-Button erscheint bei Reichweiten-Ueberschreitung und oeffnet
die Liste; Antippen einer Wind-Warnung oeffnet den Speed-Tab direkt).
Alle 110 Tests sowie flutter analyze bestehen. Manuell auf dem
Pixel_10a-Emulator verifiziert: Steigraten-Ueberschreitung (Altitude auf
220m bei kurzer Distanz) macht Route/Banner/Warnungs-Button rot,
Warnungsliste zeigt den Eintrag mit "Show on map", Antippen schliesst
die Liste und zoomt die Karte korrekt auf die Bounding-Box beider
Wegpunkte.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
0f16c0db12
commit
c5a8c68a8e
@@ -1,6 +1,7 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
|
||||
import '../../domain/mission/mission_warnings.dart';
|
||||
import '../providers/active_drone_profile_provider.dart';
|
||||
import '../providers/mission_meta_provider.dart';
|
||||
import 'missions_drones_panel.dart';
|
||||
@@ -18,6 +19,8 @@ class BottomStatsBar extends ConsumerWidget {
|
||||
required this.totalDistanceM,
|
||||
required this.totalDurationSec,
|
||||
required this.onTap,
|
||||
this.warnings = const [],
|
||||
this.onWarningsTap,
|
||||
});
|
||||
|
||||
final int waypointCount;
|
||||
@@ -25,6 +28,12 @@ class BottomStatsBar extends ConsumerWidget {
|
||||
final double totalDurationSec;
|
||||
final VoidCallback onTap;
|
||||
|
||||
/// Aktive Warnungen zur Mission (Doku 3.10) - der Button erscheint nur,
|
||||
/// solange diese Liste nicht leer ist (HTML-Demonstrator: #warningsBtn,
|
||||
/// per default versteckt).
|
||||
final List<MissionWarning> warnings;
|
||||
final VoidCallback? onWarningsTap;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final missionName = ref.watch(currentMissionMetaProvider).name;
|
||||
@@ -69,6 +78,10 @@ class BottomStatsBar extends ConsumerWidget {
|
||||
)),
|
||||
),
|
||||
),
|
||||
if (warnings.isNotEmpty) ...[
|
||||
const SizedBox(width: 6),
|
||||
_WarningButton(onTap: onWarningsTap),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
@@ -130,6 +143,31 @@ class BottomStatsBar extends ConsumerWidget {
|
||||
}
|
||||
}
|
||||
|
||||
/// Kleiner, roter Rundknopf fuer aktive Warnungen (Doku 3.10, HTML-
|
||||
/// Demonstrator: #warningsBtn) - oeffnet die Warnungsliste.
|
||||
class _WarningButton extends StatelessWidget {
|
||||
const _WarningButton({required this.onTap});
|
||||
|
||||
final VoidCallback? onTap;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: onTap,
|
||||
child: Container(
|
||||
width: 34,
|
||||
height: 34,
|
||||
decoration: BoxDecoration(
|
||||
shape: BoxShape.circle,
|
||||
color: const Color(0xFFE2574A).withValues(alpha: 0.18),
|
||||
border: Border.all(color: const Color(0xFFE2574A).withValues(alpha: 0.5)),
|
||||
),
|
||||
child: const Icon(Icons.warning_amber_rounded, color: Color(0xFFFFB3A8), size: 18),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _NameChip extends StatelessWidget {
|
||||
const _NameChip({
|
||||
required this.label,
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_map/flutter_map.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'package:latlong2/latlong.dart';
|
||||
|
||||
@@ -80,13 +79,7 @@ class _MapSearchControlsState extends ConsumerState<MapSearchControls> {
|
||||
.showSnackBar(const SnackBar(content: Text('No waypoints to fit')));
|
||||
return;
|
||||
}
|
||||
final points = [for (final w in waypoints) LatLng(w.lat, w.lon)];
|
||||
ref.read(mapControllerProvider).fitCamera(
|
||||
CameraFit.bounds(
|
||||
bounds: LatLngBounds.fromPoints(points),
|
||||
padding: const EdgeInsets.fromLTRB(50, 50, 50, 140),
|
||||
),
|
||||
);
|
||||
fitMapToWaypoints(ref, waypoints);
|
||||
}
|
||||
|
||||
@override
|
||||
|
||||
@@ -52,6 +52,13 @@ class MissionMap extends StatelessWidget {
|
||||
initialZoom: _initialZoom,
|
||||
minZoom: 3,
|
||||
maxZoom: 19,
|
||||
// Kartendrehung (Zwei-Finger-Twist) bewusst deaktiviert - die Drohne
|
||||
// fliegt nordorientiert, eine gedrehte Karte wuerde die Peilung der
|
||||
// Wegpunkte/des Reticles gegenueber Kompass/HTML-Demonstrator (der
|
||||
// gar keine Drehung kennt) nur verwirren.
|
||||
interactionOptions: const InteractionOptions(
|
||||
flags: InteractiveFlag.all & ~InteractiveFlag.rotate,
|
||||
),
|
||||
onMapReady: onMapReady,
|
||||
),
|
||||
children: [
|
||||
|
||||
@@ -0,0 +1,104 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../../domain/mission/mission_warnings.dart';
|
||||
|
||||
/// Vollbild-Warnungsliste (Doku 3.10, HTML-Demonstrator: #warningsPanel) -
|
||||
/// jede Zeile verweist per [onWarningTap] auf den Screen, der die Ursache
|
||||
/// beheben kann (Altitude-/Speed-Tab der Wegpunktliste, oder die Karte).
|
||||
class WarningsPanel extends StatelessWidget {
|
||||
const WarningsPanel({
|
||||
super.key,
|
||||
required this.warnings,
|
||||
required this.onClose,
|
||||
required this.onWarningTap,
|
||||
});
|
||||
|
||||
final List<MissionWarning> warnings;
|
||||
final VoidCallback onClose;
|
||||
final void Function(MissionWarning warning) onWarningTap;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Material(
|
||||
color: const Color(0xEB080808),
|
||||
child: SafeArea(
|
||||
child: Column(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(16, 12, 8, 12),
|
||||
child: Row(
|
||||
children: [
|
||||
const Expanded(
|
||||
child: Text(
|
||||
'Warnings',
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.w700,
|
||||
),
|
||||
),
|
||||
),
|
||||
IconButton(
|
||||
onPressed: onClose,
|
||||
icon: const Icon(Icons.close, color: Colors.white),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const Divider(color: Colors.white24, height: 1),
|
||||
Expanded(
|
||||
child: warnings.isEmpty
|
||||
? const Center(
|
||||
child: Text(
|
||||
'No active warnings',
|
||||
style: TextStyle(color: Colors.white60, fontSize: 15),
|
||||
),
|
||||
)
|
||||
: ListView.builder(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
||||
itemCount: warnings.length,
|
||||
itemBuilder: (context, index) => _row(warnings[index]),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _row(MissionWarning warning) {
|
||||
return GestureDetector(
|
||||
onTap: () => onWarningTap(warning),
|
||||
child: Container(
|
||||
margin: const EdgeInsets.symmetric(vertical: 4),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 12),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withValues(alpha: 0.04),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
flex: 3,
|
||||
child: Text(warning.text, style: const TextStyle(color: Colors.white)),
|
||||
),
|
||||
Text(
|
||||
_actionLabel(warning.action),
|
||||
style: const TextStyle(
|
||||
color: Color(0xFF4D9DFF),
|
||||
fontWeight: FontWeight.w600,
|
||||
decoration: TextDecoration.underline,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String _actionLabel(WarningAction action) => switch (action) {
|
||||
WarningAction.altitude => 'Open altitude view',
|
||||
WarningAction.speed => 'Open speed view',
|
||||
WarningAction.map => 'Show on map',
|
||||
};
|
||||
}
|
||||
@@ -16,7 +16,10 @@ import 'waypoint_chip.dart';
|
||||
import 'wind_arrow_icon.dart';
|
||||
import 'wind_validate_panel.dart';
|
||||
|
||||
enum _PanelTab { list, altitude, speed }
|
||||
/// Welcher Tab beim Oeffnen des Panels aktiv ist (Doku 3.6/3.10) - public,
|
||||
/// damit Aufrufer wie die Warnungsliste direkt auf Altitude/Speed
|
||||
/// verweisen koennen, statt immer auf der Liste zu starten.
|
||||
enum PanelTab { list, altitude, speed }
|
||||
|
||||
/// Vollbild-Wegpunktliste (HTML-Demonstrator: #wpListPanel). Wird von
|
||||
/// PlanScreen als eigene Vollbild-Route gepusht (Navigator.push), damit sie
|
||||
@@ -34,6 +37,7 @@ class WaypointListPanel extends ConsumerStatefulWidget {
|
||||
const WaypointListPanel({
|
||||
super.key,
|
||||
required this.activeIndex,
|
||||
this.initialTab = PanelTab.list,
|
||||
required this.onClose,
|
||||
required this.onCenterOnWaypoint,
|
||||
required this.onDelete,
|
||||
@@ -44,6 +48,11 @@ class WaypointListPanel extends ConsumerStatefulWidget {
|
||||
});
|
||||
|
||||
final int activeIndex;
|
||||
|
||||
/// Startet direkt auf einem bestimmten Tab statt immer auf der Liste -
|
||||
/// genutzt, wenn eine Warnung (Doku 3.10) gezielt auf Altitude/Speed
|
||||
/// verweist.
|
||||
final PanelTab initialTab;
|
||||
final VoidCallback onClose;
|
||||
final void Function(int index) onCenterOnWaypoint;
|
||||
final void Function(int index) onDelete;
|
||||
@@ -58,7 +67,7 @@ class WaypointListPanel extends ConsumerStatefulWidget {
|
||||
|
||||
class _WaypointListPanelState extends ConsumerState<WaypointListPanel> {
|
||||
int _rowEditIndex = -1;
|
||||
_PanelTab _tab = _PanelTab.list;
|
||||
late PanelTab _tab;
|
||||
final _listScrollController = ScrollController();
|
||||
|
||||
static const _headerStyle = TextStyle(
|
||||
@@ -75,14 +84,24 @@ class _WaypointListPanelState extends ConsumerState<WaypointListPanel> {
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) => _scrollToActive());
|
||||
_tab = widget.initialTab;
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
_scrollToActive();
|
||||
// Startet das Panel direkt auf dem Altitude-Tab (z.B. aus der
|
||||
// Warnungsliste), muss der Gelaendeprofil-Abruf hier ausgeloest
|
||||
// werden - sonst passiert das erst beim (dann gar nicht mehr
|
||||
// stattfindenden) Antippen des Tab-Buttons.
|
||||
if (_tab == PanelTab.altitude) {
|
||||
ref.read(terrainProvider.notifier).ensureFor(ref.read(currentMissionProvider));
|
||||
}
|
||||
});
|
||||
// Laedt/aktualisiert das Gelaendeprofil (Doku 3.9) nur, waehrend der
|
||||
// Altitude-Tab tatsaechlich sichtbar ist - aendert sich die Route
|
||||
// waehrenddessen (Editieren, Loeschen, neuer Wegpunkt), muss neu
|
||||
// gesampelt werden. ensureFor() selbst filtert per routeKey, ob ein
|
||||
// erneuter Kachel-Download noetig ist.
|
||||
ref.listenManual(currentMissionProvider, (previous, next) {
|
||||
if (_tab == _PanelTab.altitude) {
|
||||
if (_tab == PanelTab.altitude) {
|
||||
ref.read(terrainProvider.notifier).ensureFor(next);
|
||||
}
|
||||
});
|
||||
@@ -198,16 +217,16 @@ class _WaypointListPanelState extends ConsumerState<WaypointListPanel> {
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
_tabButton('List', _PanelTab.list),
|
||||
_tabButton('Altitude', _PanelTab.altitude),
|
||||
_tabButton('Speed', _PanelTab.speed),
|
||||
_tabButton('List', PanelTab.list),
|
||||
_tabButton('Altitude', PanelTab.altitude),
|
||||
_tabButton('Speed', PanelTab.speed),
|
||||
],
|
||||
),
|
||||
const Divider(color: Colors.white24, height: 1),
|
||||
Expanded(
|
||||
child: switch (_tab) {
|
||||
_PanelTab.list => _listTab(waypoints, routeGeometry, droneProfile),
|
||||
_PanelTab.altitude => _chartTab(
|
||||
PanelTab.list => _listTab(waypoints, routeGeometry, droneProfile),
|
||||
PanelTab.altitude => _chartTab(
|
||||
waypoints,
|
||||
routeGeometry,
|
||||
values: [for (final w in waypoints) w.altitudeM],
|
||||
@@ -223,7 +242,7 @@ class _WaypointListPanelState extends ConsumerState<WaypointListPanel> {
|
||||
: null,
|
||||
terrainLoading: terrainState.loading,
|
||||
),
|
||||
_PanelTab.speed => _chartTab(
|
||||
PanelTab.speed => _chartTab(
|
||||
waypoints,
|
||||
routeGeometry,
|
||||
values: [for (final w in waypoints) w.speedMs],
|
||||
@@ -244,15 +263,15 @@ class _WaypointListPanelState extends ConsumerState<WaypointListPanel> {
|
||||
);
|
||||
}
|
||||
|
||||
Widget _tabButton(String label, _PanelTab tab) {
|
||||
Widget _tabButton(String label, PanelTab tab) {
|
||||
final active = _tab == tab;
|
||||
return Expanded(
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
setState(() => _tab = tab);
|
||||
if (tab == _PanelTab.list) {
|
||||
if (tab == PanelTab.list) {
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) => _scrollToActive());
|
||||
} else if (tab == _PanelTab.altitude) {
|
||||
} else if (tab == PanelTab.altitude) {
|
||||
ref.read(terrainProvider.notifier).ensureFor(ref.read(currentMissionProvider));
|
||||
}
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user