Ajout des permissions

This commit is contained in:
2025-05-05 20:30:53 +02:00
parent 94337581d8
commit 6c158aa6cb
5 changed files with 374 additions and 111 deletions

View File

@ -0,0 +1,102 @@
import 'package:flutter/foundation.dart';
enum Permission {
// Permissions liées aux prestations
viewAllEvents, // Voir toutes les prestations
viewAssignedEvents, // Voir uniquement les prestations assignées
editEvents, // Modifier les prestations
deleteEvents, // Supprimer les prestations
assignCrew, // Assigner des membres d'équipe aux prestations
// Permissions liées aux finances
viewPrices, // Voir les prix
editPrices, // Modifier les prix
viewQuotes, // Voir les devis
createQuotes, // Créer des devis
editQuotes, // Modifier les devis
viewInvoices, // Voir les factures
createInvoices, // Créer des factures
editInvoices, // Modifier les factures
// Permissions liées aux utilisateurs
viewUsers, // Voir les utilisateurs
editUsers, // Modifier les utilisateurs
deleteUsers, // Supprimer les utilisateurs
// Permissions liées aux clients
viewClients, // Voir les clients
editClients, // Modifier les clients
deleteClients, // Supprimer les clients
}
class Role {
final String name;
final Set<Permission> permissions;
const Role({
required this.name,
required this.permissions,
});
bool hasPermission(Permission permission) => permissions.contains(permission);
bool hasAllPermissions(List<Permission> requiredPermissions) {
return requiredPermissions
.every((permission) => permissions.contains(permission));
}
bool hasAnyPermission(List<Permission> requiredPermissions) {
return requiredPermissions
.any((permission) => permissions.contains(permission));
}
}
class Roles {
static const admin = Role(
name: 'ADMIN',
permissions: {
// Toutes les permissions pour l'administrateur
Permission.viewAllEvents,
Permission.viewAssignedEvents,
Permission.editEvents,
Permission.deleteEvents,
Permission.assignCrew,
Permission.viewPrices,
Permission.editPrices,
Permission.viewQuotes,
Permission.createQuotes,
Permission.editQuotes,
Permission.viewInvoices,
Permission.createInvoices,
Permission.editInvoices,
Permission.viewUsers,
Permission.editUsers,
Permission.deleteUsers,
Permission.viewClients,
Permission.editClients,
Permission.deleteClients,
},
);
static const crew = Role(
name: 'CREW',
permissions: {
// Permissions limitées pour l'équipe
Permission.viewAssignedEvents,
Permission.viewClients,
},
);
static Role fromString(String roleName) {
switch (roleName.toUpperCase()) {
case 'ADMIN':
return admin;
case 'CREW':
return crew;
default:
return crew; // Par défaut, on donne les permissions minimales
}
}
static List<Role> values = [admin, crew];
}

View File

