583 lines
21 KiB
Dart
583 lines
21 KiB
Dart
import 'package:geosector_app/app.dart'; // Pour accéder aux instances globales
|
|
import 'package:flutter/material.dart';
|
|
import 'package:geosector_app/app.dart'; // Pour accéder aux instances globales
|
|
import 'package:geosector_app/presentation/widgets/charts/activity_chart.dart';
|
|
import 'package:geosector_app/presentation/widgets/charts/passage_pie_chart.dart';
|
|
import 'package:geosector_app/presentation/widgets/charts/payment_pie_chart.dart';
|
|
import 'package:geosector_app/presentation/widgets/charts/payment_data.dart';
|
|
import 'package:geosector_app/presentation/widgets/charts/combined_chart.dart';
|
|
import 'package:geosector_app/core/repositories/passage_repository.dart';
|
|
import 'package:geosector_app/core/repositories/user_repository.dart';
|
|
import '../../shared/app_theme.dart';
|
|
import 'dart:math' as math;
|
|
|
|
/// Class pour dessiner les petits points blancs sur le fond
|
|
class DotsPainter extends CustomPainter {
|
|
@override
|
|
void paint(Canvas canvas, Size size) {
|
|
final paint = Paint()
|
|
..color = Colors.white.withOpacity(0.5)
|
|
..style = PaintingStyle.fill;
|
|
|
|
final random = math.Random(42); // Seed fixe pour consistance
|
|
final numberOfDots = (size.width * size.height) ~/ 1500;
|
|
|
|
for (int i = 0; i < numberOfDots; i++) {
|
|
final x = random.nextDouble() * size.width;
|
|
final y = random.nextDouble() * size.height;
|
|
final radius = 1.0 + random.nextDouble() * 2.0;
|
|
canvas.drawCircle(Offset(x, y), radius, paint);
|
|
}
|
|
}
|
|
|
|
@override
|
|
bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
|
|
}
|
|
|
|
class AdminStatisticsPage extends StatefulWidget {
|
|
const AdminStatisticsPage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<AdminStatisticsPage> createState() => _AdminStatisticsPageState();
|
|
}
|
|
|
|
class _AdminStatisticsPageState extends State<AdminStatisticsPage> {
|
|
// Filtres
|
|
String _selectedPeriod = 'Jour';
|
|
String _selectedFilterType = 'Secteur';
|
|
String _selectedSector = 'Tous';
|
|
String _selectedUser = 'Tous';
|
|
int _daysToShow = 15;
|
|
|
|
// Liste des périodes et types de filtre
|
|
final List<String> _periods = ['Jour', 'Semaine', 'Mois', 'Année'];
|
|
final List<String> _filterTypes = ['Secteur', 'Membre'];
|
|
|
|
// Données simulées pour les secteurs et membres (à remplacer par des données réelles)
|
|
final List<String> _sectors = [
|
|
'Tous',
|
|
'Secteur Nord',
|
|
'Secteur Sud',
|
|
'Secteur Est',
|
|
'Secteur Ouest'
|
|
];
|
|
final List<String> _members = [
|
|
'Tous',
|
|
'Jean Dupont',
|
|
'Marie Martin',
|
|
'Pierre Legrand',
|
|
'Sophie Petit',
|
|
'Lucas Moreau'
|
|
];
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final screenWidth = MediaQuery.of(context).size.width;
|
|
final isDesktop = screenWidth > 800;
|
|
|
|
return Stack(
|
|
children: [
|
|
// Fond dégradé avec petits points blancs
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: [Colors.white, Colors.red.shade300],
|
|
),
|
|
),
|
|
child: CustomPaint(
|
|
painter: DotsPainter(),
|
|
child: Container(width: double.infinity, height: double.infinity),
|
|
),
|
|
),
|
|
// Contenu de la page
|
|
SingleChildScrollView(
|
|
padding: const EdgeInsets.all(AppTheme.spacingL),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// Titre et description
|
|
Text(
|
|
'Analyse des statistiques',
|
|
style: Theme.of(context).textTheme.headlineSmall?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: AppTheme.spacingS),
|
|
Text(
|
|
'Visualisez les statistiques de passages et de collecte pour votre amicale.',
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
|
color: Colors.grey[600],
|
|
),
|
|
),
|
|
const SizedBox(height: AppTheme.spacingL),
|
|
|
|
// Filtres
|
|
Card(
|
|
elevation: 2,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius:
|
|
BorderRadius.circular(AppTheme.borderRadiusMedium),
|
|
),
|
|
color: Colors.white, // Fond opaque
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(AppTheme.spacingM),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Filtres',
|
|
style:
|
|
Theme.of(context).textTheme.titleMedium?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: AppTheme.spacingM),
|
|
isDesktop
|
|
? Row(
|
|
children: [
|
|
Expanded(child: _buildPeriodDropdown()),
|
|
const SizedBox(width: AppTheme.spacingM),
|
|
Expanded(child: _buildDaysDropdown()),
|
|
const SizedBox(width: AppTheme.spacingM),
|
|
Expanded(child: _buildFilterTypeDropdown()),
|
|
const SizedBox(width: AppTheme.spacingM),
|
|
Expanded(child: _buildFilterDropdown()),
|
|
],
|
|
)
|
|
: Column(
|
|
children: [
|
|
_buildPeriodDropdown(),
|
|
const SizedBox(height: AppTheme.spacingM),
|
|
_buildDaysDropdown(),
|
|
const SizedBox(height: AppTheme.spacingM),
|
|
_buildFilterTypeDropdown(),
|
|
const SizedBox(height: AppTheme.spacingM),
|
|
_buildFilterDropdown(),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: AppTheme.spacingL),
|
|
|
|
// Graphique d'activité principal
|
|
Card(
|
|
elevation: 2,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius:
|
|
BorderRadius.circular(AppTheme.borderRadiusMedium),
|
|
),
|
|
color: Colors.white, // Fond opaque
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(AppTheme.spacingM),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Évolution des passages',
|
|
style:
|
|
Theme.of(context).textTheme.titleMedium?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: AppTheme.spacingM),
|
|
ActivityChart(
|
|
height: 350,
|
|
loadFromHive: true,
|
|
showAllPassages: true,
|
|
title: '',
|
|
daysToShow: _daysToShow,
|
|
periodType: _selectedPeriod,
|
|
userId: _selectedUser != 'Tous'
|
|
? _getUserIdFromName(_selectedUser)
|
|
: null,
|
|
// Si on filtre par secteur, on devrait passer l'ID du secteur
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: AppTheme.spacingL),
|
|
|
|
// Graphiques de répartition
|
|
isDesktop
|
|
? Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Expanded(
|
|
child: _buildChartCard(
|
|
'Répartition par type de passage',
|
|
PassagePieChart(
|
|
size: 300,
|
|
loadFromHive: true,
|
|
showAllPassages: true,
|
|
userId: _selectedUser != 'Tous'
|
|
? _getUserIdFromName(_selectedUser)
|
|
: null,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: AppTheme.spacingM),
|
|
Expanded(
|
|
child: _buildChartCard(
|
|
'Répartition par mode de paiement',
|
|
PaymentPieChart(
|
|
payments: [
|
|
PaymentData(
|
|
typeId: 1,
|
|
amount: 1500.0,
|
|
color: const Color(0xFFFFC107),
|
|
icon: Icons.toll,
|
|
title: 'Espèce',
|
|
),
|
|
PaymentData(
|
|
typeId: 2,
|
|
amount: 2500.0,
|
|
color: const Color(0xFF8BC34A),
|
|
icon: Icons.wallet,
|
|
title: 'Chèque',
|
|
),
|
|
PaymentData(
|
|
typeId: 3,
|
|
amount: 1000.0,
|
|
color: const Color(0xFF00B0FF),
|
|
icon: Icons.credit_card,
|
|
title: 'CB',
|
|
),
|
|
],
|
|
size: 300,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
)
|
|
: Column(
|
|
children: [
|
|
_buildChartCard(
|
|
'Répartition par type de passage',
|
|
PassagePieChart(
|
|
size: 300,
|
|
loadFromHive: true,
|
|
showAllPassages: true,
|
|
userId: _selectedUser != 'Tous'
|
|
? _getUserIdFromName(_selectedUser)
|
|
: null,
|
|
),
|
|
),
|
|
const SizedBox(height: AppTheme.spacingM),
|
|
_buildChartCard(
|
|
'Répartition par mode de paiement',
|
|
PaymentPieChart(
|
|
payments: [
|
|
PaymentData(
|
|
typeId: 1,
|
|
amount: 1500.0,
|
|
color: const Color(0xFFFFC107),
|
|
icon: Icons.toll,
|
|
title: 'Espèce',
|
|
),
|
|
PaymentData(
|
|
typeId: 2,
|
|
amount: 2500.0,
|
|
color: const Color(0xFF8BC34A),
|
|
icon: Icons.wallet,
|
|
title: 'Chèque',
|
|
),
|
|
PaymentData(
|
|
typeId: 3,
|
|
amount: 1000.0,
|
|
color: const Color(0xFF00B0FF),
|
|
icon: Icons.credit_card,
|
|
title: 'CB',
|
|
),
|
|
],
|
|
size: 300,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: AppTheme.spacingL),
|
|
|
|
// Graphique combiné (si disponible)
|
|
_buildChartCard(
|
|
'Comparaison passages/montants',
|
|
const SizedBox(
|
|
height: 350,
|
|
child: Center(
|
|
child: Text('Graphique combiné à implémenter'),
|
|
),
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: AppTheme.spacingL),
|
|
|
|
// Actions
|
|
Card(
|
|
elevation: 2,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius:
|
|
BorderRadius.circular(AppTheme.borderRadiusMedium),
|
|
),
|
|
color: Colors.white, // Fond opaque
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(AppTheme.spacingM),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Actions',
|
|
style:
|
|
Theme.of(context).textTheme.titleMedium?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: AppTheme.spacingM),
|
|
Wrap(
|
|
spacing: AppTheme.spacingM,
|
|
runSpacing: AppTheme.spacingM,
|
|
children: [
|
|
ElevatedButton.icon(
|
|
onPressed: () {
|
|
// Exporter les statistiques
|
|
},
|
|
icon: const Icon(Icons.file_download),
|
|
label: const Text('Exporter les statistiques'),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: AppTheme.primaryColor,
|
|
foregroundColor: Colors.white,
|
|
),
|
|
),
|
|
ElevatedButton.icon(
|
|
onPressed: () {
|
|
// Imprimer les statistiques
|
|
},
|
|
icon: const Icon(Icons.print),
|
|
label: const Text('Imprimer'),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: AppTheme.buttonSecondaryColor,
|
|
foregroundColor: Colors.white,
|
|
),
|
|
),
|
|
ElevatedButton.icon(
|
|
onPressed: () {
|
|
// Partager les statistiques
|
|
},
|
|
icon: const Icon(Icons.share),
|
|
label: const Text('Partager'),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: AppTheme.accentColor,
|
|
foregroundColor: Colors.white,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
// Dropdown pour la période
|
|
Widget _buildPeriodDropdown() {
|
|
return InputDecorator(
|
|
decoration: InputDecoration(
|
|
labelText: 'Période',
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(AppTheme.borderRadiusMedium),
|
|
),
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: AppTheme.spacingM,
|
|
vertical: AppTheme.spacingS,
|
|
),
|
|
),
|
|
child: DropdownButtonHideUnderline(
|
|
child: DropdownButton<String>(
|
|
value: _selectedPeriod,
|
|
isDense: true,
|
|
isExpanded: true,
|
|
items: _periods.map((String period) {
|
|
return DropdownMenuItem<String>(
|
|
value: period,
|
|
child: Text(period),
|
|
);
|
|
}).toList(),
|
|
onChanged: (String? newValue) {
|
|
if (newValue != null) {
|
|
setState(() {
|
|
_selectedPeriod = newValue;
|
|
});
|
|
}
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Dropdown pour le nombre de jours
|
|
Widget _buildDaysDropdown() {
|
|
return InputDecorator(
|
|
decoration: InputDecoration(
|
|
labelText: 'Nombre de jours',
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(AppTheme.borderRadiusMedium),
|
|
),
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: AppTheme.spacingM,
|
|
vertical: AppTheme.spacingS,
|
|
),
|
|
),
|
|
child: DropdownButtonHideUnderline(
|
|
child: DropdownButton<int>(
|
|
value: _daysToShow,
|
|
isDense: true,
|
|
isExpanded: true,
|
|
items: [7, 15, 30, 60, 90, 180, 365].map((int days) {
|
|
return DropdownMenuItem<int>(
|
|
value: days,
|
|
child: Text('$days jours'),
|
|
);
|
|
}).toList(),
|
|
onChanged: (int? newValue) {
|
|
if (newValue != null) {
|
|
setState(() {
|
|
_daysToShow = newValue;
|
|
});
|
|
}
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Dropdown pour le type de filtre
|
|
Widget _buildFilterTypeDropdown() {
|
|
return InputDecorator(
|
|
decoration: InputDecoration(
|
|
labelText: 'Filtrer par',
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(AppTheme.borderRadiusMedium),
|
|
),
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: AppTheme.spacingM,
|
|
vertical: AppTheme.spacingS,
|
|
),
|
|
),
|
|
child: DropdownButtonHideUnderline(
|
|
child: DropdownButton<String>(
|
|
value: _selectedFilterType,
|
|
isDense: true,
|
|
isExpanded: true,
|
|
items: _filterTypes.map((String type) {
|
|
return DropdownMenuItem<String>(
|
|
value: type,
|
|
child: Text(type),
|
|
);
|
|
}).toList(),
|
|
onChanged: (String? newValue) {
|
|
if (newValue != null) {
|
|
setState(() {
|
|
_selectedFilterType = newValue;
|
|
// Réinitialiser les filtres spécifiques
|
|
_selectedSector = 'Tous';
|
|
_selectedUser = 'Tous';
|
|
});
|
|
}
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Dropdown pour le filtre spécifique (secteur ou membre)
|
|
Widget _buildFilterDropdown() {
|
|
final List<String> items =
|
|
_selectedFilterType == 'Secteur' ? _sectors : _members;
|
|
final String value =
|
|
_selectedFilterType == 'Secteur' ? _selectedSector : _selectedUser;
|
|
|
|
return InputDecorator(
|
|
decoration: InputDecoration(
|
|
labelText: _selectedFilterType,
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(AppTheme.borderRadiusMedium),
|
|
),
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: AppTheme.spacingM,
|
|
vertical: AppTheme.spacingS,
|
|
),
|
|
),
|
|
child: DropdownButtonHideUnderline(
|
|
child: DropdownButton<String>(
|
|
value: value,
|
|
isDense: true,
|
|
isExpanded: true,
|
|
items: items.map((String item) {
|
|
return DropdownMenuItem<String>(
|
|
value: item,
|
|
child: Text(item),
|
|
);
|
|
}).toList(),
|
|
onChanged: (String? newValue) {
|
|
if (newValue != null) {
|
|
setState(() {
|
|
if (_selectedFilterType == 'Secteur') {
|
|
_selectedSector = newValue;
|
|
} else {
|
|
_selectedUser = newValue;
|
|
}
|
|
});
|
|
}
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Widget pour envelopper un graphique dans une carte
|
|
Widget _buildChartCard(String title, Widget chart) {
|
|
return Card(
|
|
elevation: 2,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(AppTheme.borderRadiusMedium),
|
|
),
|
|
color: Colors.white, // Fond opaque
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(AppTheme.spacingM),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: AppTheme.spacingM),
|
|
chart,
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Méthode utilitaire pour obtenir l'ID utilisateur à partir de son nom
|
|
int? _getUserIdFromName(String name) {
|
|
// Dans un cas réel, cela nécessiterait une requête au repository
|
|
// Pour l'exemple, on utilise une correspondance simple
|
|
if (name == 'Jean Dupont') return 1;
|
|
if (name == 'Marie Martin') return 2;
|
|
if (name == 'Pierre Legrand') return 3;
|
|
if (name == 'Sophie Petit') return 4;
|
|
if (name == 'Lucas Moreau') return 5;
|
|
return null;
|
|
}
|
|
}
|