ElPoyo/EM2RP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Photo de profile OK, modif nom, prénom, tel OK

Browse Source
This commit is contained in:
PC-PAUL\paulf 2025-03-10 17:14:09 +01:00
parent 611c95d73b
commit c579fd92a2
10 changed files with 388 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
em2rp/.vscode/launch.json vendored
View File

@ -4,36 +4,7 @@
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Attach to Chrome",
"port": 9222,
"request": "attach",
"type": "chrome",
"webRoot": "${workspaceFolder}",
"preLaunchTask": "npm: vite",
},
{
"name": "Launch Chrome",
"request": "launch",
"type": "chrome",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
},
{
"name": "Launch Edge",
"request": "launch",
"type": "msedge",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
},
{
"name": "Attach to Edge",
"port": 9222,
"request": "attach",
"type": "msedge",
"webRoot": "${workspaceFolder}"
},
{
"name": "em2rp",
"request": "launch",

8
em2rp/cors.json Normal file
View File

@ -0,0 +1,8 @@
[
{
"origin": ["http://localhost:63825"],
"method": ["GET"],
"maxAgeSeconds": 3600
}
]

2
em2rp/lib/main.dart
View File

@ -81,7 +81,7 @@ class MyApp extends StatelessWidget {
//Pages réservées aux ADMIN
'/user_management': (context) =>
const AuthGuard(child: UserManagementPage(), requiredRole: "ADMIN"),
const AuthGuard(requiredRole: "ADMIN", child: UserManagementPage()),
},
initialRoute: '/login',
);

4
em2rp/lib/utils/auth_guard_widget.dart
View File