@ -6,6 +6,8 @@ import 'package:em2rp/models/user_model.dart';
import 'package:em2rp/views/widgets/user_management/user_card.dart'; import 'package:em2rp/views/widgets/user_management/user_card.dart';
import 'package:em2rp/views/widgets/user_management/edit_user_dialog.dart'; import 'package:em2rp/views/widgets/user_management/edit_user_dialog.dart';
import 'package:em2rp/utils/colors.dart'; import 'package:em2rp/utils/colors.dart';
import 'package:em2rp/widgets/permission_gate.dart';
import 'package:em2rp/models/role_model.dart';
class UserManagementPage extends StatefulWidget { class UserManagementPage extends StatefulWidget {
const UserManagementPage({Key? key}) : super(key: key); const UserManagementPage({Key? key}) : super(key: key);
@ -24,66 +26,79 @@ class _UserManagementPageState extends State<UserManagementPage> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return PermissionGate(
appBar: AppBar( requiredPermissions: [Permission.viewUsers],
title: const Text('Gestion des utilisateurs'), fallback: Scaffold(
backgroundColor: AppColors.rouge, appBar: AppBar(
title: const Text('Accès refusé'),
backgroundColor: AppColors.rouge,
),
body: const Center(
child: Text(
'Vous n\'avez pas les permissions nécessaires pour accéder à cette page.',
textAlign: TextAlign.center,
style: TextStyle(fontSize: 16),
),
),
), ),
drawer: const MainDrawer(currentPage: '/account_management'), child: Scaffold(
body: Consumer<UsersProvider>( appBar: AppBar(
builder: (context, usersProvider, child) { title: const Text('Gestion des utilisateurs'),
if (usersProvider.isLoading) { backgroundColor: AppColors.rouge,
return const Center(child: CircularProgressIndicator()); ),
} drawer: const MainDrawer(currentPage: '/account_management'),
final users = usersProvider.users; body: Consumer<UsersProvider>(
if (users.isEmpty) { builder: (context, usersProvider, child) {
return const Center(child: Text("Aucun utilisateur trouvé")); if (usersProvider.isLoading) {
} return const Center(child: CircularProgressIndicator());
}
final users = usersProvider.users;
if (users.isEmpty) {
return const Center(child: Text("Aucun utilisateur trouvé"));
}
final width = MediaQuery.of(context).size.width; final width = MediaQuery.of(context).size.width;
int crossAxisCount; int crossAxisCount;
// Ajustement du nombre de colonnes selon la taille d'écran if (width > 1200) {
if (width > 1200) { crossAxisCount = 4;
crossAxisCount = 4; } else if (width > 800) {
} else if (width > 800) { crossAxisCount = 3;
crossAxisCount = 3; } else if (width > 600) {
} else if (width > 600) { crossAxisCount = 2;
crossAxisCount = 2; } else {
} else { crossAxisCount = 1;
crossAxisCount = 1; }
}
return Padding( return Padding(
padding: const EdgeInsets.all(16), padding: const EdgeInsets.all(16),
child: GridView.builder( child: GridView.builder(
itemCount: users.length, itemCount: users.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: crossAxisCount, crossAxisCount: crossAxisCount,
crossAxisSpacing: 16, crossAxisSpacing: 16,
mainAxisSpacing: 16, mainAxisSpacing: 16,
mainAxisExtent: width < 600 mainAxisExtent: width < 600 ? 80 : 180,
? 80 ),
: 180, // Augmenté de 170 à 180 pour le desktop itemBuilder: (context, i) {
final user = users[i];
return UserCard(
user: user,
onEdit: () => showDialog(
context: context,
builder: (_) => EditUserDialog(user: user)),
onDelete: () => usersProvider.deleteUser(user.uid),
);
},
), ),
itemBuilder: (context, i) { );
final user = users[i]; },
return UserCard( ),
user: user, floatingActionButton: FloatingActionButton(
onEdit: () => showDialog( backgroundColor: AppColors.rouge,
context: context, child: const Icon(Icons.add, color: AppColors.blanc),
builder: (_) => EditUserDialog(user: user)), onPressed: () => _showCreateUserDialog(context),
onDelete: () => usersProvider.deleteUser(user.uid), ),
);
},
),
);
},
),
floatingActionButton: FloatingActionButton(
backgroundColor: AppColors.rouge,
child: const Icon(Icons.add, color: AppColors.blanc),
onPressed: () => _showCreateUserDialog(context),
), ),
); );
} }

View File

