4 Commits

Author SHA1 Message Date
marco 11aa6f8812 fixed incorrect cast 2026-06-09 17:44:35 +02:00
marco 5fae2dcf4f added task edit/create form 2026-06-09 17:42:35 +02:00
marco d44070a8e9 added textvalidators 2026-06-09 17:42:14 +02:00
marco 05b9d3e920 added helper function to format datestring 2026-06-09 17:42:04 +02:00
4 changed files with 191 additions and 10 deletions
+157 -5
View File
@@ -1,18 +1,170 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import '../model/callback_models/create_task_request.dart';
import '../model/task.dart'; import '../model/task.dart';
import '../service/tools.dart';
import '../service/validators.dart';
class TaskEditPage extends StatelessWidget { class TaskEditPage extends StatefulWidget {
static const routeName = '/edit'; static const routeName = '/edit';
const TaskEditPage({super.key}); const TaskEditPage({super.key});
@override @override
Widget build(BuildContext context) { State<TaskEditPage> createState() => _TaskEditPageState();
final task = ModalRoute.of(context)!.settings.arguments as Task?; }
class _TaskEditPageState extends State<TaskEditPage> {
final titleController = TextEditingController();
final descriptionController = TextEditingController();
final categoryController = TextEditingController();
final urlController = TextEditingController();
final dueDateController = TextEditingController();
final dueTimeController = TextEditingController();
late String pageTitle;
@override
void didChangeDependencies() {
super.didChangeDependencies();
final task = ModalRoute.of(context)!.settings.arguments as Task?;
if (task != null) {
titleController.text = task.title;
descriptionController.text = task.description;
categoryController.text = task.category;
urlController.text = task.url;
dueDateController.text = task.due != null
? getIsoDateString(task.due!)
: '';
dueTimeController.text = task.due != null
? TimeOfDay.fromDateTime(task.due!).format(context)
: '';
}
pageTitle = task?.title ?? 'CreateTask';
}
@override
Widget build(BuildContext context) {
return Scaffold( return Scaffold(
appBar: AppBar(title: Text(task?.title ?? 'Create Task')), appBar: AppBar(title: Text(pageTitle)),
body: Form(child: Column()), body: Form(
autovalidateMode: AutovalidateMode.onUnfocus,
child: Column(
children: [
TextFormField(
autofocus: true,
controller: titleController,
decoration: InputDecoration(label: Text('Title')),
keyboardType: TextInputType.text,
textInputAction: TextInputAction.next,
),
TextFormField(
controller: descriptionController,
decoration: InputDecoration(label: Text('Description')),
keyboardType: TextInputType.text,
textInputAction: TextInputAction.next,
),
TextFormField(
controller: dueDateController,
onChanged: (value) {
if (dateTimeValidator(value) == null) {}
setState(() {});
},
decoration: InputDecoration(
label: Text('Due Date'),
suffix: IconButton(
onPressed: () async {
final result = await onOpenCalendarPickerPressed();
if (result != null) {
dueDateController.text = getIsoDateString(result);
}
setState(() {});
},
icon: Icon(Icons.calendar_month),
),
),
validator: dateTimeValidator,
keyboardType: TextInputType.text,
textInputAction: TextInputAction.next,
),
TextFormField(
controller: dueTimeController,
enabled: DateTime.tryParse(dueDateController.text) != null
? true
: false,
decoration: InputDecoration(
label: Text('Due Time'),
suffix: IconButton(
onPressed: () async {
final result = await onOpenTimePickerPressed();
if (result != null) {
setState(() {
dueTimeController.text = result.format(context);
});
}
},
icon: Icon(Icons.schedule),
),
),
validator: timeValidator,
keyboardType: TextInputType.text,
textInputAction: TextInputAction.next,
),
TextFormField(
controller: categoryController,
decoration: InputDecoration(label: Text('Category')),
keyboardType: TextInputType.text,
textInputAction: TextInputAction.next,
),
TextFormField(
controller: urlController,
decoration: InputDecoration(label: Text('Url')),
keyboardType: TextInputType.text,
textInputAction: TextInputAction.next,
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: onSavePressed,
child: Icon(Icons.save),
),
);
}
Future<DateTime?> onOpenCalendarPickerPressed() {
return showDialog<DateTime?>(
context: context,
builder: (context) => DatePickerDialog(
firstDate: DateTime(DateTime.now().year - 100),
lastDate: DateTime(DateTime.now().year + 100),
initialDate:
DateTime.tryParse(dueDateController.text) ?? DateTime.now(),
),
);
}
Future<TimeOfDay?> onOpenTimePickerPressed() {
return showDialog<TimeOfDay?>(
context: context,
builder: (context) =>
TimePickerDialog(initialTime: TimeOfDay(hour: 0, minute: 0)),
);
}
void onSavePressed() {
Navigator.of(context).pop(
CreateTaskRequest(
title: titleController.text,
description: descriptionController.text,
start: null,
due: DateTime.tryParse(dueDateController.text),
isCompleted: false,
category: categoryController.text,
subtasks: [],
alarms: [],
location: null,
url: urlController.text,
),
); );
} }
} }
+16 -5
View File
@@ -1,7 +1,9 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import '../example_data.dart'; import '../example_data.dart';
import '../model/callback_models/create_task_request.dart';
import '../model/task.dart'; import '../model/task.dart';
import '../service/tools.dart';
import 'task_edit_page.dart'; import 'task_edit_page.dart';
class TaskOverviewPage extends StatefulWidget { class TaskOverviewPage extends StatefulWidget {
@@ -38,15 +40,22 @@ class _TaskOverviewPageState extends State<TaskOverviewPage> {
key: Key(task.id), key: Key(task.id),
title: Text(task.title), title: Text(task.title),
subtitle: Text(task.description), subtitle: Text(task.description),
onTap: () => onTaskTapped(task), onTap: () async {
final result = await onTaskTapped(task);
if (result != null) {
tasks.remove(task);
tasks.add(result.toTask(id: task.id, position: task.position));
setState(() {});
}
},
); );
} }
Future<Task?> onTaskTapped(Task task) async { Future<CreateTaskRequest?> onTaskTapped(Task task) async {
final result = await Navigator.of( final result = await Navigator.of(
context, context,
).pushNamed(TaskEditPage.routeName, arguments: task); ).pushNamed(TaskEditPage.routeName, arguments: task);
return result as Task?; return result as CreateTaskRequest?;
} }
List<Task> reorderList(List<Task> tasks, oldIndex, newIndex) { List<Task> reorderList(List<Task> tasks, oldIndex, newIndex) {
@@ -65,10 +74,12 @@ class _TaskOverviewPageState extends State<TaskOverviewPage> {
void onCreateTaskTapped() async { void onCreateTaskTapped() async {
//TODO: example data call //TODO: example data call
final result = final result =
await Navigator.of(context).pushNamed(TaskEditPage.routeName) as Task?; await Navigator.of(context).pushNamed(TaskEditPage.routeName)
as CreateTaskRequest?;
if (result != null) { if (result != null) {
tasks.add(result); tasks.add(result.toTask(id: generateId(), position: tasks.length));
setState(() {});
} }
} }
} }
+4
View File
@@ -1 +1,5 @@
String generateId() => DateTime.now().millisecondsSinceEpoch.toString(); String generateId() => DateTime.now().millisecondsSinceEpoch.toString();
String getIsoDateString(DateTime dateTime) {
return dateTime.toIso8601String().substring(0, 10);
}
+14
View File
@@ -0,0 +1,14 @@
String? timeValidator(String? value) {
if (value == null || value.isEmpty) return null;
if (RegExp(r'^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$').hasMatch(value)) {
return null;
}
return 'Not a valid time format';
}
String? dateTimeValidator(String? value) {
if (value == null || value.isEmpty) return null;
return DateTime.tryParse(value) != null ? null : 'Not a date format';
}