Initial commit: unionflow-mobile-apps
Application Flutter complète (sans build artifacts). Signed-off-by: lions dev Team
This commit is contained in:
96
lib/features/reports/presentation/bloc/reports_bloc.dart
Normal file
96
lib/features/reports/presentation/bloc/reports_bloc.dart
Normal file
@@ -0,0 +1,96 @@
|
||||
/// BLoC pour la gestion des rapports (Clean Architecture)
|
||||
library reports_bloc;
|
||||
|
||||
import 'package:equatable/equatable.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:injectable/injectable.dart';
|
||||
import '../../domain/usecases/get_reports.dart';
|
||||
import '../../domain/usecases/generate_report.dart';
|
||||
import '../../domain/usecases/export_report_pdf.dart';
|
||||
import '../../domain/usecases/export_report_excel.dart';
|
||||
import '../../domain/usecases/schedule_report.dart';
|
||||
import '../../domain/usecases/get_scheduled_reports.dart';
|
||||
import '../../domain/repositories/reports_repository.dart';
|
||||
|
||||
part 'reports_event.dart';
|
||||
part 'reports_state.dart';
|
||||
|
||||
/// BLoC pour la gestion des rapports (Clean Architecture)
|
||||
@injectable
|
||||
class ReportsBloc extends Bloc<ReportsEvent, ReportsState> {
|
||||
final GetReports _getReports;
|
||||
final GenerateReport _generateReport;
|
||||
final ExportReportPdf _exportReportPdf;
|
||||
final ExportReportExcel _exportReportExcel;
|
||||
final ScheduleReport _scheduleReport;
|
||||
final GetScheduledReports _getScheduledReports;
|
||||
final IReportsRepository _repository; // Pour méthodes non-couvertes (statistics, analytics)
|
||||
|
||||
ReportsBloc(
|
||||
this._getReports,
|
||||
this._generateReport,
|
||||
this._exportReportPdf,
|
||||
this._exportReportExcel,
|
||||
this._scheduleReport,
|
||||
this._getScheduledReports,
|
||||
this._repository,
|
||||
) : super(const ReportsInitial()) {
|
||||
on<LoadDashboardReports>(_onLoadDashboard);
|
||||
on<ScheduleReportRequested>(_onScheduleReport);
|
||||
on<GenerateReportRequested>(_onGenerateReport);
|
||||
}
|
||||
|
||||
/// Charge le tableau de bord des rapports
|
||||
Future<void> _onLoadDashboard(
|
||||
LoadDashboardReports event,
|
||||
Emitter<ReportsState> emit,
|
||||
) async {
|
||||
try {
|
||||
emit(const ReportsLoading());
|
||||
final anneeActuelle = DateTime.now().year;
|
||||
|
||||
// Appels parallèles pour les performances
|
||||
final results = await Future.wait([
|
||||
_repository.getPerformanceGlobale(),
|
||||
_repository.getStatistiquesMembres(),
|
||||
_repository.getStatistiquesCotisations(anneeActuelle),
|
||||
_repository.getStatistiquesEvenements(),
|
||||
]);
|
||||
|
||||
emit(ReportsDashboardLoaded(
|
||||
performance: results[0],
|
||||
statsMembres: results[1],
|
||||
statsCotisations: results[2],
|
||||
statsEvenements: results[3],
|
||||
));
|
||||
} catch (e) {
|
||||
emit(ReportsError('Erreur lors du chargement des rapports : $e'));
|
||||
}
|
||||
}
|
||||
|
||||
/// Programme un rapport automatique
|
||||
Future<void> _onScheduleReport(
|
||||
ScheduleReportRequested event,
|
||||
Emitter<ReportsState> emit,
|
||||
) async {
|
||||
try {
|
||||
await _scheduleReport(cronExpression: event.cronExpression);
|
||||
emit(const ReportScheduled());
|
||||
} catch (e) {
|
||||
emit(ReportsError('Impossible de programmer le rapport : $e'));
|
||||
}
|
||||
}
|
||||
|
||||
/// Génère un rapport
|
||||
Future<void> _onGenerateReport(
|
||||
GenerateReportRequested event,
|
||||
Emitter<ReportsState> emit,
|
||||
) async {
|
||||
try {
|
||||
await _generateReport(event.type, format: event.format);
|
||||
emit(ReportGenerated(event.type));
|
||||
} catch (e) {
|
||||
emit(ReportsError('Impossible de générer le rapport : $e'));
|
||||
}
|
||||
}
|
||||
}
|
||||
45
lib/features/reports/presentation/bloc/reports_event.dart
Normal file
45
lib/features/reports/presentation/bloc/reports_event.dart
Normal file
@@ -0,0 +1,45 @@
|
||||
part of 'reports_bloc.dart';
|
||||
|
||||
abstract class ReportsEvent extends Equatable {
|
||||
const ReportsEvent();
|
||||
|
||||
@override
|
||||
List<Object?> get props => [];
|
||||
}
|
||||
|
||||
class LoadDashboardReports extends ReportsEvent {
|
||||
const LoadDashboardReports();
|
||||
}
|
||||
|
||||
class LoadMembresStats extends ReportsEvent {
|
||||
const LoadMembresStats();
|
||||
}
|
||||
|
||||
class LoadCotisationsStats extends ReportsEvent {
|
||||
final int annee;
|
||||
const LoadCotisationsStats({required this.annee});
|
||||
|
||||
@override
|
||||
List<Object?> get props => [annee];
|
||||
}
|
||||
|
||||
class LoadEvenementsStats extends ReportsEvent {
|
||||
const LoadEvenementsStats();
|
||||
}
|
||||
|
||||
class ScheduleReportRequested extends ReportsEvent {
|
||||
final String? cronExpression;
|
||||
const ScheduleReportRequested({this.cronExpression});
|
||||
|
||||
@override
|
||||
List<Object?> get props => [cronExpression];
|
||||
}
|
||||
|
||||
class GenerateReportRequested extends ReportsEvent {
|
||||
final String type;
|
||||
final String? format;
|
||||
const GenerateReportRequested(this.type, {this.format});
|
||||
|
||||
@override
|
||||
List<Object?> get props => [type, format];
|
||||
}
|
||||
58
lib/features/reports/presentation/bloc/reports_state.dart
Normal file
58
lib/features/reports/presentation/bloc/reports_state.dart
Normal file
@@ -0,0 +1,58 @@
|
||||
part of 'reports_bloc.dart';
|
||||
|
||||
abstract class ReportsState extends Equatable {
|
||||
const ReportsState();
|
||||
|
||||
@override
|
||||
List<Object?> get props => [];
|
||||
}
|
||||
|
||||
class ReportsInitial extends ReportsState {
|
||||
const ReportsInitial();
|
||||
}
|
||||
|
||||
class ReportsLoading extends ReportsState {
|
||||
const ReportsLoading();
|
||||
}
|
||||
|
||||
class ReportsDashboardLoaded extends ReportsState {
|
||||
final Map<String, dynamic> performance;
|
||||
final Map<String, dynamic> statsMembres;
|
||||
final Map<String, dynamic> statsCotisations;
|
||||
final Map<String, dynamic> statsEvenements;
|
||||
|
||||
const ReportsDashboardLoaded({
|
||||
required this.performance,
|
||||
required this.statsMembres,
|
||||
required this.statsCotisations,
|
||||
required this.statsEvenements,
|
||||
});
|
||||
|
||||
@override
|
||||
List<Object?> get props => [performance, statsMembres, statsCotisations, statsEvenements];
|
||||
}
|
||||
|
||||
class ReportsError extends ReportsState {
|
||||
final String message;
|
||||
const ReportsError(this.message);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [message];
|
||||
}
|
||||
|
||||
class ReportScheduled extends ReportsState {
|
||||
final String message;
|
||||
const ReportScheduled([this.message = 'Programmation configurée. Vous recevrez le rapport par email.']);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [message];
|
||||
}
|
||||
|
||||
class ReportGenerated extends ReportsState {
|
||||
final String type;
|
||||
final String message;
|
||||
const ReportGenerated(this.type, [this.message = 'Génération lancée. Vous recevrez le rapport par email.']);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [type, message];
|
||||
}
|
||||
778
lib/features/reports/presentation/pages/reports_page.dart
Normal file
778
lib/features/reports/presentation/pages/reports_page.dart
Normal file
@@ -0,0 +1,778 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import '../bloc/reports_bloc.dart';
|
||||
import '../../../../shared/design_system/unionflow_design_system.dart';
|
||||
import '../../../../shared/widgets/core_card.dart';
|
||||
|
||||
/// Page Rapports & Analytics - UnionFlow Mobile
|
||||
///
|
||||
/// Page complète de génération et consultation des rapports avec
|
||||
/// analytics avancés, graphiques et export de données.
|
||||
class ReportsPage extends StatefulWidget {
|
||||
const ReportsPage({super.key});
|
||||
|
||||
@override
|
||||
State<ReportsPage> createState() => _ReportsPageState();
|
||||
}
|
||||
|
||||
class _ReportsPageState extends State<ReportsPage>
|
||||
with TickerProviderStateMixin {
|
||||
late TabController _tabController;
|
||||
|
||||
String _selectedPeriod = 'Dernier mois';
|
||||
String _selectedFormat = 'PDF';
|
||||
|
||||
final List<String> _periods = ['Dernière semaine', 'Dernier mois', 'Dernier trimestre', 'Dernière année'];
|
||||
final List<String> _formats = ['PDF', 'Excel', 'CSV', 'JSON'];
|
||||
|
||||
// Données live du backend
|
||||
Map<String, dynamic> _statsMembres = {};
|
||||
Map<String, dynamic> _statsCotisations = {};
|
||||
Map<String, dynamic> _statsEvenements = {};
|
||||
Map<String, dynamic> _performance = {};
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_tabController = TabController(length: 4, vsync: this);
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
context.read<ReportsBloc>().add(const LoadDashboardReports());
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_tabController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BlocConsumer<ReportsBloc, ReportsState>(
|
||||
listener: (context, state) {
|
||||
if (state is ReportsDashboardLoaded) {
|
||||
setState(() {
|
||||
_performance = state.performance;
|
||||
_statsMembres = state.statsMembres;
|
||||
_statsCotisations = state.statsCotisations;
|
||||
_statsEvenements = state.statsEvenements;
|
||||
});
|
||||
}
|
||||
if (state is ReportsError) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text(state.message), backgroundColor: Colors.orange),
|
||||
);
|
||||
}
|
||||
if (state is ReportScheduled) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text(state.message), backgroundColor: const Color(0xFF00B894), behavior: SnackBarBehavior.floating),
|
||||
);
|
||||
}
|
||||
if (state is ReportGenerated) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text(state.message), backgroundColor: const Color(0xFF00B894), behavior: SnackBarBehavior.floating),
|
||||
);
|
||||
}
|
||||
},
|
||||
builder: (context, state) {
|
||||
return Scaffold(
|
||||
backgroundColor: AppColors.darkBackground,
|
||||
body: Column(
|
||||
children: [
|
||||
_buildHeader(),
|
||||
_buildTabBar(),
|
||||
if (state is ReportsLoading)
|
||||
const LinearProgressIndicator(
|
||||
minHeight: 2,
|
||||
backgroundColor: Colors.transparent,
|
||||
valueColor: AlwaysStoppedAnimation<Color>(AppColors.primaryGreen),
|
||||
),
|
||||
Expanded(
|
||||
child: TabBarView(
|
||||
controller: _tabController,
|
||||
children: [
|
||||
_buildOverviewTab(),
|
||||
_buildMembersTab(),
|
||||
_buildOrganizationsTab(),
|
||||
_buildEventsTab(),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildHeader() {
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
padding: EdgeInsets.only(
|
||||
top: MediaQuery.of(context).padding.top + 20,
|
||||
bottom: 30,
|
||||
left: 20,
|
||||
right: 20,
|
||||
),
|
||||
decoration: const BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: [
|
||||
AppColors.primaryGreen,
|
||||
AppColors.brandGreen,
|
||||
],
|
||||
),
|
||||
borderRadius: BorderRadius.only(
|
||||
bottomLeft: Radius.circular(32),
|
||||
bottomRight: Radius.circular(32),
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'UnionFlow Analytics'.toUpperCase(),
|
||||
style: AppTypography.subtitleSmall.copyWith(
|
||||
color: Colors.white.withOpacity(0.8),
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: 1.2,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
const Text(
|
||||
'Rapports & Insights',
|
||||
style: AppTypography.headerSmall,
|
||||
),
|
||||
],
|
||||
),
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withOpacity(0.2),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
child: IconButton(
|
||||
onPressed: () => _showExportDialog(),
|
||||
icon: const Icon(Icons.file_download_outlined, color: Colors.white),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: _buildHeaderStat(
|
||||
'Membres',
|
||||
_statsMembres['total']?.toString() ?? '...',
|
||||
Icons.people_outline,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
child: _buildHeaderStat(
|
||||
'Organisations',
|
||||
_statsMembres['totalOrganisations']?.toString() ?? '...',
|
||||
Icons.business_outlined,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
child: _buildHeaderStat(
|
||||
'Événements',
|
||||
_statsEvenements['total']?.toString() ?? '...',
|
||||
Icons.event_outlined,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildHeaderStat(String label, String value, IconData icon) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 8),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withOpacity(0.15),
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: Border.all(color: Colors.white.withOpacity(0.2)),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
Icon(icon, color: Colors.white, size: 18),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
value,
|
||||
style: AppTypography.headerSmall.copyWith(fontSize: 18),
|
||||
),
|
||||
Text(
|
||||
label.toUpperCase(),
|
||||
style: AppTypography.subtitleSmall.copyWith(
|
||||
color: Colors.white.withOpacity(0.7),
|
||||
fontSize: 8,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildTabBar() {
|
||||
return Container(
|
||||
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.darkBackground,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: Border.all(color: AppColors.lightBorder.withOpacity(0.1)),
|
||||
),
|
||||
child: TabBar(
|
||||
controller: _tabController,
|
||||
labelColor: AppColors.primaryGreen,
|
||||
unselectedLabelColor: AppColors.textSecondaryLight,
|
||||
indicatorColor: AppColors.primaryGreen,
|
||||
indicatorSize: TabBarIndicatorSize.label,
|
||||
dividerColor: Colors.transparent,
|
||||
labelStyle: AppTypography.badgeText.copyWith(fontWeight: FontWeight.bold),
|
||||
tabs: const [
|
||||
Tab(text: 'GLOBAL'),
|
||||
Tab(text: 'MEMBRES'),
|
||||
Tab(text: 'ORGS'),
|
||||
Tab(text: 'EVENTS'),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildOverviewTab() {
|
||||
return ListView(
|
||||
padding: const EdgeInsets.all(16),
|
||||
children: [
|
||||
_buildKPICards(),
|
||||
const SizedBox(height: 24),
|
||||
_buildActivityChart(),
|
||||
const SizedBox(height: 24),
|
||||
_buildQuickReports(),
|
||||
const SizedBox(height: 32),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildKPICards() {
|
||||
final totalMembres = _statsMembres['total']?.toString() ?? '--';
|
||||
final membresActifs = _statsMembres['actifs']?.toString() ?? '--';
|
||||
final totalCotisations = _statsCotisations['total']?.toString() ?? '--';
|
||||
final totalEvenements = _statsEvenements['total']?.toString() ?? '--';
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Expanded(child: _buildKPICard('Total Membres', totalMembres, Icons.people_outline, AppColors.info)),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(child: _buildKPICard('Membres Actifs', membresActifs, Icons.how_to_reg_outlined, AppColors.success)),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(child: _buildKPICard('Cotisations', totalCotisations, Icons.payments_outlined, AppColors.brandGreen)),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(child: _buildKPICard('Événements', totalEvenements, Icons.event_available_outlined, AppColors.warning)),
|
||||
],
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildKPICard(String title, String value, IconData icon, Color color) {
|
||||
return CoreCard(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Column(
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(10),
|
||||
decoration: BoxDecoration(
|
||||
color: color.withOpacity(0.1),
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: Icon(icon, color: color, size: 24),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Text(
|
||||
value,
|
||||
style: AppTypography.headerSmall.copyWith(color: color, fontWeight: FontWeight.bold),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
title.toUpperCase(),
|
||||
style: AppTypography.subtitleSmall.copyWith(
|
||||
fontSize: 9,
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: 0.5,
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildActivityChart() {
|
||||
return CoreCard(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.analytics_outlined, color: AppColors.primaryGreen, size: 20),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
'Évolution de l\'Activité'.toUpperCase(),
|
||||
style: AppTypography.subtitleSmall.copyWith(fontWeight: FontWeight.bold, letterSpacing: 1.1),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Container(
|
||||
height: 180,
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.lightBorder.withOpacity(0.1),
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
),
|
||||
child: const Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(Icons.auto_graph_outlined, color: AppColors.textSecondaryLight, size: 40),
|
||||
SizedBox(height: 12),
|
||||
Text(
|
||||
'Visualisation graphique en préparation',
|
||||
style: AppTypography.subtitleSmall,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildQuickReports() {
|
||||
return CoreCard(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.flash_on_outlined, color: AppColors.warning, size: 20),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
'Rapports Favoris'.toUpperCase(),
|
||||
style: AppTypography.subtitleSmall.copyWith(fontWeight: FontWeight.bold, letterSpacing: 1.1),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
_buildQuickReportItem('Bilan Annuel', 'Synthèse financière et activité', Icons.summarize_outlined, () => _generateReport('monthly')),
|
||||
_buildQuickReportItem('Engagement Membres', 'Analyse de participation globale', Icons.query_stats_outlined, () => _generateReport('top_members')),
|
||||
_buildQuickReportItem('Impact Événements', 'Analyse SEO et participation', Icons.insights_outlined, () => _generateReport('events_analysis')),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildQuickReportItem(String title, String subtitle, IconData icon, VoidCallback onTap) {
|
||||
return Container(
|
||||
margin: const EdgeInsets.only(bottom: 12),
|
||||
child: InkWell(
|
||||
onTap: onTap,
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(12),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.lightBorder.withOpacity(0.05),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
border: Border.all(color: AppColors.lightBorder.withOpacity(0.1)),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(8),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.primaryGreen.withOpacity(0.1),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Icon(icon, color: AppColors.primaryGreen, size: 20),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(title, style: AppTypography.actionText),
|
||||
const SizedBox(height: 2),
|
||||
Text(subtitle, style: AppTypography.subtitleSmall.copyWith(fontSize: 10)),
|
||||
],
|
||||
),
|
||||
),
|
||||
const Icon(Icons.chevron_right_outlined, color: AppColors.textSecondaryLight, size: 20),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// Onglet membres
|
||||
Widget _buildMembersTab() {
|
||||
return SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: Column(
|
||||
children: [
|
||||
const SizedBox(height: 16),
|
||||
_buildMembersStats(),
|
||||
const SizedBox(height: 16),
|
||||
_buildMembersReports(),
|
||||
const SizedBox(height: 80),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildMembersStats() {
|
||||
final total = _statsMembres['total']?.toString() ?? '--';
|
||||
final nouveaux = _statsMembres['nouveaux30j']?.toString() ?? '--';
|
||||
final actifs = _statsMembres['actifs7j']?.toString() ?? '--';
|
||||
|
||||
return CoreCard(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.people_alt_outlined, color: AppColors.info, size: 20),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
'Indicateurs Membres'.toUpperCase(),
|
||||
style: AppTypography.subtitleSmall.copyWith(fontWeight: FontWeight.bold, letterSpacing: 1.1),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(child: _buildStatItem('Total', total)),
|
||||
Container(width: 1, height: 30, color: AppColors.lightBorder.withOpacity(0.2)),
|
||||
Expanded(child: _buildStatItem('Nouveaux', nouveaux)),
|
||||
Container(width: 1, height: 30, color: AppColors.lightBorder.withOpacity(0.2)),
|
||||
Expanded(child: _buildStatItem('Actifs %', actifs)),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildMembersReports() {
|
||||
return CoreCard(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.assignment_ind_outlined, color: AppColors.info, size: 20),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
'Rapports Membres'.toUpperCase(),
|
||||
style: AppTypography.subtitleSmall.copyWith(fontWeight: FontWeight.bold, letterSpacing: 1.1),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
_buildReportItem('Liste complète des membres', 'Export avec toutes les informations', Icons.list_alt_outlined),
|
||||
_buildReportItem('Analyse d\'engagement', 'Participation et activité des membres', Icons.trending_up_outlined),
|
||||
_buildReportItem('Segmentation démographique', 'Répartition par âge, région, etc.', Icons.pie_chart_outline),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// Onglet organisations
|
||||
Widget _buildOrganizationsTab() {
|
||||
return SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: Column(
|
||||
children: [
|
||||
const SizedBox(height: 16),
|
||||
_buildOrganizationsStats(),
|
||||
const SizedBox(height: 16),
|
||||
_buildOrganizationsReports(),
|
||||
const SizedBox(height: 80),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildOrganizationsStats() {
|
||||
final total = _statsMembres['totalOrganisations']?.toString() ?? '--';
|
||||
final actives = _statsMembres['organisationsActives']?.toString() ?? '--';
|
||||
final moy = _statsMembres['membresParOrganisation']?.toString() ?? '--';
|
||||
|
||||
return CoreCard(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.business_center_outlined, color: AppColors.primaryGreen, size: 20),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
'Indicateurs Organisations'.toUpperCase(),
|
||||
style: AppTypography.subtitleSmall.copyWith(fontWeight: FontWeight.bold, letterSpacing: 1.1),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(child: _buildStatItem('Total', total)),
|
||||
Container(width: 1, height: 30, color: AppColors.lightBorder.withOpacity(0.2)),
|
||||
Expanded(child: _buildStatItem('Actives', actives)),
|
||||
Container(width: 1, height: 30, color: AppColors.lightBorder.withOpacity(0.2)),
|
||||
Expanded(child: _buildStatItem('Membres moy.', moy)),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildOrganizationsReports() {
|
||||
return CoreCard(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.folder_shared_outlined, color: AppColors.primaryGreen, size: 20),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
'Rapports Structures'.toUpperCase(),
|
||||
style: AppTypography.subtitleSmall.copyWith(fontWeight: FontWeight.bold, letterSpacing: 1.1),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
_buildReportItem('Annuaire des organisations', 'Liste complète avec contacts', Icons.contact_phone_outlined),
|
||||
_buildReportItem('Performance par organisation', 'Activité et engagement', Icons.bar_chart_outlined),
|
||||
_buildReportItem('Analyse de croissance', 'Évolution du nombre de membres', Icons.trending_up_outlined),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// Onglet événements
|
||||
Widget _buildEventsTab() {
|
||||
return SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: Column(
|
||||
children: [
|
||||
const SizedBox(height: 16),
|
||||
_buildEventsStats(),
|
||||
const SizedBox(height: 16),
|
||||
_buildEventsReports(),
|
||||
const SizedBox(height: 80),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildEventsStats() {
|
||||
final total = _statsEvenements['total']?.toString() ?? '--';
|
||||
final venir = _statsEvenements['aVenir']?.toString() ?? '--';
|
||||
final participation = _statsEvenements['participationMoyenne']?.toString() ?? '--';
|
||||
|
||||
return CoreCard(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.event_note_outlined, color: AppColors.warning, size: 20),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
'Indicateurs Événements'.toUpperCase(),
|
||||
style: AppTypography.subtitleSmall.copyWith(fontWeight: FontWeight.bold, letterSpacing: 1.1),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(child: _buildStatItem('Total', total)),
|
||||
Container(width: 1, height: 30, color: AppColors.lightBorder.withOpacity(0.2)),
|
||||
Expanded(child: _buildStatItem('À Venir', venir)),
|
||||
Container(width: 1, height: 30, color: AppColors.lightBorder.withOpacity(0.2)),
|
||||
Expanded(child: _buildStatItem('Part. moyenne', participation)),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildEventsReports() {
|
||||
return CoreCard(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.history_edu_outlined, color: AppColors.warning, size: 20),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
'Rapports Logistique'.toUpperCase(),
|
||||
style: AppTypography.subtitleSmall.copyWith(fontWeight: FontWeight.bold, letterSpacing: 1.1),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
_buildReportItem('Calendrier des événements', 'Planning complet avec détails', Icons.calendar_today_outlined),
|
||||
_buildReportItem('Analyse de participation', 'Taux de participation et feedback', Icons.people_outline),
|
||||
_buildReportItem('ROI des événements', 'Retour sur investissement financier', Icons.analytics_outlined),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// Composants communs
|
||||
Widget _buildStatItem(String label, String value) {
|
||||
return Column(
|
||||
children: [
|
||||
Text(
|
||||
value,
|
||||
style: AppTypography.headerSmall.copyWith(color: AppColors.primaryGreen, fontWeight: FontWeight.bold),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
label.toUpperCase(),
|
||||
style: AppTypography.subtitleSmall.copyWith(fontSize: 8, fontWeight: FontWeight.bold),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildReportItem(String title, String subtitle, IconData icon) {
|
||||
return Container(
|
||||
margin: const EdgeInsets.only(bottom: 12),
|
||||
child: InkWell(
|
||||
onTap: () => _generateReport(title.toLowerCase().replaceAll(' ', '_')),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(12),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.lightBorder.withOpacity(0.05),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
border: Border.all(color: AppColors.lightBorder.withOpacity(0.1)),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(8),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.primaryGreen.withOpacity(0.1),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Icon(icon, color: AppColors.primaryGreen, size: 20),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(title, style: AppTypography.actionText),
|
||||
const SizedBox(height: 2),
|
||||
Text(subtitle, style: AppTypography.subtitleSmall.copyWith(fontSize: 10)),
|
||||
],
|
||||
),
|
||||
),
|
||||
const Icon(Icons.file_download_outlined, color: AppColors.textSecondaryLight, size: 20),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// Méthodes d'action
|
||||
void _showExportDialog() {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: const Text('Exporter rapport'),
|
||||
content: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
DropdownButtonFormField<String>(
|
||||
value: _selectedPeriod,
|
||||
decoration: const InputDecoration(labelText: 'Période'),
|
||||
items: _periods.map((period) => DropdownMenuItem(value: period, child: Text(period))).toList(),
|
||||
onChanged: (value) => setState(() => _selectedPeriod = value!),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
DropdownButtonFormField<String>(
|
||||
value: _selectedFormat,
|
||||
decoration: const InputDecoration(labelText: 'Format'),
|
||||
items: _formats.map((format) => DropdownMenuItem(value: format, child: Text(format))).toList(),
|
||||
onChanged: (value) => setState(() => _selectedFormat = value!),
|
||||
),
|
||||
],
|
||||
),
|
||||
actions: [
|
||||
TextButton(onPressed: () => Navigator.of(context).pop(), child: const Text('Annuler')),
|
||||
ElevatedButton(
|
||||
onPressed: () {
|
||||
Navigator.of(context).pop();
|
||||
context.read<ReportsBloc>().add(GenerateReportRequested('export', format: _selectedFormat));
|
||||
},
|
||||
style: ElevatedButton.styleFrom(backgroundColor: const Color(0xFF6C5CE7), foregroundColor: Colors.white),
|
||||
child: const Text('Exporter'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _scheduleReport() {
|
||||
context.read<ReportsBloc>().add(const ScheduleReportRequested());
|
||||
}
|
||||
|
||||
void _generateReport(String type) {
|
||||
context.read<ReportsBloc>().add(GenerateReportRequested(type));
|
||||
}
|
||||
|
||||
void _showSuccessSnackBar(String message) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text(message), backgroundColor: const Color(0xFF00B894), behavior: SnackBarBehavior.floating),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
library reports_page_wrapper;
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import '../../../../core/di/injection_container.dart';
|
||||
import '../bloc/reports_bloc.dart';
|
||||
import 'reports_page.dart';
|
||||
|
||||
/// Wrapper qui fournit le ReportsBloc à la ReportsPage
|
||||
class ReportsPageWrapper extends StatelessWidget {
|
||||
const ReportsPageWrapper({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BlocProvider<ReportsBloc>(
|
||||
create: (_) => sl<ReportsBloc>(),
|
||||
child: const ReportsPage(),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user