Ajout des permissions
This commit is contained in:
102
em2rp/lib/models/role_model.dart
Normal file
102
em2rp/lib/models/role_model.dart
Normal 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];
|
||||||
|
}
|
@ -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,7 +26,22 @@ class _UserManagementPageState extends State<UserManagementPage> {
|
|||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Scaffold(
|
return PermissionGate(
|
||||||
|
requiredPermissions: [Permission.viewUsers],
|
||||||
|
fallback: Scaffold(
|
||||||
|
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),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Scaffold(
|
||||||
appBar: AppBar(
|
appBar: AppBar(
|
||||||
title: const Text('Gestion des utilisateurs'),
|
title: const Text('Gestion des utilisateurs'),
|
||||||
backgroundColor: AppColors.rouge,
|
backgroundColor: AppColors.rouge,
|
||||||
@ -43,7 +60,6 @@ class _UserManagementPageState extends State<UserManagementPage> {
|
|||||||
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) {
|
||||||
@ -62,9 +78,7 @@ class _UserManagementPageState extends State<UserManagementPage> {
|
|||||||
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) {
|
itemBuilder: (context, i) {
|
||||||
final user = users[i];
|
final user = users[i];
|
||||||
@ -85,6 +99,7 @@ class _UserManagementPageState extends State<UserManagementPage> {
|
|||||||
child: const Icon(Icons.add, color: AppColors.blanc),
|
child: const Icon(Icons.add, color: AppColors.blanc),
|
||||||
onPressed: () => _showCreateUserDialog(context),
|
onPressed: () => _showCreateUserDialog(context),
|
||||||
),
|
),
|
||||||
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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,7 +115,9 @@ class MainDrawer extends StatelessWidget {
|
|||||||
);
|
);
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
ListTile(
|
PermissionGate(
|
||||||
|
requiredPermissions: [Permission.viewUsers],
|
||||||
|
child: ListTile(
|
||||||
leading: const Icon(Icons.group),
|
leading: const Icon(Icons.group),
|
||||||
title: const Text('Gestion des Utilisateurs'),
|
title: const Text('Gestion des Utilisateurs'),
|
||||||
selected: currentPage == '/user_management',
|
selected: currentPage == '/user_management',
|
||||||
@ -120,10 +127,12 @@ class MainDrawer extends StatelessWidget {
|
|||||||
Navigator.pushReplacement(
|
Navigator.pushReplacement(
|
||||||
context,
|
context,
|
||||||
MaterialPageRoute(
|
MaterialPageRoute(
|
||||||
builder: (context) => const UserManagementPage()),
|
builder: (context) =>
|
||||||
|
const UserManagementPage()),
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
@ -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,40 +37,117 @@ 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: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
const Icon(Icons.edit, color: AppColors.rouge),
|
||||||
|
const SizedBox(width: 12),
|
||||||
|
Text(
|
||||||
|
'Modifier utilisateur',
|
||||||
|
style: Theme.of(context).textTheme.titleLarge?.copyWith(
|
||||||
|
color: AppColors.noir,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 24),
|
||||||
|
SingleChildScrollView(
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
TextField(
|
TextField(
|
||||||
controller: firstNameController,
|
controller: firstNameController,
|
||||||
decoration: const InputDecoration(labelText: 'Prénom')),
|
decoration:
|
||||||
|
_buildInputDecoration('Prénom', Icons.person_outline),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
TextField(
|
TextField(
|
||||||
controller: lastNameController,
|
controller: lastNameController,
|
||||||
decoration: const InputDecoration(labelText: 'Nom')),
|
decoration: _buildInputDecoration('Nom', Icons.person),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
TextField(
|
TextField(
|
||||||
controller: emailController,
|
controller: emailController,
|
||||||
decoration: const InputDecoration(labelText: 'Email')),
|
decoration:
|
||||||
|
_buildInputDecoration('Email', Icons.email_outlined),
|
||||||
|
keyboardType: TextInputType.emailAddress,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
TextField(
|
TextField(
|
||||||
controller: phoneController,
|
controller: phoneController,
|
||||||
decoration: const InputDecoration(labelText: 'Téléphone')),
|
decoration: _buildInputDecoration(
|
||||||
TextField(
|
'Téléphone', Icons.phone_outlined),
|
||||||
controller: roleController,
|
keyboardType: TextInputType.phone,
|
||||||
decoration: const InputDecoration(labelText: 'Rôle')),
|
),
|
||||||
|
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;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
actions: [
|
const SizedBox(height: 24),
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
children: [
|
||||||
TextButton(
|
TextButton(
|
||||||
onPressed: () => Navigator.pop(context),
|
onPressed: () => Navigator.pop(context),
|
||||||
child: const Text('Annuler'),
|
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(
|
ElevatedButton(
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
final updatedUser = widget.user.copyWith(
|
final updatedUser = widget.user.copyWith(
|
||||||
@ -75,15 +155,30 @@ class _EditUserDialogState extends State<EditUserDialog> {
|
|||||||
lastName: lastNameController.text,
|
lastName: lastNameController.text,
|
||||||
email: emailController.text,
|
email: emailController.text,
|
||||||
phoneNumber: phoneController.text,
|
phoneNumber: phoneController.text,
|
||||||
role: roleController.text,
|
role: selectedRole,
|
||||||
);
|
);
|
||||||
Provider.of<UsersProvider>(context, listen: false)
|
Provider.of<UsersProvider>(context, listen: false)
|
||||||
.updateUser(updatedUser);
|
.updateUser(updatedUser);
|
||||||
Navigator.pop(context);
|
Navigator.pop(context);
|
||||||
},
|
},
|
||||||
child: const Text('Enregistrer'),
|
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),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
42
em2rp/lib/widgets/permission_gate.dart
Normal file
42
em2rp/lib/widgets/permission_gate.dart
Normal 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();
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
Reference in New Issue
Block a user