added location overview screen

This commit is contained in:
2026-06-19 14:03:05 +02:00
parent 9d0cb7668d
commit 21ef9c4ab5
4 changed files with 188 additions and 2 deletions
+2
View File
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'app_theme.dart';
import 'model/repositories/local_repository.dart';
import 'pages/locations_overview_page.dart';
import 'pages/task_edit_page.dart';
import 'pages/task_overview_page.dart';
import 'service/controller_scope.dart';
@@ -39,6 +40,7 @@ class MainApp extends StatelessWidget {
routes: {
TaskOverviewPage.routeName: (context) => TaskOverviewPage(),
TaskEditPage.routeName: (context) => TaskEditPage(),
LocationsOverviewPage.routeName: (context) => LocationsOverviewPage(),
},
initialRoute: TaskOverviewPage.routeName,
);
+74
View File
@@ -0,0 +1,74 @@
import 'package:flutter/material.dart';
import '../model/extensions/controller_context.dart';
import '../model/location.dart';
import '../service/controllers/location_controller.dart';
import '../widgets/dialogs/create_location_dialog.dart';
class LocationsOverviewPage extends StatefulWidget {
static const routeName = '/locations';
const LocationsOverviewPage({super.key});
@override
State<LocationsOverviewPage> createState() => _LocationsOverviewPageState();
}
class _LocationsOverviewPageState extends State<LocationsOverviewPage> {
List<Location> locations = [];
@override
Widget build(BuildContext context) {
locations = context.controller<LocationController>().locations;
return Scaffold(
appBar: AppBar(title: Text('Manage Locations')),
body: Padding(
padding: EdgeInsetsGeometry.symmetric(
horizontal: MediaQuery.of(context).size.width * 0.05,
),
child: ListView.builder(
itemBuilder: listViewBuilder,
itemCount: context.controller<LocationController>().locations.length,
),
),
floatingActionButton: FloatingActionButton(
onPressed: onAddLocationButtonPressed,
child: Icon(Icons.add),
),
);
}
Widget listViewBuilder(BuildContext context, int index) {
final location = locations.elementAt(index);
final String subtitle = location.address.isEmpty
? location.coordinates.toString()
: location.address;
return ListTile(
title: Text(location.name),
subtitle: Text(subtitle),
onTap: () => onEditLocationButtonPressed(location),
);
}
void onAddLocationButtonPressed() async {
final result = await showDialog<Location?>(
context: context,
builder: (context) => CreateLocationDialog(),
barrierDismissible: false,
);
if (mounted && result != null) {
context.controller<LocationController>().addLocation(result);
}
}
void onEditLocationButtonPressed(Location location) async {
final result = await showDialog<Location?>(
context: context,
builder: (context) => CreateLocationDialog(initialLocation: location),
barrierDismissible: false,
);
if (mounted && result != null) {
context.controller<LocationController>().updateLocation(location, result);
}
}
}
+19 -2
View File
@@ -6,6 +6,7 @@ import '../model/task.dart';
import '../service/controllers/task_controller.dart';
import '../service/tools.dart';
import '../widgets/task_dismissible.dart';
import 'locations_overview_page.dart';
import 'task_edit_page.dart';
class TaskOverviewPage extends StatefulWidget {
@@ -22,7 +23,20 @@ class _TaskOverviewPageState extends State<TaskOverviewPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('Hallo Yannick')),
appBar: AppBar(
title: Text('Hallo Yannick'),
actions: [
PopupMenuButton(
itemBuilder: (_) => [
PopupMenuItem(
onTap: onLocationsButtonTapped,
child: Text('Locations'),
),
],
icon: Icon(Icons.more_vert),
),
],
),
body: Padding(
padding: EdgeInsetsGeometry.symmetric(
horizontal: MediaQuery.of(context).size.width * 0.05,
@@ -84,10 +98,13 @@ class _TaskOverviewPageState extends State<TaskOverviewPage> {
await Navigator.of(context).pushNamed(TaskEditPage.routeName)
as CreateTaskRequest?;
if (result != null && context.mounted) {
if (result != null && mounted) {
context.controller<TaskController>().saveTask(
result.toTask(id: generateId()),
);
}
}
void onLocationsButtonTapped() =>
Navigator.of(context).pushNamed(LocationsOverviewPage.routeName);
}
@@ -0,0 +1,93 @@
import 'package:flutter/material.dart';
import '../../app_theme.dart';
import '../../model/latlng.dart';
import '../../model/location.dart';
import '../../service/validators.dart';
class CreateLocationDialog extends StatefulWidget {
const CreateLocationDialog({super.key, this.initialLocation});
final Location? initialLocation;
@override
State<CreateLocationDialog> createState() => _CreateLocationDialogState();
}
class _CreateLocationDialogState extends State<CreateLocationDialog> {
final nameController = TextEditingController();
final addressController = TextEditingController();
final coordinatesController = TextEditingController();
final formKey = GlobalKey<FormState>(debugLabel: 'Create Location Form');
@override
void initState() {
if (widget.initialLocation != null) {
nameController.text = widget.initialLocation!.name;
addressController.text = widget.initialLocation!.address;
coordinatesController.text = widget.initialLocation!.coordinates
.toString();
}
super.initState();
}
@override
Widget build(BuildContext context) {
return AlertDialog(
actions: [
TextButton(onPressed: onCancelPressed, child: Text('Cancel')),
TextButton(onPressed: onSavePressed, child: Text('Save')),
],
title: Text('Create Location'),
content: Form(
key: formKey,
child: Column(
spacing: AppTheme.formColumnSpacing,
mainAxisSize: MainAxisSize.min,
children: [
TextFormField(
autofocus: true,
textInputAction: TextInputAction.next,
controller: nameController,
keyboardType: TextInputType.text,
decoration: InputDecoration(labelText: 'Name'),
validator: notEmptyValidator,
),
TextFormField(
textInputAction: TextInputAction.next,
controller: addressController,
keyboardType: TextInputType.streetAddress,
decoration: InputDecoration(labelText: 'Address (optional)'),
),
TextFormField(
textInputAction: TextInputAction.done,
controller: coordinatesController,
onFieldSubmitted: (_) => onSavePressed(),
keyboardType: TextInputType.numberWithOptions(),
decoration: InputDecoration(
labelText: 'Coordinates',
hint: Text('25.5892, 50.5051662'),
),
validator: (value) {
return notEmptyValidator(value) ?? coordinatesValidator(value);
},
),
],
),
),
);
}
void onCancelPressed() => Navigator.of(context).pop();
void onSavePressed() {
if (formKey.currentState!.validate()) {
Navigator.of(context).pop(
Location(
name: nameController.text,
coordinates: LatLng.fromString(coordinatesController.text),
address: addressController.text,
),
);
}
}
}