feat: Sécurisation Firestore, gestion des prix HT/TTC et refactorisation majeure
Cette mise à jour verrouille l'accès direct à Firestore depuis le client pour renforcer la sécurité et introduit une gestion complète des prix HT/TTC dans toute l'application. Elle apporte également des améliorations significatives des permissions, des optimisations de performance et de nouvelles fonctionnalités.
### Sécurité et Backend
- **Firestore Rules :** Ajout de `firestore.rules` qui bloque par défaut tous les accès en lecture/écriture depuis le client. Toutes les opérations de données doivent maintenant passer par les Cloud Functions, renforçant considérablement la sécurité.
- **Index Firestore :** Création d'un fichier `firestore.indexes.json` pour optimiser les requêtes sur la collection `events`.
- **Cloud Functions :** Les fonctions de création/mise à jour d'événements ont été adaptées pour accepter des ID de documents (utilisateurs, type d'événement) et les convertir en `DocumentReference` côté serveur, simplifiant les appels depuis le client.
### Gestion des Prix HT/TTC
- **Calcul Automatisé :** Introduction d'un helper `PriceHelpers` et d'un widget `PriceHtTtcFields` pour calculer et synchroniser automatiquement les prix HT et TTC dans le formulaire d'événement.
- **Affichage Détaillé :**
- Les détails des événements et des options affichent désormais les prix HT, la TVA et le TTC séparément pour plus de clarté.
- Le prix de base (`basePrice`) est maintenant traité comme un prix TTC dans toute l'application.
### Permissions et Rôles
- **Centralisation (`AppPermission`) :** Création d'une énumération `AppPermission` pour centraliser toutes les permissions de l'application, avec descriptions et catégories.
- **Rôles Prédéfinis :** Définition de rôles standards (Admin, Manager, Technicien, User) avec des jeux de permissions prédéfinis.
- **Filtre par Utilisateur :** Ajout d'un filtre par utilisateur sur la page Calendrier, visible uniquement pour les utilisateurs ayant la permission `view_all_user_events`.
### Améliorations et Optimisations (Frontend)
- **`DebugLog` :** Ajout d'un utilitaire `DebugLog` pour gérer les logs, qui sont automatiquement désactivés en mode production.
- **Optimisation du Sélecteur d'Équipement :**
- La boîte de dialogue de sélection d'équipement a été lourdement optimisée pour éviter les reconstructions complètes de la liste lors de la sélection/désélection d'items.
- Utilisation de `ValueNotifier` et de caches locaux (`_cachedContainers`, `_cachedEquipment`) pour des mises à jour d'UI plus ciblées et fluides.
- La position du scroll est désormais préservée.
- **Catégorie d'Équipement :** Ajout de la catégorie `Vehicle` (Véhicule) pour les équipements.
- **Formulaires :** Les formulaires de création/modification d'événements et d'équipements ont été nettoyés de leurs logs de débogage excessifs.
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:em2rp/models/event_model.dart';
|
||||
import 'package:em2rp/utils/colors.dart';
|
||||
import 'package:em2rp/utils/price_helpers.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
import 'package:em2rp/views/widgets/event_form/event_options_display_widget.dart';
|
||||
|
||||
@@ -34,13 +35,48 @@ class EventDetailsInfo extends StatelessWidget {
|
||||
'Horaire de fin',
|
||||
dateFormat.format(event.endDateTime),
|
||||
),
|
||||
if (canViewPrices)
|
||||
_buildInfoRow(
|
||||
context,
|
||||
Icons.euro,
|
||||
'Prix de base',
|
||||
currencyFormat.format(event.basePrice),
|
||||
if (canViewPrices) ...[
|
||||
// Calcul des prix HT/TVA/TTC
|
||||
Builder(
|
||||
builder: (context) {
|
||||
final pricing = PriceHelpers.getPricing(event);
|
||||
return Column(
|
||||
children: [
|
||||
_buildInfoRow(
|
||||
context,
|
||||
Icons.euro,
|
||||
'Prix HT',
|
||||
pricing.formattedHT,
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 4, horizontal: 8),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.percent, size: 16, color: Colors.grey[600]),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
'TVA (${pricing.taxRatePercentage.toStringAsFixed(0)}%) : ${pricing.formattedTax}',
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: Colors.grey[600],
|
||||
fontStyle: FontStyle.italic,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
_buildInfoRow(
|
||||
context,
|
||||
Icons.attach_money,
|
||||
'Prix TTC',
|
||||
pricing.formattedTTC,
|
||||
highlighted: true,
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
if (event.options.isNotEmpty) ...[
|
||||
EventOptionsDisplayWidget(
|
||||
optionsData: event.options,
|
||||
@@ -52,34 +88,85 @@ class EventDetailsInfo extends StatelessWidget {
|
||||
const SizedBox(height: 4),
|
||||
Builder(
|
||||
builder: (context) {
|
||||
final total = event.basePrice +
|
||||
// Total TTC = basePrice (TTC) + options (TTC)
|
||||
final totalTTC = event.basePrice +
|
||||
event.options.fold<num>(
|
||||
0,
|
||||
(sum, opt) {
|
||||
final price = opt['price'] ?? 0.0;
|
||||
final priceTTC = opt['price'] ?? 0.0;
|
||||
final quantity = opt['quantity'] ?? 1;
|
||||
return sum + (price * quantity);
|
||||
return sum + (priceTTC * quantity);
|
||||
},
|
||||
);
|
||||
|
||||
// Calculer le total HT
|
||||
final totalHT = PriceHelpers.calculateHT(totalTTC.toDouble());
|
||||
final totalTVA = PriceHelpers.calculateTax(totalHT);
|
||||
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(top: 8.0, bottom: 8.0),
|
||||
child: Row(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const Icon(Icons.attach_money, color: AppColors.rouge),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
'Prix total : ',
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
color: AppColors.noir,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
// Séparateur visuel
|
||||
const Divider(thickness: 1),
|
||||
const SizedBox(height: 8),
|
||||
|
||||
// Prix total HT
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.euro, color: AppColors.rouge, size: 22),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
'Prix total HT : ',
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
color: AppColors.noir,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
currencyFormat.format(totalHT),
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
color: AppColors.noir,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Text(
|
||||
currencyFormat.format(total),
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
color: AppColors.rouge,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
|
||||
// TVA en petit
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 30.0, top: 4.0, bottom: 4.0),
|
||||
child: Text(
|
||||
'TVA (20%) : ${currencyFormat.format(totalTVA)}',
|
||||
style: TextStyle(
|
||||
fontSize: 11,
|
||||
color: Colors.grey[600],
|
||||
fontStyle: FontStyle.italic,
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
// Prix total TTC en surbrillance
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.attach_money, color: AppColors.rouge, size: 24),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
'Prix total TTC : ',
|
||||
style: Theme.of(context).textTheme.titleLarge?.copyWith(
|
||||
color: AppColors.noir,
|
||||
fontWeight: FontWeight.w900,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
currencyFormat.format(totalTTC),
|
||||
style: Theme.of(context).textTheme.titleLarge?.copyWith(
|
||||
color: AppColors.rouge,
|
||||
fontWeight: FontWeight.w900,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
@@ -139,24 +226,28 @@ class EventDetailsInfo extends StatelessWidget {
|
||||
BuildContext context,
|
||||
IconData icon,
|
||||
String label,
|
||||
String value,
|
||||
) {
|
||||
String value, {
|
||||
bool highlighted = false,
|
||||
}) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(icon, color: AppColors.rouge),
|
||||
Icon(icon, color: highlighted ? AppColors.rouge : AppColors.rouge),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
'$label : ',
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
color: AppColors.noir,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontWeight: highlighted ? FontWeight.w900 : FontWeight.bold,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
value,
|
||||
style: Theme.of(context).textTheme.titleMedium,
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
color: highlighted ? AppColors.rouge : null,
|
||||
fontWeight: highlighted ? FontWeight.bold : null,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
@@ -0,0 +1,142 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:em2rp/models/user_model.dart';
|
||||
import 'package:em2rp/providers/users_provider.dart';
|
||||
import 'package:em2rp/utils/colors.dart';
|
||||
|
||||
/// Widget de filtre par utilisateur pour le calendrier
|
||||
/// Affiche un dropdown permettant de filtrer les événements par utilisateur
|
||||
class UserFilterDropdown extends StatefulWidget {
|
||||
final String? selectedUserId;
|
||||
final ValueChanged<String?> onUserSelected;
|
||||
|
||||
const UserFilterDropdown({
|
||||
super.key,
|
||||
required this.selectedUserId,
|
||||
required this.onUserSelected,
|
||||
});
|
||||
|
||||
@override
|
||||
State<UserFilterDropdown> createState() => _UserFilterDropdownState();
|
||||
}
|
||||
|
||||
class _UserFilterDropdownState extends State<UserFilterDropdown> {
|
||||
List<UserModel> _users = [];
|
||||
bool _isLoading = true;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
// Charger après le premier frame pour éviter setState pendant build
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
if (mounted) {
|
||||
_loadUsers();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
Future<void> _loadUsers() async {
|
||||
if (!mounted) return;
|
||||
|
||||
final usersProvider = Provider.of<UsersProvider>(context, listen: false);
|
||||
|
||||
// Ne pas appeler fetchUsers si les utilisateurs sont déjà chargés
|
||||
if (usersProvider.users.isEmpty) {
|
||||
await usersProvider.fetchUsers();
|
||||
}
|
||||
|
||||
if (!mounted) return;
|
||||
|
||||
setState(() {
|
||||
_users = usersProvider.users;
|
||||
_isLoading = false;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
if (_isLoading) {
|
||||
return const SizedBox(
|
||||
width: 200,
|
||||
child: Center(
|
||||
child: SizedBox(
|
||||
width: 20,
|
||||
height: 20,
|
||||
child: CircularProgressIndicator(strokeWidth: 2),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
return Container(
|
||||
width: 250,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
border: Border.all(color: Colors.grey.shade300),
|
||||
),
|
||||
child: DropdownButtonHideUnderline(
|
||||
child: DropdownButton<String?>(
|
||||
value: widget.selectedUserId,
|
||||
hint: const Row(
|
||||
children: [
|
||||
Icon(Icons.filter_list, size: 18, color: Colors.grey),
|
||||
SizedBox(width: 8),
|
||||
Text('Tous les utilisateurs', style: TextStyle(fontSize: 14)),
|
||||
],
|
||||
),
|
||||
isExpanded: true,
|
||||
icon: const Icon(Icons.arrow_drop_down, size: 24),
|
||||
style: const TextStyle(fontSize: 14, color: Colors.black87),
|
||||
onChanged: widget.onUserSelected,
|
||||
items: [
|
||||
// Option "Tous les utilisateurs"
|
||||
const DropdownMenuItem<String?>(
|
||||
value: null,
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.people, size: 18, color: AppColors.rouge),
|
||||
SizedBox(width: 8),
|
||||
Text('Tous les utilisateurs', style: TextStyle(fontWeight: FontWeight.bold)),
|
||||
],
|
||||
),
|
||||
),
|
||||
// Liste des utilisateurs
|
||||
..._users.map((user) {
|
||||
return DropdownMenuItem<String?>(
|
||||
value: user.uid,
|
||||
child: Row(
|
||||
children: [
|
||||
CircleAvatar(
|
||||
radius: 12,
|
||||
backgroundImage: user.profilePhotoUrl.isNotEmpty
|
||||
? NetworkImage(user.profilePhotoUrl)
|
||||
: null,
|
||||
child: user.profilePhotoUrl.isEmpty
|
||||
? Text(
|
||||
user.firstName.isNotEmpty
|
||||
? user.firstName[0].toUpperCase()
|
||||
: '?',
|
||||
style: const TextStyle(fontSize: 10),
|
||||
)
|
||||
: null,
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
Expanded(
|
||||
child: Text(
|
||||
'${user.firstName} ${user.lastName}',
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user