@ -9,10 +9,10 @@ class AuthGuard extends StatelessWidget {
requiredRole; // Si non null, la page est réservée à ce rôle (ex: "ADMIN")
const AuthGuard({
Key? key,
super.key,
required this.child,
this.requiredRole,
}) : super(key: key);
});
@override
Widget build(BuildContext context) {

90
em2rp/lib/utils/firebase_storage_manager.dart Normal file
View File

@ -0,0 +1,90 @@
import 'dart:io';
import 'package:flutter/foundation.dart'; // pour kIsWeb
import 'package:firebase_storage/firebase_storage.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:image_picker/image_picker.dart';
class FirebaseStorageManager {
final FirebaseStorage _storage = FirebaseStorage.instance;
final FirebaseFirestore _firestore = FirebaseFirestore.instance;
/// Upload ou remplace la photo de profil d'un utilisateur dans Firebase Storage.
/// Pour le Web, on fixe l'extension .jpg.
/// 1. Construit le chemin : "ProfilePictures/UID.jpg"
/// 2. Supprime l'ancienne photo (si elle existe).
/// 3. Upload la nouvelle photo.
/// 4. Met à jour Firestore avec l'URL de la nouvelle image.
Future<String?> sendProfilePicture(
{required XFile imageFile, required String uid}) async {
try {
const String fileExtension = '.jpg'; // Extension fixe pour le web
final String fileName = '$uid$fileExtension';
final String filePath = 'ProfilePictures/$fileName';
final Reference storageRef = _storage.ref().child(filePath);
// 2. Suppression de l'ancienne photo de profil (si elle existe)
try {
await _storage.ref().child(filePath).delete();
print(
"FirebaseStorageManager: Ancienne photo supprimée pour l'utilisateur $uid.");
} on FirebaseException catch (e) {
if (e.code == 'object-not-found') {
print(
"FirebaseStorageManager: Pas d'ancienne photo à supprimer pour l'utilisateur $uid.");
} else {
print(
"FirebaseStorageManager: Erreur lors de la suppression pour l'utilisateur $uid: ${e.message}");
return null;
}
}
// 3. Upload de la nouvelle photo en fonction de la plateforme
UploadTask uploadTask;
if (kIsWeb) {
// Pour le web, lire les bytes et utiliser putData()
final bytes = await imageFile.readAsBytes();
uploadTask = storageRef.putData(bytes);
} else {
// Pour mobile/desktop, utiliser un File (dart:io)
final file = File(imageFile.path);
uploadTask = storageRef.putFile(file);
}
final TaskSnapshot snapshot = await uploadTask.whenComplete(() {});
if (snapshot.state == TaskState.success) {
// 4. Récupérer l'URL de téléchargement
final String downloadUrl = await snapshot.ref.getDownloadURL();
print(
"FirebaseStorageManager: Nouvelle photo uploadée pour l'utilisateur $uid. URL: $downloadUrl");
// 5. Mettre à jour Firestore avec l'URL de la photo de profil
try {
await _firestore
.collection('users')
.doc(uid)
.update({'profilePhotoUrl': downloadUrl});
print(
"FirebaseStorageManager: Firestore mis à jour pour l'utilisateur $uid.");
} catch (firestoreError) {
print(
"FirebaseStorageManager: Erreur Firestore pour l'utilisateur $uid: $firestoreError");
return downloadUrl; // On retourne l'URL même si la mise à jour échoue
}
return downloadUrl;
} else {
print(
"FirebaseStorageManager: Échec de l'upload pour l'utilisateur $uid. État: ${snapshot.state}");
return null;
}
} on FirebaseException catch (storageError) {
print(
"FirebaseStorageManager: Erreur Firebase Storage pour l'utilisateur $uid: ${storageError.message}");
return null;
} catch (e) {
print(
"FirebaseStorageManager: Erreur inattendue pour l'utilisateur $uid: $e");
return null;
}
}
}

4
em2rp/lib/views/login_page.dart
View File

@ -64,12 +64,14 @@ class _LoginPageState extends State<LoginPage> {
// Maintenant que toutes les données sont chargées, naviguer vers CalendarPage.
Navigator.of(context).pushReplacementNamed('/calendar');
} else {
if (!mounted) return;
setState(() {
_errorMessage = "Aucune donnée utilisateur trouvée.";
_isLoading = false;
});
}
} on FirebaseAuthException catch (e) {
if (!mounted) return;
setState(() {
_isLoading = false;
if (e.code == 'user-not-found' || e.code == 'wrong-password') {
@ -81,6 +83,7 @@ class _LoginPageState extends State<LoginPage> {
}
});
} catch (e) {
if (!mounted) return;
setState(() {
_errorMessage =
"Erreur lors de la récupération des données utilisateur.";
@ -90,6 +93,7 @@ class _LoginPageState extends State<LoginPage> {
}
void _togglePasswordVisibility() {
if (!mounted) return;
setState(() {
_obscurePassword = !_obscurePassword;
});

180
em2rp/lib/views/my_account_page.dart
View File

@ -1,21 +1,187 @@
import 'package:em2rp/providers/user_provider.dart';
import 'package:em2rp/utils/firebase_storage_manager.dart';
import 'package:em2rp/views/widgets/image/profile_picture.dart';
import 'package:em2rp/views/widgets/nav/main_drawer.dart';
import 'package:flutter/material.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:provider/provider.dart';
import 'package:image_picker/image_picker.dart';
class MyAccountPage extends StatelessWidget {
class MyAccountPage extends StatefulWidget {
const MyAccountPage({super.key});
@override
_MyAccountPageState createState() => _MyAccountPageState();
}
class _MyAccountPageState extends State<MyAccountPage> {
final User? user = FirebaseAuth.instance.currentUser;
final TextEditingController _firstNameController = TextEditingController();
final TextEditingController _lastNameController = TextEditingController();
final TextEditingController _phoneController = TextEditingController();
String? profilePhotoUrl;
bool _isHoveringProfilePic = false;
final FirebaseStorageManager _storageManager =
FirebaseStorageManager(); // Instance of FirebaseStorageManager
@override
void initState() {
super.initState();
_loadUserData();
}
Future<void> _loadUserData() async {
if (user != null) {
DocumentSnapshot userData = await FirebaseFirestore.instance
.collection('users')
.doc(user!.uid)
.get();
if (userData.exists) {
if (!mounted) return;
setState(() {
_firstNameController.text = userData['firstName'] ?? '';
_lastNameController.text = userData['lastName'] ?? '';
_phoneController.text = userData['phone'] ?? '';
});
}
}
}
Future<void> _updateUserData() async {
if (user != null) {
await FirebaseFirestore.instance.collection('users').doc(user!.uid).set({
'firstName': _firstNameController.text,
'lastName': _lastNameController.text,
'phone': _phoneController.text,
}, SetOptions(merge: true));
}
}
Future<void> _changeProfilePicture() async {
final ImagePicker picker = ImagePicker();
final XFile? image = await picker.pickImage(
source: ImageSource.gallery,
); // You can also use ImageSource.camera
if (image != null) {
// Call FirebaseStorageManager to send the profile picture
String? newProfilePhotoUrl = await _storageManager.sendProfilePicture(
imageFile: image,
uid: user!.uid,
);
if (newProfilePhotoUrl != null) {
if (!mounted) return;
setState(() {
profilePhotoUrl =
newProfilePhotoUrl; // Update the profilePhotoUrl to refresh the UI
});
// Optionally, update the UserProvider if you are using it to manage user data globally
// Provider.of<UserProvider>(context, listen: false).setUserProfilePhotoUrl(newProfilePhotoUrl);
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Photo de profil mise à jour avec succès!'),
),
);
} else {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text(
'Erreur lors de la mise à jour de la photo de profil.',
),
),
);
}
} else {
// User cancelled image picking
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('Sélection de photo annulée.')),
);
}
}
@override
Widget build(BuildContext context) {
final userProvider = Provider.of<UserProvider>(context);
final userProvider = Provider.of<UserProvider>(
context,
); // Get UserProvider instance
return Scaffold(
appBar: AppBar(title: const Text('Mon Compte')),
drawer:
MainDrawer(currentPage: '/my_account', userProvider: userProvider),
body: const Center(
child: Text('Page Mon Compte', style: TextStyle(fontSize: 24)),
appBar: AppBar(title: const Text('Gestion du compte')),
drawer: MainDrawer(
currentPage: '/my_account',
userProvider: userProvider,
), // Pass UserProvider to MainDrawer
body: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
MouseRegion(
onEnter: (_) => setState(() => _isHoveringProfilePic = true),
onExit: (_) => setState(() => _isHoveringProfilePic = false),
cursor: SystemMouseCursors.click,
child: GestureDetector(
onTap:
_changeProfilePicture, // Call _changeProfilePicture on tap
child: Stack(
alignment: Alignment.center,
children: [
ProfilePictureWidget(userId: user!.uid, radius: 45),
if (_isHoveringProfilePic)
Container(
width: 140,
height: 140,
decoration: BoxDecoration(
color: Colors.black54,
shape: BoxShape.circle,
),
child: const Center(
child: Icon(
Icons.edit,
color: Colors.white,
size: 30,
),
),
),
],
),
),
),
const SizedBox(height: 20),
_buildTextField('Prénom', _firstNameController),
_buildTextField('Nom', _lastNameController),
_buildTextField('Numéro de téléphone', _phoneController),
_buildTextField(
'Email',
TextEditingController(text: user?.email ?? ''),
enabled: false,
),
const SizedBox(height: 20),
ElevatedButton(
onPressed: _updateUserData,
child: const Text('Enregistrer'),
),
],
),
),
);
}
Widget _buildTextField(
String label,
TextEditingController controller, {
bool enabled = true,
}) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 8.0),
child: TextField(
controller: controller,
enabled: enabled,
decoration: InputDecoration(
labelText: label,
border: OutlineInputBorder(),
),
),
);
}

