1625 lines
51 KiB
Dart
1625 lines
51 KiB
Dart
import 'dart:io';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import '../../../../shared/design_system/unionflow_design_system.dart';
|
|
import '../../../../shared/widgets/core_card.dart';
|
|
import '../../../../shared/widgets/info_badge.dart';
|
|
import '../../../../shared/widgets/mini_avatar.dart';
|
|
import '../../../../core/l10n/locale_provider.dart';
|
|
import '../../../authentication/presentation/bloc/auth_bloc.dart';
|
|
import '../../../settings/presentation/pages/language_settings_page.dart';
|
|
import '../../../settings/presentation/pages/privacy_settings_page.dart';
|
|
import '../../../settings/presentation/pages/feedback_page.dart';
|
|
import '../bloc/profile_bloc.dart';
|
|
|
|
/// Page Mon Profil - UnionFlow Mobile
|
|
///
|
|
/// Page complète de gestion du profil utilisateur avec informations personnelles,
|
|
/// préférences, sécurité, et paramètres avancés.
|
|
class ProfilePage extends StatefulWidget {
|
|
const ProfilePage({super.key});
|
|
|
|
@override
|
|
State<ProfilePage> createState() => _ProfilePageState();
|
|
}
|
|
|
|
class _ProfilePageState extends State<ProfilePage>
|
|
with TickerProviderStateMixin {
|
|
late TabController _tabController;
|
|
final _formKey = GlobalKey<FormState>();
|
|
|
|
// Contrôleurs pour les champs de texte
|
|
final _firstNameController = TextEditingController();
|
|
final _lastNameController = TextEditingController();
|
|
final _emailController = TextEditingController();
|
|
final _phoneController = TextEditingController();
|
|
final _addressController = TextEditingController();
|
|
final _cityController = TextEditingController();
|
|
final _postalCodeController = TextEditingController();
|
|
final _bioController = TextEditingController();
|
|
|
|
// État du profil
|
|
File? _profileImage;
|
|
bool _isEditing = false;
|
|
bool _isLoading = false;
|
|
String? _membreId;
|
|
String _selectedLanguage = 'Français';
|
|
String _selectedTheme = 'Système';
|
|
bool _biometricEnabled = false;
|
|
bool _twoFactorEnabled = false;
|
|
// Confidentialité et langue gérées dans les pages dédiées (PrivacySettingsPage, LanguageSettingsPage)
|
|
final List<String> _themes = ['Système', 'Clair', 'Sombre'];
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_tabController = TabController(length: 4, vsync: this);
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
_syncLanguageFromProvider();
|
|
_loadProfileFromAuth();
|
|
});
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_tabController.dispose();
|
|
_firstNameController.dispose();
|
|
_lastNameController.dispose();
|
|
_emailController.dispose();
|
|
_phoneController.dispose();
|
|
_addressController.dispose();
|
|
_cityController.dispose();
|
|
_postalCodeController.dispose();
|
|
_bioController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return BlocListener<ProfileBloc, ProfileState>(
|
|
listener: (context, state) {
|
|
if (state is ProfileLoaded) {
|
|
_populateFromMembre(state.membre);
|
|
}
|
|
if (state is ProfileUpdated) {
|
|
_populateFromMembre(state.membre);
|
|
_showSuccessSnackBar('Profil mis à jour avec succès');
|
|
setState(() {
|
|
_isEditing = false;
|
|
_isLoading = false;
|
|
});
|
|
}
|
|
if (state is ProfileError) {
|
|
setState(() => _isLoading = false);
|
|
_showErrorSnackBar(state.message);
|
|
}
|
|
if (state is ProfileUpdating) {
|
|
setState(() => _isLoading = true);
|
|
}
|
|
},
|
|
child: Scaffold(
|
|
backgroundColor: AppColors.background,
|
|
appBar: UFAppBar(
|
|
title: 'MON PROFIL',
|
|
backgroundColor: AppColors.surface,
|
|
foregroundColor: AppColors.textPrimaryLight,
|
|
actions: [
|
|
IconButton(
|
|
icon: Icon(_isEditing ? Icons.save_outlined : Icons.edit_outlined, size: 20),
|
|
onPressed: () => _isEditing ? _saveProfile() : _startEditing(),
|
|
),
|
|
],
|
|
),
|
|
body: ListView(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
children: [
|
|
_buildHeader(),
|
|
const SizedBox(height: 16),
|
|
_buildTabBar(),
|
|
SizedBox(
|
|
height: 600, // Ajuster selon contenu ou utiliser NestedScrollView
|
|
child: TabBarView(
|
|
controller: _tabController,
|
|
children: [
|
|
_buildPersonalInfoTab(),
|
|
_buildPreferencesTab(),
|
|
_buildSecurityTab(),
|
|
_buildAdvancedTab(),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Header harmonisé avec photo de profil
|
|
Widget _buildHeader() {
|
|
return CoreCard(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
const MiniAvatar(size: 64, fallbackText: '👤'),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'${_firstNameController.text} ${_lastNameController.text}'.toUpperCase(),
|
|
style: AppTypography.actionText.copyWith(fontSize: 14, fontWeight: FontWeight.bold),
|
|
),
|
|
Text(
|
|
_emailController.text.toLowerCase(),
|
|
style: AppTypography.subtitleSmall.copyWith(fontSize: 11),
|
|
),
|
|
const SizedBox(height: 8),
|
|
const InfoBadge(text: 'MEMBRE ACTIF', backgroundColor: AppColors.success),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 16),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
_buildStatItem('DEPUIS', '2 ANS'),
|
|
_buildStatItem('EVENTS', '24'),
|
|
_buildStatItem('ORGS', '3'),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildStatItem(String label, String value) {
|
|
return Column(
|
|
children: [
|
|
Text(value, style: AppTypography.headerSmall.copyWith(fontSize: 14)),
|
|
Text(label, style: AppTypography.subtitleSmall.copyWith(fontSize: 8, fontWeight: FontWeight.bold)),
|
|
],
|
|
);
|
|
}
|
|
|
|
/// Carte de statistique
|
|
Widget _buildStatCard(String label, String value, IconData icon) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white.withOpacity(0.15),
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Icon(
|
|
icon,
|
|
color: Colors.white,
|
|
size: 20,
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
value,
|
|
style: const TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
Text(
|
|
label,
|
|
style: TextStyle(
|
|
fontSize: 10,
|
|
color: Colors.white.withOpacity(0.8),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Barre d'onglets
|
|
Widget _buildTabBar() {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: AppColors.surface,
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: AppColors.lightBorder, width: 0.5),
|
|
),
|
|
child: TabBar(
|
|
controller: _tabController,
|
|
labelColor: AppColors.primaryGreen,
|
|
unselectedLabelColor: AppColors.textSecondaryLight,
|
|
indicatorColor: AppColors.primaryGreen,
|
|
indicatorSize: TabBarIndicatorSize.label,
|
|
labelStyle: AppTypography.actionText.copyWith(fontSize: 10, fontWeight: FontWeight.bold),
|
|
tabs: const [
|
|
Tab(text: 'PERSO'),
|
|
Tab(text: 'PRÉF'),
|
|
Tab(text: 'SÉCU'),
|
|
Tab(text: 'AVANCÉ'),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Onglet informations personnelles
|
|
Widget _buildPersonalInfoTab() {
|
|
return SingleChildScrollView(
|
|
padding: const EdgeInsets.all(12),
|
|
child: Column(
|
|
children: [
|
|
const SizedBox(height: 16),
|
|
|
|
// Section informations de base
|
|
_buildInfoSection(
|
|
'Informations personnelles',
|
|
'Vos données personnelles et de contact',
|
|
Icons.person,
|
|
[
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: _buildTextField(
|
|
controller: _firstNameController,
|
|
label: 'Prénom',
|
|
icon: Icons.person_outline,
|
|
enabled: _isEditing,
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: _buildTextField(
|
|
controller: _lastNameController,
|
|
label: 'Nom',
|
|
icon: Icons.person_outline,
|
|
enabled: _isEditing,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
_buildTextField(
|
|
controller: _emailController,
|
|
label: 'Email',
|
|
icon: Icons.email_outlined,
|
|
enabled: _isEditing,
|
|
keyboardType: TextInputType.emailAddress,
|
|
),
|
|
_buildTextField(
|
|
controller: _phoneController,
|
|
label: 'Téléphone',
|
|
icon: Icons.phone_outlined,
|
|
enabled: _isEditing,
|
|
keyboardType: TextInputType.phone,
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
// Section adresse
|
|
_buildInfoSection(
|
|
'Adresse',
|
|
'Votre adresse de résidence',
|
|
Icons.location_on,
|
|
[
|
|
_buildTextField(
|
|
controller: _addressController,
|
|
label: 'Adresse',
|
|
icon: Icons.home_outlined,
|
|
enabled: _isEditing,
|
|
maxLines: 2,
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
flex: 2,
|
|
child: _buildTextField(
|
|
controller: _cityController,
|
|
label: 'Ville',
|
|
icon: Icons.location_city_outlined,
|
|
enabled: _isEditing,
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: _buildTextField(
|
|
controller: _postalCodeController,
|
|
label: 'Code postal',
|
|
icon: Icons.markunread_mailbox_outlined,
|
|
enabled: _isEditing,
|
|
keyboardType: TextInputType.number,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
// Section biographie
|
|
_buildInfoSection(
|
|
'À propos de moi',
|
|
'Partagez quelques mots sur vous',
|
|
Icons.info,
|
|
[
|
|
_buildTextField(
|
|
controller: _bioController,
|
|
label: 'Biographie',
|
|
icon: Icons.edit_outlined,
|
|
enabled: _isEditing,
|
|
maxLines: 4,
|
|
hintText: 'Parlez-nous de vous, vos intérêts, votre parcours...',
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
// Boutons d'action
|
|
_buildActionButtons(),
|
|
|
|
const SizedBox(height: 80),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Section d'informations
|
|
Widget _buildInfoSection(
|
|
String title,
|
|
String subtitle,
|
|
IconData icon,
|
|
List<Widget> children,
|
|
) {
|
|
return CoreCard(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Icon(icon, color: AppColors.primaryGreen, size: 16),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
title.toUpperCase(),
|
|
style: AppTypography.actionText.copyWith(fontSize: 11, fontWeight: FontWeight.bold),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 16),
|
|
...children.map((child) => Padding(
|
|
padding: const EdgeInsets.only(bottom: 12),
|
|
child: child,
|
|
)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Champ de texte personnalisé
|
|
Widget _buildTextField({
|
|
required TextEditingController controller,
|
|
required String label,
|
|
required IconData icon,
|
|
bool enabled = true,
|
|
TextInputType? keyboardType,
|
|
int maxLines = 1,
|
|
String? hintText,
|
|
}) {
|
|
return TextFormField(
|
|
controller: controller,
|
|
enabled: enabled,
|
|
keyboardType: keyboardType,
|
|
maxLines: maxLines,
|
|
style: AppTypography.bodyTextSmall.copyWith(fontSize: 12),
|
|
decoration: InputDecoration(
|
|
labelText: label.toUpperCase(),
|
|
labelStyle: AppTypography.subtitleSmall.copyWith(fontSize: 9, fontWeight: FontWeight.bold),
|
|
hintText: hintText,
|
|
prefixIcon: Icon(icon, color: enabled ? AppColors.primaryGreen : Colors.grey, size: 16),
|
|
filled: true,
|
|
fillColor: AppColors.surface,
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(4),
|
|
borderSide: const BorderSide(color: AppColors.lightBorder),
|
|
),
|
|
enabledBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(4),
|
|
borderSide: const BorderSide(color: AppColors.lightBorder),
|
|
),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(4),
|
|
borderSide: const BorderSide(color: AppColors.primaryGreen, width: 1),
|
|
),
|
|
),
|
|
validator: (value) {
|
|
if (label == 'Email' && value != null && value.isNotEmpty) {
|
|
if (!RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$').hasMatch(value)) {
|
|
return 'Email invalide';
|
|
}
|
|
}
|
|
return null;
|
|
},
|
|
);
|
|
}
|
|
|
|
/// Boutons d'action
|
|
Widget _buildActionButtons() {
|
|
return Container(
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(16),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withOpacity(0.05),
|
|
blurRadius: 10,
|
|
offset: const Offset(0, 2),
|
|
),
|
|
],
|
|
),
|
|
child: Row(
|
|
children: [
|
|
if (_isEditing) ...[
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
onPressed: _isLoading ? null : _cancelEditing,
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.grey[100],
|
|
foregroundColor: Colors.grey[700],
|
|
elevation: 0,
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
),
|
|
icon: const Icon(Icons.cancel, size: 18),
|
|
label: const Text('Annuler'),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
onPressed: _isLoading ? null : _saveProfile,
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFF6C5CE7),
|
|
foregroundColor: Colors.white,
|
|
elevation: 0,
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
),
|
|
icon: _isLoading
|
|
? const SizedBox(
|
|
width: 18,
|
|
height: 18,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
|
|
),
|
|
)
|
|
: const Icon(Icons.save, size: 18),
|
|
label: Text(_isLoading ? 'Sauvegarde...' : 'Sauvegarder'),
|
|
),
|
|
),
|
|
] else ...[
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
onPressed: _startEditing,
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFF6C5CE7),
|
|
foregroundColor: Colors.white,
|
|
elevation: 0,
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
),
|
|
icon: const Icon(Icons.edit, size: 18),
|
|
label: const Text('Modifier le profil'),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Onglet préférences
|
|
Widget _buildPreferencesTab() {
|
|
return SingleChildScrollView(
|
|
padding: const EdgeInsets.all(12),
|
|
child: Column(
|
|
children: [
|
|
const SizedBox(height: 16),
|
|
|
|
// Langue et région
|
|
_buildPreferenceSection(
|
|
'Langue et région',
|
|
'Personnaliser l\'affichage',
|
|
Icons.language,
|
|
[
|
|
InkWell(
|
|
onTap: () async {
|
|
await Navigator.of(context).push(
|
|
MaterialPageRoute(builder: (context) => const LanguageSettingsPage()),
|
|
);
|
|
// Resynchroniser la langue après retour
|
|
if (mounted) {
|
|
final lp = context.read<LocaleProvider>();
|
|
setState(() => _selectedLanguage = lp.currentLanguageName);
|
|
}
|
|
},
|
|
borderRadius: BorderRadius.circular(12),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.language, color: Colors.grey[600], size: 22),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text('Langue', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: Colors.grey[800])),
|
|
Text('Actuellement : $_selectedLanguage', style: TextStyle(fontSize: 12, color: Colors.grey[600])),
|
|
],
|
|
),
|
|
),
|
|
Icon(Icons.chevron_right, color: Colors.grey[400]),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
_buildDropdownPreference(
|
|
'Thème',
|
|
'Apparence de l\'application',
|
|
_selectedTheme,
|
|
_themes,
|
|
(value) => setState(() => _selectedTheme = value!),
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
// Notifications
|
|
_buildPreferenceSection(
|
|
'Notifications',
|
|
'Gérer vos alertes',
|
|
Icons.notifications,
|
|
[
|
|
_buildSwitchPreference(
|
|
'Notifications push',
|
|
'Recevoir des notifications sur cet appareil',
|
|
true,
|
|
(value) => _showSuccessSnackBar('Préférence mise à jour'),
|
|
),
|
|
_buildSwitchPreference(
|
|
'Notifications email',
|
|
'Recevoir des emails de notification',
|
|
false,
|
|
(value) => _showSuccessSnackBar('Préférence mise à jour'),
|
|
),
|
|
_buildSwitchPreference(
|
|
'Sons et vibrations',
|
|
'Alertes sonores et vibrations',
|
|
true,
|
|
(value) => _showSuccessSnackBar('Préférence mise à jour'),
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
// Confidentialité
|
|
_buildPreferenceSection(
|
|
'Confidentialité',
|
|
'Contrôler vos données',
|
|
Icons.privacy_tip,
|
|
[
|
|
InkWell(
|
|
onTap: () {
|
|
Navigator.of(context).push(
|
|
MaterialPageRoute(builder: (context) => const PrivacySettingsPage()),
|
|
);
|
|
},
|
|
borderRadius: BorderRadius.circular(12),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.privacy_tip, color: Colors.grey[600], size: 22),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text('Gérer la confidentialité', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: Colors.grey[800])),
|
|
Text('Visibilité, partage de données, suppression de compte', style: TextStyle(fontSize: 12, color: Colors.grey[600])),
|
|
],
|
|
),
|
|
),
|
|
Icon(Icons.chevron_right, color: Colors.grey[400]),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 80),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Onglet sécurité
|
|
Widget _buildSecurityTab() {
|
|
return SingleChildScrollView(
|
|
padding: const EdgeInsets.all(12),
|
|
child: Column(
|
|
children: [
|
|
const SizedBox(height: 16),
|
|
|
|
// Authentification
|
|
_buildSecuritySection(
|
|
'Authentification',
|
|
'Sécuriser votre compte',
|
|
Icons.security,
|
|
[
|
|
_buildSecurityItem(
|
|
'Changer le mot de passe',
|
|
'Dernière modification il y a 3 mois',
|
|
Icons.lock_outline,
|
|
() => _showChangePasswordDialog(),
|
|
),
|
|
_buildSwitchPreference(
|
|
'Authentification biométrique',
|
|
'Utiliser l\'empreinte digitale ou Face ID',
|
|
_biometricEnabled,
|
|
(value) {
|
|
setState(() => _biometricEnabled = value);
|
|
_showSuccessSnackBar('Authentification biométrique ${value ? 'activée' : 'désactivée'}');
|
|
},
|
|
),
|
|
_buildSwitchPreference(
|
|
'Authentification à deux facteurs',
|
|
'Sécurité renforcée avec SMS ou app',
|
|
_twoFactorEnabled,
|
|
(value) {
|
|
setState(() => _twoFactorEnabled = value);
|
|
if (value) {
|
|
_showTwoFactorSetupDialog();
|
|
} else {
|
|
_showSuccessSnackBar('Authentification à deux facteurs désactivée');
|
|
}
|
|
},
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
// Sessions actives
|
|
_buildSecuritySection(
|
|
'Sessions actives',
|
|
'Gérer vos connexions',
|
|
Icons.devices,
|
|
[
|
|
_buildSessionItem(
|
|
'Cet appareil',
|
|
'Android • Maintenant',
|
|
Icons.smartphone,
|
|
true,
|
|
),
|
|
_buildSessionItem(
|
|
'Navigateur Web',
|
|
'Chrome • Il y a 2 heures',
|
|
Icons.web,
|
|
false,
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
// Actions de sécurité
|
|
_buildSecuritySection(
|
|
'Actions de sécurité',
|
|
'Gérer votre compte',
|
|
Icons.warning,
|
|
[
|
|
_buildActionItem(
|
|
'Télécharger mes données',
|
|
'Exporter toutes vos données personnelles',
|
|
Icons.download,
|
|
const Color(0xFF0984E3),
|
|
() => _exportUserData(),
|
|
),
|
|
_buildActionItem(
|
|
'Déconnecter tous les appareils',
|
|
'Fermer toutes les sessions actives',
|
|
Icons.logout,
|
|
const Color(0xFFE17055),
|
|
() => _logoutAllDevices(),
|
|
),
|
|
_buildActionItem(
|
|
'Supprimer mon compte',
|
|
'Action irréversible - toutes les données seront perdues',
|
|
Icons.delete_forever,
|
|
Colors.red,
|
|
() => _showDeleteAccountDialog(),
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 80),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Onglet avancé
|
|
Widget _buildAdvancedTab() {
|
|
return SingleChildScrollView(
|
|
padding: const EdgeInsets.all(12),
|
|
child: Column(
|
|
children: [
|
|
const SizedBox(height: 16),
|
|
|
|
// Données et stockage
|
|
_buildAdvancedSection(
|
|
'Données et stockage',
|
|
'Gérer l\'utilisation des données',
|
|
Icons.storage,
|
|
[
|
|
_buildStorageItem('Cache de l\'application', '45 MB', () => _clearCache()),
|
|
_buildStorageItem('Images téléchargées', '128 MB', () => _clearImages()),
|
|
_buildStorageItem('Données hors ligne', '12 MB', () => _clearOfflineData()),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
// Développeur
|
|
_buildAdvancedSection(
|
|
'Options développeur',
|
|
'Paramètres avancés',
|
|
Icons.code,
|
|
[
|
|
_buildSwitchPreference(
|
|
'Mode développeur',
|
|
'Afficher les options de débogage',
|
|
false,
|
|
(value) => _showSuccessSnackBar('Mode développeur ${value ? 'activé' : 'désactivé'}'),
|
|
),
|
|
_buildSwitchPreference(
|
|
'Logs détaillés',
|
|
'Enregistrer plus d\'informations de débogage',
|
|
false,
|
|
(value) => _showSuccessSnackBar('Logs détaillés ${value ? 'activés' : 'désactivés'}'),
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
// Informations système
|
|
_buildAdvancedSection(
|
|
'Informations système',
|
|
'Détails techniques',
|
|
Icons.info,
|
|
[
|
|
_buildInfoItem('Version de l\'app', '2.1.0 (Build 42)'),
|
|
_buildInfoItem('Version Flutter', '3.16.0'),
|
|
_buildInfoItem('Plateforme', 'Android 13'),
|
|
_buildInfoItem('ID de l\'appareil', 'R58R34HT85V'),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
// Feedback / Commentaires
|
|
_buildAdvancedSection(
|
|
'Commentaires',
|
|
'Aidez-nous à améliorer l\'application',
|
|
Icons.feedback,
|
|
[
|
|
InkWell(
|
|
onTap: () {
|
|
Navigator.of(context).push(
|
|
MaterialPageRoute(builder: (context) => const FeedbackPage()),
|
|
);
|
|
},
|
|
borderRadius: BorderRadius.circular(12),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.edit_note, color: Colors.grey[600], size: 22),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Envoyer des commentaires',
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w600,
|
|
color: Colors.grey[800],
|
|
),
|
|
),
|
|
Text(
|
|
'Suggestions, bugs ou idées d\'amélioration',
|
|
style: TextStyle(fontSize: 12, color: Colors.grey[600]),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Icon(Icons.chevron_right, color: Colors.grey[400]),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 80),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
// Feedback dialog déplacé dans FeedbackPage
|
|
|
|
// ==================== MÉTHODES DE CONSTRUCTION DES COMPOSANTS ====================
|
|
|
|
/// Section de préférence
|
|
Widget _buildPreferenceSection(
|
|
String title,
|
|
String subtitle,
|
|
IconData icon,
|
|
List<Widget> children,
|
|
) {
|
|
return CoreCard(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Icon(icon, color: AppColors.primaryGreen, size: 16),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
title.toUpperCase(),
|
|
style: AppTypography.actionText.copyWith(fontSize: 11, fontWeight: FontWeight.bold),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 16),
|
|
...children.map((child) => Padding(
|
|
padding: const EdgeInsets.only(bottom: 12),
|
|
child: child,
|
|
)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Section de sécurité
|
|
Widget _buildSecuritySection(
|
|
String title,
|
|
String subtitle,
|
|
IconData icon,
|
|
List<Widget> children,
|
|
) {
|
|
return _buildPreferenceSection(title, subtitle, icon, children);
|
|
}
|
|
|
|
/// Section avancée
|
|
Widget _buildAdvancedSection(
|
|
String title,
|
|
String subtitle,
|
|
IconData icon,
|
|
List<Widget> children,
|
|
) {
|
|
return _buildPreferenceSection(title, subtitle, icon, children);
|
|
}
|
|
|
|
/// Préférence avec dropdown
|
|
Widget _buildDropdownPreference(
|
|
String title,
|
|
String subtitle,
|
|
String value,
|
|
List<String> options,
|
|
Function(String?) onChanged,
|
|
) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title.toUpperCase(),
|
|
style: AppTypography.subtitleSmall.copyWith(fontSize: 9, fontWeight: FontWeight.bold),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.surface,
|
|
borderRadius: BorderRadius.circular(4),
|
|
border: Border.all(color: AppColors.lightBorder, width: 0.5),
|
|
),
|
|
child: DropdownButtonHideUnderline(
|
|
child: DropdownButton<String>(
|
|
value: value,
|
|
isExpanded: true,
|
|
onChanged: onChanged,
|
|
icon: const Icon(Icons.arrow_drop_down, color: AppColors.primaryGreen, size: 18),
|
|
style: AppTypography.bodyTextSmall.copyWith(fontSize: 12),
|
|
items: options.map((option) {
|
|
return DropdownMenuItem<String>(
|
|
value: option,
|
|
child: Text(option),
|
|
);
|
|
}).toList(),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
/// Préférence avec switch
|
|
Widget _buildSwitchPreference(
|
|
String title,
|
|
String subtitle,
|
|
bool value,
|
|
Function(bool) onChanged,
|
|
) {
|
|
return Row(
|
|
children: [
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title.toUpperCase(),
|
|
style: AppTypography.subtitleSmall.copyWith(fontSize: 10, fontWeight: FontWeight.bold),
|
|
),
|
|
Text(
|
|
subtitle,
|
|
style: AppTypography.bodyTextSmall.copyWith(fontSize: 10, color: AppColors.textSecondaryLight),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Transform.scale(
|
|
scale: 0.8,
|
|
child: Switch(
|
|
value: value,
|
|
onChanged: onChanged,
|
|
activeColor: AppColors.primaryGreen,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
/// Élément de sécurité
|
|
Widget _buildSecurityItem(
|
|
String title,
|
|
String subtitle,
|
|
IconData icon,
|
|
VoidCallback onTap,
|
|
) {
|
|
return InkWell(
|
|
onTap: onTap,
|
|
borderRadius: BorderRadius.circular(4),
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.surface,
|
|
borderRadius: BorderRadius.circular(4),
|
|
border: Border.all(color: AppColors.lightBorder, width: 0.5),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Icon(icon, color: AppColors.primaryGreen, size: 16),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title.toUpperCase(),
|
|
style: AppTypography.actionText.copyWith(fontSize: 11, fontWeight: FontWeight.bold),
|
|
),
|
|
Text(
|
|
subtitle,
|
|
style: AppTypography.bodyTextSmall.copyWith(fontSize: 10, color: AppColors.textSecondaryLight),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const Icon(Icons.arrow_forward_ios, color: AppColors.textSecondaryLight, size: 12),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Élément de session
|
|
Widget _buildSessionItem(
|
|
String title,
|
|
String subtitle,
|
|
IconData icon,
|
|
bool isCurrentDevice,
|
|
) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: isCurrentDevice ? AppColors.primaryGreen.withOpacity(0.05) : AppColors.surface,
|
|
borderRadius: BorderRadius.circular(4),
|
|
border: Border.all(
|
|
color: isCurrentDevice ? AppColors.primaryGreen.withOpacity(0.3) : AppColors.lightBorder,
|
|
width: 0.5,
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
icon,
|
|
color: isCurrentDevice ? AppColors.primaryGreen : AppColors.textSecondaryLight,
|
|
size: 16,
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text(
|
|
title.toUpperCase(),
|
|
style: AppTypography.actionText.copyWith(fontSize: 11, fontWeight: FontWeight.bold),
|
|
),
|
|
if (isCurrentDevice) ...[
|
|
const SizedBox(width: 8),
|
|
const InfoBadge(text: 'ACTUEL', backgroundColor: AppColors.primaryGreen),
|
|
],
|
|
],
|
|
),
|
|
Text(
|
|
subtitle,
|
|
style: AppTypography.bodyTextSmall.copyWith(fontSize: 10, color: AppColors.textSecondaryLight),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (!isCurrentDevice)
|
|
IconButton(
|
|
onPressed: () => _terminateSession(title),
|
|
icon: const Icon(Icons.close, color: AppColors.error, size: 16),
|
|
tooltip: 'Terminer la session',
|
|
padding: EdgeInsets.zero,
|
|
constraints: const BoxConstraints(),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Élément d'action
|
|
Widget _buildActionItem(
|
|
String title,
|
|
String subtitle,
|
|
IconData icon,
|
|
Color color,
|
|
VoidCallback onTap,
|
|
) {
|
|
return InkWell(
|
|
onTap: onTap,
|
|
borderRadius: BorderRadius.circular(4),
|
|
child: Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: color.withOpacity(0.05),
|
|
borderRadius: BorderRadius.circular(4),
|
|
border: Border.all(color: color.withOpacity(0.1), width: 0.5),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Icon(icon, color: color, size: 16),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title.toUpperCase(),
|
|
style: AppTypography.actionText.copyWith(fontSize: 11, fontWeight: FontWeight.bold, color: color),
|
|
),
|
|
Text(
|
|
subtitle,
|
|
style: AppTypography.bodyTextSmall.copyWith(fontSize: 10, color: AppColors.textSecondaryLight),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Icon(Icons.arrow_forward_ios, color: color.withOpacity(0.5), size: 12),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Élément de stockage
|
|
Widget _buildStorageItem(String title, String size, VoidCallback onTap) {
|
|
return InkWell(
|
|
onTap: onTap,
|
|
borderRadius: BorderRadius.circular(4),
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.surface,
|
|
borderRadius: BorderRadius.circular(4),
|
|
border: Border.all(color: AppColors.lightBorder, width: 0.5),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.folder_outlined, color: AppColors.primaryGreen, size: 16),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Text(
|
|
title.toUpperCase(),
|
|
style: AppTypography.actionText.copyWith(fontSize: 11, fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
Text(
|
|
size,
|
|
style: AppTypography.bodyTextSmall.copyWith(fontSize: 10, fontWeight: FontWeight.bold),
|
|
),
|
|
const SizedBox(width: 8),
|
|
const Icon(Icons.clear, color: AppColors.error, size: 14),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Élément d'information
|
|
Widget _buildInfoItem(String title, String value) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.surface,
|
|
borderRadius: BorderRadius.circular(4),
|
|
border: Border.all(color: AppColors.lightBorder, width: 0.5),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: Text(
|
|
title.toUpperCase(),
|
|
style: AppTypography.subtitleSmall.copyWith(fontSize: 9, fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
Text(
|
|
value,
|
|
style: AppTypography.bodyTextSmall.copyWith(fontSize: 11, fontWeight: FontWeight.bold),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
// ==================== MÉTHODES D'ACTION ====================
|
|
|
|
/// Synchronise la langue affichée avec le LocaleProvider
|
|
void _syncLanguageFromProvider() {
|
|
if (!mounted) return;
|
|
final lp = context.read<LocaleProvider>();
|
|
setState(() => _selectedLanguage = lp.currentLanguageName);
|
|
}
|
|
|
|
// Confidentialité gérée dans PrivacySettingsPage
|
|
|
|
/// Charger le profil utilisateur
|
|
/// Charge le profil depuis l'AuthBloc et déclenche la récupération backend
|
|
void _loadProfileFromAuth() {
|
|
final authState = context.read<AuthBloc>().state;
|
|
if (authState is AuthAuthenticated) {
|
|
// Pré-remplir avec les données Keycloak disponibles immédiatement
|
|
setState(() {
|
|
_firstNameController.text = authState.user.firstName;
|
|
_lastNameController.text = authState.user.lastName;
|
|
_emailController.text = authState.user.email;
|
|
if (authState.user.phone != null) {
|
|
_phoneController.text = authState.user.phone!;
|
|
}
|
|
});
|
|
// Charger le profil complet depuis le backend
|
|
context.read<ProfileBloc>().add(const LoadMe());
|
|
}
|
|
}
|
|
|
|
/// Peuple les champs depuis un membre récupéré du backend
|
|
void _populateFromMembre(dynamic membre) {
|
|
setState(() {
|
|
_membreId = membre.id?.toString();
|
|
_firstNameController.text = membre.prenom ?? '';
|
|
_lastNameController.text = membre.nom ?? '';
|
|
_emailController.text = membre.email ?? '';
|
|
_phoneController.text = membre.telephone ?? '';
|
|
_addressController.text = membre.adresse ?? '';
|
|
_cityController.text = membre.ville ?? '';
|
|
_postalCodeController.text = membre.codePostal ?? '';
|
|
_bioController.text = membre.notes ?? '';
|
|
});
|
|
}
|
|
|
|
void _loadUserProfile() {
|
|
_loadProfileFromAuth();
|
|
}
|
|
|
|
/// Commencer l'édition
|
|
void _startEditing() {
|
|
setState(() {
|
|
_isEditing = true;
|
|
});
|
|
}
|
|
|
|
/// Annuler l'édition
|
|
void _cancelEditing() {
|
|
setState(() {
|
|
_isEditing = false;
|
|
});
|
|
_loadUserProfile(); // Recharger les données originales
|
|
}
|
|
|
|
/// Sauvegarder le profil
|
|
Future<void> _saveProfile() async {
|
|
if (!_formKey.currentState!.validate()) return;
|
|
if (_membreId == null) {
|
|
_showErrorSnackBar('Profil non chargé. Impossible de sauvegarder.');
|
|
return;
|
|
}
|
|
|
|
final blocState = context.read<ProfileBloc>().state;
|
|
if (blocState is! ProfileLoaded) return;
|
|
|
|
final membreMisAJour = blocState.membre.copyWith(
|
|
prenom: _firstNameController.text.trim(),
|
|
nom: _lastNameController.text.trim(),
|
|
email: _emailController.text.trim(),
|
|
telephone: _phoneController.text.trim(),
|
|
adresse: _addressController.text.trim(),
|
|
ville: _cityController.text.trim(),
|
|
codePostal: _postalCodeController.text.trim(),
|
|
notes: _bioController.text.trim(),
|
|
);
|
|
|
|
context.read<ProfileBloc>().add(
|
|
UpdateMyProfile(membreId: _membreId!, membre: membreMisAJour),
|
|
);
|
|
}
|
|
|
|
/// Choisir une image de profil
|
|
Future<void> _pickProfileImage() async {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('Changer la photo de profil'),
|
|
content: const Text('Cette fonctionnalité sera bientôt disponible !'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Fermer'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Terminer une session
|
|
void _terminateSession(String deviceName) {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('Terminer la session'),
|
|
content: Text('Êtes-vous sûr de vouloir terminer la session sur "$deviceName" ?'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Annuler'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
_showSuccessSnackBar('Session terminée sur $deviceName');
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.red,
|
|
foregroundColor: Colors.white,
|
|
),
|
|
child: const Text('Terminer'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Dialogue de changement de mot de passe
|
|
void _showChangePasswordDialog() {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('Changer le mot de passe'),
|
|
content: const Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
TextField(
|
|
obscureText: true,
|
|
decoration: InputDecoration(
|
|
labelText: 'Mot de passe actuel',
|
|
border: OutlineInputBorder(),
|
|
),
|
|
),
|
|
SizedBox(height: 16),
|
|
TextField(
|
|
obscureText: true,
|
|
decoration: InputDecoration(
|
|
labelText: 'Nouveau mot de passe',
|
|
border: OutlineInputBorder(),
|
|
),
|
|
),
|
|
SizedBox(height: 16),
|
|
TextField(
|
|
obscureText: true,
|
|
decoration: InputDecoration(
|
|
labelText: 'Confirmer le nouveau mot de passe',
|
|
border: OutlineInputBorder(),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Annuler'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
_showSuccessSnackBar('Mot de passe modifié avec succès');
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFF6C5CE7),
|
|
foregroundColor: Colors.white,
|
|
),
|
|
child: const Text('Modifier'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Configuration de l'authentification à deux facteurs
|
|
void _showTwoFactorSetupDialog() {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('Authentification à deux facteurs'),
|
|
content: const Text(
|
|
'L\'authentification à deux facteurs ajoute une couche de sécurité supplémentaire à votre compte. '
|
|
'Vous recevrez un code par SMS ou via une application d\'authentification.',
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
setState(() => _twoFactorEnabled = false);
|
|
},
|
|
child: const Text('Annuler'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
_showSuccessSnackBar('Authentification à deux facteurs configurée');
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFF6C5CE7),
|
|
foregroundColor: Colors.white,
|
|
),
|
|
child: const Text('Configurer'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Exporter les données utilisateur
|
|
void _exportUserData() {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('Télécharger mes données'),
|
|
content: const Text(
|
|
'Nous allons préparer un fichier contenant toutes vos données personnelles. '
|
|
'Vous recevrez un email avec le lien de téléchargement dans les 24 heures.',
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Annuler'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
_showSuccessSnackBar('Demande d\'export envoyée. Vous recevrez un email.');
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFF0984E3),
|
|
foregroundColor: Colors.white,
|
|
),
|
|
child: const Text('Demander l\'export'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Déconnecter tous les appareils
|
|
void _logoutAllDevices() {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('Déconnecter tous les appareils'),
|
|
content: const Text(
|
|
'Cette action fermera toutes vos sessions actives sur tous les appareils. '
|
|
'Vous devrez vous reconnecter partout.',
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Annuler'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
_showSuccessSnackBar('Toutes les sessions ont été fermées');
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFFE17055),
|
|
foregroundColor: Colors.white,
|
|
),
|
|
child: const Text('Déconnecter tout'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Dialogue de suppression de compte
|
|
void _showDeleteAccountDialog() {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('Supprimer mon compte'),
|
|
content: const Text(
|
|
'ATTENTION : Cette action est irréversible !\n\n'
|
|
'Toutes vos données seront définitivement supprimées :\n'
|
|
'• Profil et informations personnelles\n'
|
|
'• Historique des événements\n'
|
|
'• Participations aux organisations\n'
|
|
'• Tous les paramètres et préférences',
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Annuler'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
_showFinalDeleteConfirmation();
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.red,
|
|
foregroundColor: Colors.white,
|
|
),
|
|
child: const Text('Continuer'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Confirmation finale de suppression
|
|
void _showFinalDeleteConfirmation() {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('Confirmation finale'),
|
|
content: const Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text('Tapez "SUPPRIMER" pour confirmer :'),
|
|
SizedBox(height: 16),
|
|
TextField(
|
|
decoration: InputDecoration(
|
|
border: OutlineInputBorder(),
|
|
hintText: 'SUPPRIMER',
|
|
),
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Annuler'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
_showErrorSnackBar('Fonctionnalité désactivée pour la démo');
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.red,
|
|
foregroundColor: Colors.white,
|
|
),
|
|
child: const Text('SUPPRIMER DÉFINITIVEMENT'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Vider le cache
|
|
void _clearCache() {
|
|
_showSuccessSnackBar('Cache vidé (45 MB libérés)');
|
|
}
|
|
|
|
/// Vider les images
|
|
void _clearImages() {
|
|
_showSuccessSnackBar('Images supprimées (128 MB libérés)');
|
|
}
|
|
|
|
/// Vider les données hors ligne
|
|
void _clearOfflineData() {
|
|
_showSuccessSnackBar('Données hors ligne supprimées (12 MB libérés)');
|
|
}
|
|
|
|
/// Afficher un message de succès
|
|
void _showSuccessSnackBar(String message) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text(
|
|
message.toUpperCase(),
|
|
style: AppTypography.actionText.copyWith(fontSize: 10, color: Colors.white, fontWeight: FontWeight.bold),
|
|
),
|
|
backgroundColor: AppColors.success,
|
|
behavior: SnackBarBehavior.floating,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(4)),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showErrorSnackBar(String message) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text(
|
|
message.toUpperCase(),
|
|
style: AppTypography.actionText.copyWith(fontSize: 10, color: Colors.white, fontWeight: FontWeight.bold),
|
|
),
|
|
backgroundColor: AppColors.error,
|
|
behavior: SnackBarBehavior.floating,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(4)),
|
|
),
|
|
);
|
|
}
|
|
}
|