Initial draft

2025-09-20 16:14:06 +02:00
commit b19a6e1cd4
219 changed files with 10317 additions and 0 deletions
--- a/lib/feature/delivery/detail/presentation/delivery_sign.dart
+++ b/lib/feature/delivery/detail/presentation/delivery_sign.dart
@ -0,0 +1,164 @@
+import 'dart:typed_data';
+
+import 'package:hl_lieferservice/model/customer.dart';
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:signature/signature.dart';
+
+class SignatureView extends StatefulWidget {
+  const SignatureView({
+    super.key,
+    required this.onSigned,
+    required this.customer,
+  });
+
+  final Customer customer;
+
+  /// Callback that is called when the user has signed.
+  /// The parameter stores the path to the image file of the signature.
+  final void Function(Uint8List customerSignaturePng, Uint8List driverSignaturePng) onSigned;
+
+  @override
+  State<StatefulWidget> createState() => _SignatureViewState();
+}
+
+class _SignatureViewState extends State<SignatureView> {
+  final SignatureController _customerController = SignatureController(
+    penStrokeWidth: 5,
+    penColor: Colors.black,
+    exportBackgroundColor: Colors.white,
+  );
+
+  final SignatureController _driverController = SignatureController(
+    penStrokeWidth: 5,
+    penColor: Colors.black,
+    exportBackgroundColor: Colors.white,
+  );
+
+  bool _isDriverSigning = false;
+  bool _customerAccepted = false;
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    _customerController.dispose();
+    super.dispose();
+  }
+
+  Widget _signatureField() {
+    return Signature(
+      controller: _isDriverSigning ? _driverController : _customerController,
+      backgroundColor: Colors.white,
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    String formattedDate = DateFormat("dd.MM.yyyy").format(DateTime.now());
+
+    return Scaffold(
+      appBar: AppBar(
+        title:
+            !_isDriverSigning
+                ? const Text("Unterschrift des Kunden")
+                : const Text("Unterschrift des Fahrers"),
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(20.0),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Expanded(
+              child: SizedBox(
+                width: double.infinity,
+                child: DecoratedBox(
+                  decoration: const BoxDecoration(color: Colors.white),
+                  child: Padding(
+                    padding: const EdgeInsets.all(20.0),
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Expanded(
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.center,
+                            children: [
+                              Text(
+                                "Lieferung an: ${widget.customer.name}",
+                                style: const TextStyle(
+                                  fontWeight: FontWeight.bold,
+                                ),
+                              ),
+                              Expanded(child: _signatureField()),
+                            ],
+                          ),
+                        ),
+                        const Divider(),
+                        Text(
+                          "${widget.customer.address.city}, den $formattedDate",
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+              ),
+            ),
+            !_isDriverSigning
+                ? Padding(
+                  padding: const EdgeInsets.only(top: 25.0, bottom: 25.0),
+                  child: Row(
+                    children: [
+                      Checkbox(
+                        value: _customerAccepted,
+                        onChanged: (value) {
+                          setState(() {
+                            _customerAccepted = value!;
+                          });
+                        },
+                      ),
+                      const Flexible(
+                        child: Text(
+                          "Ich bestätige, dass ich die Ware im ordnungsgemäßen Zustand erhalten habe und, dass die Aufstell- und Einbauarbeiten korrekt durchgeführt wurden.",
+                          overflow: TextOverflow.fade,
+                        ),
+                      ),
+                    ],
+                  ),
+                )
+                : Container(),
+            Padding(
+              padding: const EdgeInsets.only(top: 25.0, bottom: 25.0),
+              child: Center(
+                child: FilledButton(
+                  onPressed:
+                      !_customerAccepted
+                          ? null
+                          : () async {
+                            if (!_isDriverSigning) {
+                              setState(() {
+                                _isDriverSigning = true;
+                              });
+                            } else {
+                              widget.onSigned(
+                                (await _customerController.toPngBytes())!,
+                                (await _driverController.toPngBytes())!,
+                              );
+                            }
+                          },
+                  child:
+                      !_isDriverSigning
+                          ? const Text("Weiter")
+                          : const Text("Absenden"),
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}