102
em2rp/lib/views/widgets/image/profile_picture.dart Normal file
View File

@ -0,0 +1,102 @@
import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
class ProfilePictureWidget extends StatelessWidget {
final String userId;
final double radius;
final String? defaultImageUrl; // URL de l'image par défaut (optionnel)
const ProfilePictureWidget({
super.key,
required this.userId,
this.radius = 25,
this.defaultImageUrl,
});
@override
Widget build(BuildContext context) {
return FutureBuilder<DocumentSnapshot>(
future: FirebaseFirestore.instance.collection('users').doc(userId).get(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return _buildLoadingAvatar(
radius); // Afficher un avatar de chargement
} else if (snapshot.hasError) {
print("Erreur FutureBuilder ProfilePictureWidget: ${snapshot.error}");
return _buildDefaultAvatar(radius,
defaultImageUrl); // Afficher avatar par défaut en cas d'erreur Firestore
} else if (snapshot.data != null && snapshot.data!.exists) {
final userData = snapshot.data!;
final profilePhotoUrl = userData['profilePhotoUrl'] as String?;
if (profilePhotoUrl != null && profilePhotoUrl.isNotEmpty) {
return CircleAvatar(
radius: radius,
// Utilisation de Image.network directement dans backgroundImage
backgroundImage: Image.network(
profilePhotoUrl,
errorBuilder: (context, error, stackTrace) {
print(
"Erreur de chargement Image.network pour l'URL: $profilePhotoUrl, Erreur: $error");
// En cas d'erreur de chargement de l'image réseau, afficher l'avatar par défaut
return _buildDefaultAvatar(radius, defaultImageUrl);
},
).image, // .image pour obtenir un ImageProvider pour backgroundImage
);
} else {
return _buildDefaultAvatar(radius,
defaultImageUrl); // Pas d'URL dans Firestore, afficher avatar par défaut
}
} else {
return _buildDefaultAvatar(radius,
defaultImageUrl); // Document utilisateur non trouvé ou n'existe pas
}
},
);
}
// Widget utilitaire pour construire un CircleAvatar de chargement
Widget _buildLoadingAvatar(double radius) {
return CircleAvatar(
radius: radius,
backgroundColor:
Colors.grey[300], // Couleur de fond pendant le chargement
child: SizedBox(
width: radius * 0.8, // Ajuster la taille du loader
height: radius * 0.8,
child: CircularProgressIndicator(
strokeWidth: 2), // Indicateur de chargement
),
);
}
// Widget utilitaire pour construire un CircleAvatar par défaut (avec icône ou image par défaut)
Widget _buildDefaultAvatar(double radius, String? defaultImageUrl) {
if (defaultImageUrl != null && defaultImageUrl.isNotEmpty) {
return CircleAvatar(
radius: radius,
// Utilisation de Image.network pour l'image par défaut, avec gestion d'erreur similaire
backgroundImage: Image.network(
defaultImageUrl,
errorBuilder: (context, error, stackTrace) {
print(
"Erreur de chargement Image.network pour l'URL par défaut: $defaultImageUrl, Erreur: $error");
return _buildIconAvatar(
radius); // Si l'image par défaut ne charge pas, afficher l'icône
},
).image, // .image pour ImageProvider
);
} else {
return _buildIconAvatar(
radius); // Si pas d'URL par défaut fournie, afficher l'icône
}
}
// Widget utilitaire pour construire un CircleAvatar avec une icône par défaut
Widget _buildIconAvatar(double radius) {
return CircleAvatar(
radius: radius,
child: Icon(Icons.account_circle, size: radius * 1.5), // Icône par défaut
);
}
}

