Interface de connexion avec connexion réussie au serveur

lib/core/constants/urls.dart

@@ -1,5 +1,5 @@
 class Urls {
-  static const String baseUrl = 'http://localhost:8085';
+  static const String baseUrl = 'http://192.168.1.145:8085';
   // static const String login = baseUrl + 'auth/login';
   // static const String events = baseUrl + 'events';
 // Ajoute d'autres URLs ici

lib/core/errors/exceptions.dart

@@ -1,3 +1,12 @@
 class ServerException implements Exception {}
 
 class CacheException implements Exception {}
+
+class AuthenticationException implements Exception {
+  final String message;
+
+  AuthenticationException(this.message);
+
+  @override
+  String toString() => 'AuthenticationException: $message';
+}

lib/data/datasources/user_remote_data_source.dart

@@ -10,6 +10,30 @@ class UserRemoteDataSource {
 
   UserRemoteDataSource(this.client);
 
+  Future<UserModel> authenticateUser(String email, String password) async {
+    if (email.isEmpty || password.isEmpty) {
+      throw Exception('Email ou mot de passe vide');
+    }
+
+    final response = await client.post(
+      Uri.parse('${Urls.baseUrl}/users/authenticate'),
+      headers: {'Content-Type': 'application/json'},
+      body: jsonEncode({
+        'email': email,
+        'motDePasse': password,
+      }),
+    );
+
+    if (response.statusCode == 200) {
+      final jsonResponse = json.decode(response.body);
+      return UserModel.fromJson(jsonResponse);
+    } else if (response.statusCode == 401) {
+      throw AuthenticationException('Email ou mot de passe incorrect');
+    } else {
+      throw ServerException();
+    }
+  }
+
   Future<UserModel> getUser(String id) async {
     final response = await client.get(Uri.parse('${Urls.baseUrl}/user/$id'));
 

lib/data/datasources/user_repository_impl.dart

@@ -1,6 +1,7 @@
 import 'package:afterwork/domain/entities/user.dart';
 import 'package:afterwork/domain/repositories/user_repository.dart';
 import 'package:afterwork/data/datasources/user_remote_data_source.dart';
+import 'package:afterwork/data/models/user_model.dart';
 
 class UserRepositoryImpl implements UserRepository {
   final UserRemoteDataSource remoteDataSource;
@@ -9,6 +10,12 @@ class UserRepositoryImpl implements UserRepository {
 
   @override
   Future<User> getUser(String id) async {
-    return await remoteDataSource.getUser(id);
+    UserModel userModel = await remoteDataSource.getUser(id);
+    return userModel;  // Retourne un UserModel qui est un sous-type de User
+  }
+
+  Future<User> authenticateUser(String email, String password) async {
+    UserModel userModel = await remoteDataSource.authenticateUser(email, password);
+    return userModel;  // Retourne un UserModel qui est un sous-type de User
   }
 }

lib/data/models/user_model.dart

@@ -1,26 +1,37 @@
-
+import 'package:afterwork/domain/entities/user.dart';
-import '../../domain/entities/user.dart';
 
 class UserModel extends User {
   const UserModel({
-    required super.id,
+    required String id,
-    required super.name,
+    required String nom,
-    required super.email,
+    required String prenoms,
-  });
+    required String email,
+    required String motDePasse,
+  }) : super(
+    id: id,
+    nom: nom,
+    prenoms: prenoms,
+    email: email,
+    motDePasse: motDePasse,
+  );
 
   factory UserModel.fromJson(Map<String, dynamic> json) {
     return UserModel(
-      id: json['id'],
+      id: json['id'] ?? '',
-      name: json['name'],
+      nom: json['nom'] ?? '',
-      email: json['email'],
+      prenoms: json['prenoms'] ?? '',
+      email: json['email'] ?? '',
+      motDePasse: json['motDePasse'] ?? '',
     );
   }
 
   Map<String, dynamic> toJson() {
     return {
       'id': id,
-      'name': name,
+      'nom': nom,
+      'prenoms': prenoms,
       'email': email,
+      'motDePasse': motDePasse,
     };
   }
 }

lib/domain/entities/user.dart

@@ -2,11 +2,19 @@ import 'package:equatable/equatable.dart';
 
 class User extends Equatable {
   final String id;
-  final String name;
+  final String nom;
+  final String prenoms;
   final String email;
+  final String motDePasse;
 
-  const User({required this.id, required this.name, required this.email});
+  const User({
+    required this.id,
+    required this.nom,
+    required this.prenoms,
+    required this.email,
+    required this.motDePasse,
+  });
 
   @override
-  List<Object?> get props => [id, name, email];
+  List<Object?> get props => [id, nom, prenoms, email, motDePasse];
 }

lib/presentation/screens/login/login_screen.dart

@@ -1,45 +1,22 @@
 import 'package:flutter/material.dart';
+import 'package:afterwork/data/datasources/user_remote_data_source.dart';
+import 'package:afterwork/data/models/user_model.dart';
+import 'package:http/http.dart' as http;
 
 class LoginScreen extends StatefulWidget {
-  const LoginScreen({Key? key}) : super(key: key);
+  const LoginScreen({super.key});
 
   @override
   _LoginScreenState createState() => _LoginScreenState();
 }
 
-class _LoginScreenState extends State<LoginScreen> with SingleTickerProviderStateMixin {
+class _LoginScreenState extends State<LoginScreen> {
   final _formKey = GlobalKey<FormState>();
-  String _email = '';
+  String _email = '';  // Initialisation par défaut
-  String _password = '';
+  String _password = '';  // Initialisation par défaut
   bool _isPasswordVisible = false;
 
-  late AnimationController _animationController;
+  final UserRemoteDataSource _userRemoteDataSource = UserRemoteDataSource(http.Client());
-  late Animation<Offset> _slideAnimation;
-
-  @override
-  void initState() {
-    super.initState();
-    _animationController = AnimationController(
-      vsync: this,
-      duration: const Duration(milliseconds: 500),
-    );
-
-    _slideAnimation = Tween<Offset>(
-      begin: const Offset(0.0, 1.0),
-      end: Offset.zero,
-    ).animate(CurvedAnimation(
-      parent: _animationController,
-      curve: Curves.easeOut,
-    ));
-
-    _animationController.forward();
-  }
-
-  @override
-  void dispose() {
-    _animationController.dispose();
-    super.dispose();
-  }
 
   void _togglePasswordVisibility() {
     setState(() {
@@ -47,11 +24,32 @@ class _LoginScreenState extends State<LoginScreen> with SingleTickerProviderStat
     });
   }
 
-  void _submit() {
+  void _submit() async {
     if (_formKey.currentState!.validate()) {
       _formKey.currentState!.save();
-      print('Email: $_email, Password: $_password');  // Utilisation des valeurs
+
-      // Implémente la logique de connexion ici
+      print('Email: $_email');  // Pour vérifier la valeur de l'email
+      print('Mot de passe: $_password');  // Pour vérifier la valeur du mot de passe
+
+      if (_email.isEmpty || _password.isEmpty) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(content: Text('Veuillez remplir tous les champs')),
+        );
+        return;
+      }
+
+      try {
+        UserModel user = await _userRemoteDataSource.authenticateUser(_email, _password);
+        print('Connexion réussie : ${user.email}');
+        // Naviguer vers la page d'accueil ou autre
+      } catch (e) {
+        print('Erreur lors de la connexion: $e');
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text(e.toString())),
+        );
+      }
+    } else {
+      print('Formulaire invalide');
     }
   }
 
@@ -61,124 +59,117 @@ class _LoginScreenState extends State<LoginScreen> with SingleTickerProviderStat
 
     return Scaffold(
       backgroundColor: Colors.white,
-      body: Center(
+      body: Stack(
-        child: SingleChildScrollView(
+        children: [
-          padding: const EdgeInsets.all(16.0),
+          // Arrière-plan
-          child: SlideTransition(
+          Positioned.fill(
-            position: _slideAnimation,
+            child: Image.asset(
-            child: Column(
+              'lib/assets/images/background.webp',  // Remplace par le chemin de ton image
-              crossAxisAlignment: CrossAxisAlignment.center,
+              fit: BoxFit.cover,
-              children: [
-                // Logo
-                Image.asset(
-                  'lib/assets/images/logo.png',
-                  height: size.height * 0.2,
-                ),
-                const SizedBox(height: 20),
-                const Text(
-                  'Bienvenue sur AfterWork',
-                  style: TextStyle(
-                    fontSize: 24,
-                    fontWeight: FontWeight.bold,
-                    color: Colors.blueAccent,
-                  ),
-                ),
-                const SizedBox(height: 40),
-
-                // Formulaire de connexion
-                Form(
-                  key: _formKey,
-                  child: Column(
-                    children: [
-                      // Champ Email
-                      TextFormField(
-                        decoration: const InputDecoration(
-                          labelText: 'Email',
-                          border: OutlineInputBorder(),
-                          prefixIcon: Icon(Icons.email),
-                        ),
-                        keyboardType: TextInputType.emailAddress,
-                        validator: (value) {
-                          if (value == null || value.isEmpty) {
-                            return 'Veuillez entrer votre email';
-                          }
-                          if (!RegExp(r'^[^@]+@[^@]+\.[^@]+').hasMatch(value)) {
-                            return 'Veuillez entrer un email valide';
-                          }
-                          return null;
-                        },
-                        onSaved: (value) {
-                          _email = value!;
-                        },
-                      ),
-                      const SizedBox(height: 20),
-
-                      // Champ Mot de passe
-                      TextFormField(
-                        decoration: InputDecoration(
-                          labelText: 'Mot de passe',
-                          border: const OutlineInputBorder(),
-                          prefixIcon: const Icon(Icons.lock),
-                          suffixIcon: IconButton(
-                            icon: Icon(
-                              _isPasswordVisible
-                                  ? Icons.visibility
-                                  : Icons.visibility_off,
-                            ),
-                            onPressed: _togglePasswordVisibility,
-                          ),
-                        ),
-                        obscureText: !_isPasswordVisible,
-                        validator: (value) {
-                          if (value == null || value.isEmpty) {
-                            return 'Veuillez entrer votre mot de passe';
-                          }
-                          if (value.length < 6) {
-                            return 'Le mot de passe doit comporter au moins 6 caractères';
-                          }
-                          return null;
-                        },
-                        onSaved: (value) {
-                          _password = value!;
-                        },
-                      ),
-                      const SizedBox(height: 20),
-
-                      // Bouton de connexion
-                      SizedBox(
-                        width: double.infinity,
-                        child: ElevatedButton(
-                          style: ElevatedButton.styleFrom(
-                            padding: const EdgeInsets.all(16.0),
-                            textStyle: const TextStyle(fontSize: 18),
-                            backgroundColor: Colors.blueAccent,
-                            shape: RoundedRectangleBorder(
-                              borderRadius: BorderRadius.circular(8.0),
-                            ),
-                          ),
-                          onPressed: _submit,
-                          child: const Text('Connexion'),
-                        ),
-                      ),
-                      const SizedBox(height: 20),
-
-                      // Lien pour s'inscrire
-                      TextButton(
-                        onPressed: () {
-                          // Naviguer vers la page d'inscription
-                        },
-                        child: const Text(
-                          'Pas encore de compte ? Inscrivez-vous',
-                          style: TextStyle(color: Colors.blueAccent),
-                        ),
-                      ),
-                    ],
-                  ),
-                ),
-              ],
             ),
           ),
-        ),
+          // Contenu de la page
+          Center(
+            child: SingleChildScrollView(
+              padding: const EdgeInsets.all(16.0),
+              child: Form(
+                key: _formKey,
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    Image.asset(
+                      'lib/assets/images/logo.png',
+                      height: size.height * 0.2,
+                    ),
+                    const SizedBox(height: 20),
+                    const Text(
+                      'Bienvenue sur AfterWork',
+                      style: TextStyle(
+                        fontSize: 24,
+                        fontWeight: FontWeight.bold,
+                        color: Colors.blueAccent,
+                      ),
+                    ),
+                    const SizedBox(height: 40),
+                    TextFormField(
+                      decoration: const InputDecoration(
+                        labelText: 'Email',
+                        border: OutlineInputBorder(),
+                        prefixIcon: Icon(Icons.email),
+                      ),
+                      keyboardType: TextInputType.emailAddress,
+                      validator: (value) {
+                        if (value == null || value.isEmpty) {
+                          return 'Veuillez entrer votre email';
+                        }
+                        if (!RegExp(r'^[^@]+@[^@]+\.[^@]+').hasMatch(value)) {
+                          return 'Veuillez entrer un email valide';
+                        }
+                        return null;
+                      },
+                      onSaved: (value) {
+                        _email = value ?? '';  // Utiliser une chaîne vide si value est null
+                      },
+                    ),
+                    const SizedBox(height: 20),
+                    TextFormField(
+                      decoration: InputDecoration(
+                        labelText: 'Mot de passe',
+                        border: const OutlineInputBorder(),
+                        prefixIcon: const Icon(Icons.lock),
+                        suffixIcon: IconButton(
+                          icon: Icon(
+                            _isPasswordVisible ? Icons.visibility : Icons.visibility_off,
+                          ),
+                          onPressed: _togglePasswordVisibility,
+                        ),
+                      ),
+                      obscureText: !_isPasswordVisible,
+                      validator: (value) {
+                        if (value == null || value.isEmpty) {
+                          return 'Veuillez entrer votre mot de passe';
+                        }
+                        if (value.length < 6) {
+                          return 'Le mot de passe doit comporter au moins 6 caractères';
+                        }
+                        return null;
+                      },
+                      onSaved: (value) {
+                        _password = value ?? '';  // Utiliser une chaîne vide si value est null
+                      },
+                    ),
+                    const SizedBox(height: 20),
+                    SizedBox(
+                      width: double.infinity,
+                      child: ElevatedButton(
+                        style: ElevatedButton.styleFrom(
+                          padding: const EdgeInsets.all(16.0),
+                          textStyle: const TextStyle(fontSize: 18),
+                          backgroundColor: Colors.blueAccent,
+                          shape: RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(8.0),
+                          ),
+                        ),
+                        onPressed: _submit,
+                        child: const Text('Connexion'),
+                      ),
+                    ),
+                    const SizedBox(height: 20),
+                    TextButton(
+                      onPressed: () {
+                        // Naviguer vers la page d'inscription
+                      },
+                      child: const Text(
+                        'Pas encore de compte ? Inscrivez-vous',
+                        style: TextStyle(color: Colors.blueAccent),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+        ],
       ),
     );
   }

pubspec.yaml

@@ -39,6 +39,7 @@ flutter:
 
   assets:
     - lib/assets/images/logo.png
+    - lib/assets/images/background.webp
 
   # To add assets to your application, add an assets section, like this:
   # assets: