Xeewy/TravelMate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement login and signup test with json.

Browse Source
This commit is contained in:
Van Leemput Dayron
2025-10-01 00:48:06 +02:00
parent b3d463e1fb
commit 9fb81f793b
8 changed files with 1004 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files

495
lib/pages/signup.dart
View File

@@ -1,8 +1,170 @@
import 'package:flutter/material.dart';
import 'package:bcrypt/bcrypt.dart';
import '../models/user.dart';
import '../services/user_service.dart';
class SignUpPage extends StatelessWidget {
class SignUpPage extends StatefulWidget {
const SignUpPage({super.key});
@override
State<SignUpPage> createState() => _SignUpPageState();
}
class _SignUpPageState extends State<SignUpPage> {
final _formKey = GlobalKey<FormState>();
final _nomController = TextEditingController();
final _prenomController = TextEditingController();
final _emailController = TextEditingController();
final _passwordController = TextEditingController();
final _confirmPasswordController = TextEditingController();
final _userService = UserService();
bool _isLoading = false;
bool _obscurePassword = true;
bool _obscureConfirmPassword = true;
@override
void dispose() {
_nomController.dispose();
_prenomController.dispose();
_emailController.dispose();
_passwordController.dispose();
_confirmPasswordController.dispose();
super.dispose();
}
// Méthode de validation
String? _validateField(String? value, String fieldName) {
if (value == null || value.trim().isEmpty) {
return '$fieldName est requis';
}
return null;
}
String? _validateEmail(String? value) {
if (value == null || value.trim().isEmpty) {
return 'Email est requis';
}
final emailRegex = RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$');
if (!emailRegex.hasMatch(value.trim())) {
return 'Email invalide';
}
return null;
}
String? _validatePassword(String? value) {
if (value == null || value.isEmpty) {
return 'Mot de passe est requis';
}
if (value.length < 8) {
return 'Le mot de passe doit contenir au moins 8 caractères';
}
return null;
}
String? _validateConfirmPassword(String? value) {
if (value == null || value.isEmpty) {
return 'Confirmation du mot de passe requise';
}
if (value != _passwordController.text) {
return 'Les mots de passe ne correspondent pas';
}
return null;
}
// Méthode d'enregistrement
Future<void> _signUp() async {
if (!_formKey.currentState!.validate()) {
return;
}
setState(() {
_isLoading = true;
});
try {
// Vérifier si l'email existe déjà
bool emailExists = await _userService.emailExists(
_emailController.text.trim(),
);
if (emailExists) {
_showErrorDialog('Cet email est déjà utilisé');
return;
}
// Hasher le mot de passe
String hashedPassword = BCrypt.hashpw(
_passwordController.text,
BCrypt.gensalt(),
);
// Créer l'utilisateur
User newUser = User(
nom: _nomController.text.trim(),
prenom: _prenomController.text.trim(),
email: _emailController.text.trim().toLowerCase(),
password: hashedPassword,
);
// Sauvegarder l'utilisateur
bool success = await _userService.addUser(newUser);
if (success) {
_showSuccessDialog();
} else {
_showErrorDialog('Erreur lors de la création du compte');
}
} catch (e) {
_showErrorDialog('Une erreur est survenue: ${e.toString()}');
} finally {
setState(() {
_isLoading = false;
});
}
}
void _showSuccessDialog() {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text('Succès'),
content: Text('Votre compte a été créé avec succès !'),
actions: [
TextButton(
onPressed: () {
Navigator.of(context).pop(); // Fermer la dialog
Navigator.of(context).pop(); // Retourner à la page de login
},
child: Text('OK'),
),
],
);
},
);
}
void _showErrorDialog(String message) {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text('Erreur'),
content: Text(message),
actions: [
TextButton(
onPressed: () {
Navigator.of(context).pop();
},
child: Text('OK'),
),
],
);
},
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
@@ -17,226 +179,171 @@ class SignUpPage extends StatelessWidget {
elevation: 0,
),
body: SafeArea(
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Center(
child: Column(
children: [
const Text(
'Bienvenue sur Travel Mate',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
),
child: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Form(
key: _formKey,
child: Column(
children: [
const SizedBox(height: 40),
const SizedBox(height: 12),
const Text(
'Créer un compte',
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
),
const Text(
'Créez un compte pour continuer',
style: TextStyle(fontSize: 16, color: Colors.grey),
),
const SizedBox(height: 12),
const SizedBox(height: 20),
const Text(
'Rejoignez Travel Mate',
style: TextStyle(fontSize: 16, color: Colors.grey),
),
const TextField(
decoration: InputDecoration(
labelText: 'Nom',
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
const SizedBox(height: 40),
// Champ Nom
TextFormField(
controller: _nomController,
validator: (value) => _validateField(value, 'Nom'),
decoration: InputDecoration(
labelText: 'Nom',
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
),
prefixIcon: Icon(Icons.person),
),
),
),
const SizedBox(height: 12),
const SizedBox(height: 20),
const TextField(
decoration: InputDecoration(
labelText: 'Prénom',
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
// Champ Prénom
TextFormField(
controller: _prenomController,
validator: (value) => _validateField(value, 'Prénom'),
decoration: InputDecoration(
labelText: 'Prénom',
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
),
prefixIcon: Icon(Icons.person_outline),
),
),
),
const SizedBox(height: 20),
const SizedBox(height: 20),
const TextField(
decoration: InputDecoration(
labelText: 'Email',
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
// Champ Email
TextFormField(
controller: _emailController,
validator: _validateEmail,
keyboardType: TextInputType.emailAddress,
decoration: InputDecoration(
labelText: 'Email',
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
),
prefixIcon: Icon(Icons.email),
),
),
),
const SizedBox(height: 20),
const SizedBox(height: 20),
const TextField(
obscureText: true,
decoration: InputDecoration(
labelText: 'Mot de passe',
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
),
),
),
const SizedBox(height: 20),
const TextField(
obscureText: true,
decoration: InputDecoration(
labelText: 'Confirmez le mot de passe',
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
),
),
),
const SizedBox(height: 20),
ElevatedButton(
onPressed: () {
// Logique d'inscription
Navigator.pushNamed(context, '/home');
},
style: ElevatedButton.styleFrom(
minimumSize: const Size.fromHeight(50),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
child: const Text(
'S\'inscrire',
style: TextStyle(fontSize: 18),
),
),
const SizedBox(height: 20),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text("Déjà un compte ? "),
GestureDetector(
onTap: () {
// Logique de navigation vers la page de connexion
Navigator.pop(context);
},
child: const Text(
'Connectez-vous !',
style: TextStyle(
color: Colors.blue,
fontWeight: FontWeight.bold,
// Champ Mot de passe
TextFormField(
controller: _passwordController,
validator: _validatePassword,
obscureText: _obscurePassword,
decoration: InputDecoration(
labelText: 'Mot de passe',
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
),
prefixIcon: Icon(Icons.lock),
suffixIcon: IconButton(
icon: Icon(
_obscurePassword
? Icons.visibility
: Icons.visibility_off,
),
onPressed: () {
setState(() {
_obscurePassword = !_obscurePassword;
});
},
),
),
],
),
),
const SizedBox(height: 40),
const SizedBox(height: 20),
Container(
width: double.infinity,
height: 1,
color: Colors.grey.shade300,
),
// Champ Confirmation mot de passe
TextFormField(
controller: _confirmPasswordController,
validator: _validateConfirmPassword,
obscureText: _obscureConfirmPassword,
decoration: InputDecoration(
labelText: 'Confirmez le mot de passe',
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
),
prefixIcon: Icon(Icons.lock_outline),
suffixIcon: IconButton(
icon: Icon(
_obscureConfirmPassword
? Icons.visibility
: Icons.visibility_off,
),
onPressed: () {
setState(() {
_obscureConfirmPassword = !_obscureConfirmPassword;
});
},
),
),
),
const SizedBox(height: 40),
const SizedBox(height: 30),
Text(
'Ou inscrivez-vous avec',
style: TextStyle(color: Colors.grey.shade600),
),
// Bouton d'inscription
SizedBox(
width: double.infinity,
height: 50,
child: ElevatedButton(
onPressed: _isLoading ? null : _signUp,
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
child: _isLoading
? CircularProgressIndicator(color: Colors.white)
: Text('S\'inscrire', style: TextStyle(fontSize: 18)),
),
),
const SizedBox(height: 20),
const SizedBox(height: 20),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Column(
children: [
// Bouton Google avec fond
GestureDetector(
onTap: () {
// Logique de connexion avec Google
},
child: Container(
width: 50,
height: 50,
decoration: BoxDecoration(
color: Colors.black,
shape: BoxShape.circle,
boxShadow: [
BoxShadow(
color: Colors.grey.withValues(alpha: 0.3),
spreadRadius: 1,
blurRadius: 3,
offset: Offset(0, 1),
),
],
border: Border.all(
color: Colors.grey.shade300,
width: 1,
),
),
child: Center(
child: Image.asset(
'assets/icons/google.png',
width: 24,
height: 24,
),
),
// Lien vers login
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text("Déjà un compte ? "),
GestureDetector(
onTap: () {
Navigator.pop(context);
},
child: const Text(
'Connectez-vous !',
style: TextStyle(
color: Colors.blue,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 8),
const Text('Google'),
],
),
const SizedBox(width: 40),
Column(
children: [
// APPLE
GestureDetector(
onTap: () {
// Logique de connexion avec Google
},
child: Container(
width: 50,
height: 50,
decoration: BoxDecoration(
color: Colors.black,
shape: BoxShape.circle,
boxShadow: [
BoxShadow(
color: Colors.grey.withValues(alpha: 0.3),
spreadRadius: 1,
blurRadius: 3,
offset: Offset(0, 1),
),
],
border: Border.all(
color: Colors.grey.shade300,
width: 1,
),
),
child: Center(
child: Image.asset(
'assets/icons/apple_white.png',
width: 24,
height: 24,
),
),
),
),
const SizedBox(height: 8),
const Text('Apple'),
],
),
],
),
],
),
],
),
],
),
),
),
),