Implemented Cooking Duration Button

2025-02-11 16:56:22 +01:00
parent 28c1b8d56b
commit 2f6440f78d
2 changed files with 169 additions and 123 deletions
--- a/lib/widgets/cooking_duration_button.dart
+++ b/lib/widgets/cooking_duration_button.dart
@@ -0,0 +1,79 @@
+import 'package:flutter/material.dart';
+
+import 'duration_picker.dart';
+import '../services/tools.dart' show durationToFormattedString;
+
+class CookingDurationButton extends StatelessWidget {
+  const CookingDurationButton({
+    super.key,
+    required this.selectedDuration,
+    required this.onDurationChanged,
+    this.label = '',
+  });
+
+  final String label;
+  final void Function(Duration duration) onDurationChanged;
+  final Duration selectedDuration;
+
+  @override
+  Widget build(BuildContext context) {
+    String text = label;
+    if (label.isEmpty || selectedDuration.inMinutes != 0) {
+      text = durationToFormattedString(selectedDuration);
+    }
+    return FloatingActionButton.extended(
+      onPressed: () => showDialog(
+        context: context,
+        builder: (context) => _getDurationDialog(
+          context,
+          onDurationChanged,
+          selectedDuration,
+        ),
+      ),
+      isExtended: selectedDuration.inMinutes != 0,
+      label: Text(
+        text,
+        style: Theme.of(context).textTheme.titleMedium,
+      ),
+      icon:
+          selectedDuration.inMinutes != 0 ? Icon(Icons.edit) : Icon(Icons.add),
+    );
+  }
+}
+
+Dialog _getDurationDialog(
+  BuildContext context,
+  void Function(Duration duration) update,
+  Duration initialDuration,
+) {
+  final width = MediaQuery.of(context).size.width * 0.8;
+  final height = MediaQuery.of(context).size.height * 0.6;
+  Duration selectedTime = initialDuration;
+  return Dialog(
+    child: Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        DurationPicker(
+          initialDuration: initialDuration,
+          onChangedCallback: (duration) => selectedTime = duration,
+          height: width * 1.25 > height ? height : width * 1.25,
+          width: width,
+        ),
+        Align(
+          alignment: Alignment.bottomRight,
+          child: Padding(
+            padding: const EdgeInsets.fromLTRB(0, 20, 20, 20),
+            child: FloatingActionButton.extended(
+              label: Text('Save'),
+              icon: Icon(Icons.save),
+              onPressed: () {
+                update(selectedTime);
+                Navigator.of(context).pop();
+              },
+            ),
+          ),
+        ),
+      ],
+    ),
+  );
+}