fix(#156): superviser nom, e-mail et CP comme à l’inscription.

IdentityBlock editable : capitalisation live, e-mail/CP normalisés et validés à la perte de focus (aligné création de compte). Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-22 19:27:20 +02:00
parent 471a62ddb7
commit 4ae334b247
3 changed files with 184 additions and 18 deletions
@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:p_tits_pas/utils/email_utils.dart';
+import 'package:p_tits_pas/utils/postal_utils.dart';
 import 'admin_detail_modal.dart';

 /// Bloc type formulaire (titre de section + champs read-only) pour les modales de validation.
@@ -295,6 +297,158 @@ class ValidationEditableField extends StatelessWidget {
  }
 }

+/// E-mail style validation — même supervision que login / création de compte :
+/// [EmailMaxLengthFormatter] + à la perte de focus : trim/minuscules + validation.
+class ValidationEmailField extends StatefulWidget {
+  final TextEditingController controller;
+  final String? hintText;
+  final bool allowEmpty;
+
+  const ValidationEmailField({
+    super.key,
+    required this.controller,
+    this.hintText,
+    this.allowEmpty = false,
+  });
+
+  @override
+  State<ValidationEmailField> createState() => _ValidationEmailFieldState();
+}
+
+class _ValidationEmailFieldState extends State<ValidationEmailField> {
+  final GlobalKey<FormFieldState<String>> _fieldKey =
+      GlobalKey<FormFieldState<String>>();
+  late final FocusNode _focusNode;
+
+  @override
+  void initState() {
+    super.initState();
+    _focusNode = FocusNode();
+    _focusNode.addListener(_onFocusChange);
+  }
+
+  void _onFocusChange() {
+    if (_focusNode.hasFocus) return;
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      if (!mounted || _focusNode.hasFocus) return;
+      final c = widget.controller;
+      final normalized = normalizeEmailText(c.text);
+      if (normalized != c.text) {
+        c.value = TextEditingValue(
+          text: normalized,
+          selection: TextSelection.collapsed(offset: normalized.length),
+        );
+      }
+      _fieldKey.currentState?.validate();
+    });
+  }
+
+  @override
+  void dispose() {
+    _focusNode.removeListener(_onFocusChange);
+    _focusNode.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return TextFormField(
+      key: _fieldKey,
+      controller: widget.controller,
+      focusNode: _focusNode,
+      keyboardType: TextInputType.emailAddress,
+      autocorrect: false,
+      enableSuggestions: false,
+      autofillHints: const [AutofillHints.email],
+      textInputAction: TextInputAction.next,
+      inputFormatters: const [EmailMaxLengthFormatter()],
+      style: const TextStyle(color: Colors.black87, fontSize: 14),
+      decoration: ValidationFieldDecoration.input(hint: widget.hintText).copyWith(
+        errorStyle: TextStyle(color: Colors.red.shade700, fontSize: 11),
+        errorMaxLines: 2,
+      ),
+      validator: (value) =>
+          validateEmail(value, allowEmpty: widget.allowEmpty),
+    );
+  }
+}
+
+/// Code postal FR — même supervision que création de compte :
+/// chiffres uniquement (max 5) + validation à la perte de focus.
+class ValidationPostalCodeField extends StatefulWidget {
+  final TextEditingController controller;
+  final String? hintText;
+  final bool allowEmpty;
+
+  const ValidationPostalCodeField({
+    super.key,
+    required this.controller,
+    this.hintText,
+    this.allowEmpty = false,
+  });
+
+  @override
+  State<ValidationPostalCodeField> createState() =>
+      _ValidationPostalCodeFieldState();
+}
+
+class _ValidationPostalCodeFieldState extends State<ValidationPostalCodeField> {
+  final GlobalKey<FormFieldState<String>> _fieldKey =
+      GlobalKey<FormFieldState<String>>();
+  late final FocusNode _focusNode;
+
+  @override
+  void initState() {
+    super.initState();
+    _focusNode = FocusNode();
+    _focusNode.addListener(_onFocusChange);
+  }
+
+  void _onFocusChange() {
+    if (_focusNode.hasFocus) return;
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      if (!mounted || _focusNode.hasFocus) return;
+      final c = widget.controller;
+      final trimmed = c.text.trim();
+      if (trimmed != c.text) {
+        c.value = TextEditingValue(
+          text: trimmed,
+          selection: TextSelection.collapsed(offset: trimmed.length),
+        );
+      }
+      _fieldKey.currentState?.validate();
+    });
+  }
+
+  @override
+  void dispose() {
+    _focusNode.removeListener(_onFocusChange);
+    _focusNode.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return TextFormField(
+      key: _fieldKey,
+      controller: widget.controller,
+      focusNode: _focusNode,
+      keyboardType: TextInputType.number,
+      textInputAction: TextInputAction.next,
+      inputFormatters: kFrenchPostalCodeInputFormatters,
+      style: const TextStyle(color: Colors.black87, fontSize: 14),
+      decoration: ValidationFieldDecoration.input(
+        hint: widget.hintText ?? '5 chiffres',
+      ).copyWith(
+        errorStyle: TextStyle(color: Colors.red.shade700, fontSize: 11),
+        errorMaxLines: 2,
+      ),
+      validator: (value) =>
+          validateFrenchPostalCode(value, allowEmpty: widget.allowEmpty),
+    );
+  }
+}
+
 /// Grille label/champ éditable (délègue à [ValidationFormGrid]).
 class ValidationEditableSection extends StatelessWidget {
  final List<ValidationLabeledField> fields;