@ -6,11 +6,16 @@ import 'package:em2rp/views/user_management_page.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:em2rp/views/widgets/image/profile_picture.dart'; import 'package:em2rp/views/widgets/image/profile_picture.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
import 'package:em2rp/widgets/permission_gate.dart';
import 'package:em2rp/models/role_model.dart';
class MainDrawer extends StatelessWidget { class MainDrawer extends StatelessWidget {
final String currentPage; final String currentPage;
const MainDrawer({super.key, required this.currentPage}); const MainDrawer({
Key? key,
required this.currentPage,
}) : super(key: key);
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -110,19 +115,23 @@ class MainDrawer extends StatelessWidget {
); );
}, },
), ),
ListTile( PermissionGate(
leading: const Icon(Icons.group), requiredPermissions: [Permission.viewUsers],
title: const Text('Gestion des Utilisateurs'), child: ListTile(
selected: currentPage == '/user_management', leading: const Icon(Icons.group),
selectedColor: AppColors.rouge, title: const Text('Gestion des Utilisateurs'),
onTap: () { selected: currentPage == '/user_management',
Navigator.pop(context); selectedColor: AppColors.rouge,
Navigator.pushReplacement( onTap: () {
context, Navigator.pop(context);
MaterialPageRoute( Navigator.pushReplacement(
builder: (context) => const UserManagementPage()), context,
); MaterialPageRoute(
}, builder: (context) =>
const UserManagementPage()),
);
},
),
), ),
], ],
), ),

View File