10
em2rp/lib/views/widgets/nav/main_drawer.dart
View File

@ -4,6 +4,7 @@ import 'package:em2rp/views/calendar_page.dart';
import 'package:em2rp/views/my_account_page.dart';
import 'package:em2rp/views/user_management_page.dart';
import 'package:flutter/material.dart';
import 'package:em2rp/views/widgets/image/profile_picture.dart';
class MainDrawer extends StatelessWidget {
final String currentPage;
@ -38,12 +39,9 @@ class MainDrawer extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.end,
children: [
CircleAvatar(
radius: 25,
backgroundImage: NetworkImage(
userProvider.profilePhotoUrl ??
'https://firebasestorage.googleapis.com/v0/b/em2rp-951dc/o/EM2_NsurB.jpg?alt=media&token=530479c3-5f8c-413b-86a2-53ec4a4ed734', //TODO: Remplacer par logo EM2
),
ProfilePictureWidget(
userId: userProvider.uid!,
radius: 30,
),
const SizedBox(height: 8),
Text(

3
em2rp/pubspec.yaml
View File

@ -14,6 +14,9 @@ dependencies:
cloud_firestore: ^5.6.5
google_sign_in: ^6.2.2
provider: ^6.1.2
firebase_storage: ^12.4.4
image_picker: ^1.1.2
universal_io: ^2.2.2
dev_dependencies:
flutter_test: