(Feat) Add google

2026-07-18 13:11:03 +02:00
parent 01a0f1029f
commit 8dd5873f25
20 changed files with 596 additions and 379 deletions
@@ -0,0 +1,124 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+import '../services/session_client.dart';
+import '../theme.dart';
+
+/// Logo « G » officiel de Google (SVG des guidelines de marque). Ne pas altérer
+/// (couleurs / proportions) sous peine de non-conformité (validation Play Store).
+const String _googleGSvg = '''
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+<path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
+<path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
+<path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
+<path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
+</svg>
+''';
+
+/// Bouton officiel « Se connecter avec Google » (connexion native, sélecteur de
+/// compte in-app), conforme aux guidelines de marque Google. Un compte inconnu
+/// est créé côté serveur puis dirigé vers l'écran « Finaliser mon profil ».
+class OAuthBoutons extends StatefulWidget {
+  const OAuthBoutons({super.key});
+
+  @override
+  State<OAuthBoutons> createState() => _OAuthBoutonsState();
+}
+
+class _OAuthBoutonsState extends State<OAuthBoutons> {
+  bool _enCours = false;
+
+  Future<void> _google() async {
+    setState(() => _enCours = true);
+    try {
+      await SessionClient.instance.connexionGoogleNative();
+      // Succès : l'AuthGate bascule automatiquement (ce widget est démonté).
+    } catch (e) {
+      if (mounted) {
+        setState(() => _enCours = false);
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(
+              content: Text('Connexion Google annulée ou échouée.')),
+        );
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Row(
+          children: [
+            const Expanded(child: Divider()),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 12),
+              child: Text('ou',
+                  style: TextStyle(color: AppTheme.grisTexte, fontSize: 13)),
+            ),
+            const Expanded(child: Divider()),
+          ],
+        ),
+        const SizedBox(height: 12),
+        _BoutonGoogle(enCours: _enCours, onPressed: _enCours ? null : _google),
+      ],
+    );
+  }
+}
+
+/// Rendu conforme charte Google : fond blanc, bordure #747775, logo G 18dp,
+/// libellé Roboto Medium #1F1F1F.
+class _BoutonGoogle extends StatelessWidget {
+  const _BoutonGoogle({required this.enCours, required this.onPressed});
+
+  final bool enCours;
+  final VoidCallback? onPressed;
+
+  static const Color _texte = Color(0xFF1F1F1F);
+  static const Color _bordure = Color(0xFF747775);
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      color: Colors.white,
+      borderRadius: BorderRadius.circular(14),
+      child: InkWell(
+        borderRadius: BorderRadius.circular(14),
+        onTap: onPressed,
+        child: Ink(
+          height: 52,
+          decoration: BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.circular(14),
+            border: Border.all(color: _bordure),
+          ),
+          child: Center(
+            child: enCours
+                ? const SizedBox(
+                    height: 22,
+                    width: 22,
+                    child: CircularProgressIndicator(strokeWidth: 2),
+                  )
+                : Row(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      SvgPicture.string(_googleGSvg, width: 18, height: 18),
+                      const SizedBox(width: 12),
+                      const Text(
+                        'Se connecter avec Google',
+                        style: TextStyle(
+                          color: _texte,
+                          fontSize: 15,
+                          fontWeight: FontWeight.w500,
+                          fontFamily: 'Roboto',
+                        ),
+                      ),
+                    ],
+                  ),
+          ),
+        ),
+      ),
+    );
+  }
+}