@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
import 'package:em2rp/models/user_model.dart'; import 'package:em2rp/models/user_model.dart';
import 'package:em2rp/providers/users_provider.dart'; import 'package:em2rp/providers/users_provider.dart';
import 'package:em2rp/utils/colors.dart';
class EditUserDialog extends StatefulWidget { class EditUserDialog extends StatefulWidget {
final UserModel user; final UserModel user;
@ -16,7 +17,9 @@ class _EditUserDialogState extends State<EditUserDialog> {
late final TextEditingController lastNameController; late final TextEditingController lastNameController;
late final TextEditingController emailController; late final TextEditingController emailController;
late final TextEditingController phoneController; late final TextEditingController phoneController;
late final TextEditingController roleController; String selectedRole = '';
static const List<String> roles = ['ADMIN', 'CREW'];
@override @override
void initState() { void initState() {
@ -25,7 +28,7 @@ class _EditUserDialogState extends State<EditUserDialog> {
lastNameController = TextEditingController(text: widget.user.lastName); lastNameController = TextEditingController(text: widget.user.lastName);
emailController = TextEditingController(text: widget.user.email); emailController = TextEditingController(text: widget.user.email);
phoneController = TextEditingController(text: widget.user.phoneNumber); phoneController = TextEditingController(text: widget.user.phoneNumber);
roleController = TextEditingController(text: widget.user.role); selectedRole = widget.user.role.isEmpty ? roles.first : widget.user.role;
} }
@override @override
@ -34,56 +37,148 @@ class _EditUserDialogState extends State<EditUserDialog> {
lastNameController.dispose(); lastNameController.dispose();
emailController.dispose(); emailController.dispose();
phoneController.dispose(); phoneController.dispose();
roleController.dispose();
super.dispose(); super.dispose();
} }
InputDecoration _buildInputDecoration(String label, IconData icon) {
return InputDecoration(
labelText: label,
prefixIcon: Icon(icon, color: AppColors.rouge),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: const BorderSide(color: AppColors.rouge, width: 2),
),
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
);
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return AlertDialog( return Dialog(
title: const Text('Modifier utilisateur'), shape: RoundedRectangleBorder(
content: SingleChildScrollView( borderRadius: BorderRadius.circular(16),
),
child: Container(
width: 400,
padding: const EdgeInsets.all(24),
child: Column( child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [ children: [
TextField( Row(
controller: firstNameController, children: [
decoration: const InputDecoration(labelText: 'Prénom')), const Icon(Icons.edit, color: AppColors.rouge),
TextField( const SizedBox(width: 12),
controller: lastNameController, Text(
decoration: const InputDecoration(labelText: 'Nom')), 'Modifier utilisateur',
TextField( style: Theme.of(context).textTheme.titleLarge?.copyWith(
controller: emailController, color: AppColors.noir,
decoration: const InputDecoration(labelText: 'Email')), fontWeight: FontWeight.bold,
TextField( ),
controller: phoneController, ),
decoration: const InputDecoration(labelText: 'Téléphone')), ],
TextField( ),
controller: roleController, const SizedBox(height: 24),
decoration: const InputDecoration(labelText: 'Rôle')), SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
TextField(
controller: firstNameController,
decoration:
_buildInputDecoration('Prénom', Icons.person_outline),
),
const SizedBox(height: 16),
TextField(
controller: lastNameController,
decoration: _buildInputDecoration('Nom', Icons.person),
),
const SizedBox(height: 16),
TextField(
controller: emailController,
decoration:
_buildInputDecoration('Email', Icons.email_outlined),
keyboardType: TextInputType.emailAddress,
),
const SizedBox(height: 16),
TextField(
controller: phoneController,
decoration: _buildInputDecoration(
'Téléphone', Icons.phone_outlined),
keyboardType: TextInputType.phone,
),
const SizedBox(height: 16),
DropdownButtonFormField<String>(
value: selectedRole,
decoration: _buildInputDecoration(
'Rôle', Icons.admin_panel_settings_outlined),
items: roles.map((String role) {
return DropdownMenuItem<String>(
value: role,
child: Text(role),
);
}).toList(),
onChanged: (String? newValue) {
if (newValue != null) {
setState(() {
selectedRole = newValue;
});
}
},
),
],
),
),
const SizedBox(height: 24),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
TextButton(
onPressed: () => Navigator.pop(context),
style: TextButton.styleFrom(
padding: const EdgeInsets.symmetric(
horizontal: 16, vertical: 12),
),
child: const Text(
'Annuler',
style: TextStyle(color: AppColors.gris),
),
),
const SizedBox(width: 8),
ElevatedButton(
onPressed: () {
final updatedUser = widget.user.copyWith(
firstName: firstNameController.text,
lastName: lastNameController.text,
email: emailController.text,
phoneNumber: phoneController.text,
role: selectedRole,
);
Provider.of<UsersProvider>(context, listen: false)
.updateUser(updatedUser);
Navigator.pop(context);
},
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.rouge,
padding: const EdgeInsets.symmetric(
horizontal: 24, vertical: 12),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
),
),
child: const Text(
'Enregistrer',
style: TextStyle(color: AppColors.blanc),
),
),
],
),
], ],
), ),
), ),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: const Text('Annuler'),
),
ElevatedButton(
onPressed: () {
final updatedUser = widget.user.copyWith(
firstName: firstNameController.text,
lastName: lastNameController.text,
email: emailController.text,
phoneNumber: phoneController.text,
role: roleController.text,
);
Provider.of<UsersProvider>(context, listen: false)
.updateUser(updatedUser);
Navigator.pop(context);
},
child: const Text('Enregistrer'),
),
],
); );
} }
} }

View File

@ -0,0 +1,42 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:em2rp/models/role_model.dart';
import 'package:em2rp/providers/local_user_provider.dart';
class PermissionGate extends StatelessWidget {
final Widget child;
final List<Permission> requiredPermissions;
final bool requireAll;
final Widget? fallback;
const PermissionGate({
super.key,
required this.child,
required this.requiredPermissions,
this.requireAll = true,
this.fallback,
});
@override
Widget build(BuildContext context) {
return Consumer<LocalUserProvider>(
builder: (context, localUserProvider, _) {
final currentUser = localUserProvider.currentUser;
if (currentUser == null) {
return fallback ?? const SizedBox.shrink();
}
final userRole = Roles.fromString(currentUser.role);
final hasPermission = requireAll
? userRole.hasAllPermissions(requiredPermissions)
: userRole.hasAnyPermission(requiredPermissions);
if (hasPermission) {
return child;
}
return fallback ?? const SizedBox.shrink();
},
);
}
}