feat(mobile): Implement Keycloak WebView authentication with HTTP callback
- Replace flutter_appauth with custom WebView implementation to resolve deep link issues - Add KeycloakWebViewAuthService with integrated WebView for seamless authentication - Configure Android manifest for HTTP cleartext traffic support - Add network security config for development environment (192.168.1.11) - Update Keycloak client to use HTTP callback endpoint (http://192.168.1.11:8080/auth/callback) - Remove obsolete keycloak_auth_service.dart and temporary scripts - Clean up dependencies and regenerate injection configuration - Tested successfully on multiple Android devices (Xiaomi 2201116TG, SM A725F) BREAKING CHANGE: Authentication flow now uses WebView instead of external browser - Users will see Keycloak login page within the app instead of browser redirect - Resolves ERR_CLEARTEXT_NOT_PERMITTED and deep link state management issues - Maintains full OIDC compliance with PKCE flow and secure token storage Technical improvements: - WebView with custom navigation delegate for callback handling - Automatic token extraction and user info parsing from JWT - Proper error handling and user feedback - Consistent authentication state management across app lifecycle
This commit is contained in:
DahoudG
@@ -0,0 +1,103 @@
|
||||
import 'package:injectable/injectable.dart';
|
||||
import '../../../../core/models/evenement_model.dart';
|
||||
import '../../../../core/services/api_service.dart';
|
||||
import '../../domain/repositories/evenement_repository.dart';
|
||||
|
||||
/// Implémentation du repository pour les événements
|
||||
/// Utilise l'ApiService pour communiquer avec le backend
|
||||
@LazySingleton(as: EvenementRepository)
|
||||
class EvenementRepositoryImpl implements EvenementRepository {
|
||||
final ApiService _apiService;
|
||||
|
||||
EvenementRepositoryImpl(this._apiService);
|
||||
|
||||
@override
|
||||
Future<List<EvenementModel>> getEvenementsAVenir({
|
||||
int page = 0,
|
||||
int size = 10,
|
||||
}) async {
|
||||
return await _apiService.getEvenementsAVenir(page: page, size: size);
|
||||
}
|
||||
|
||||
@override
|
||||
Future<List<EvenementModel>> getEvenementsPublics({
|
||||
int page = 0,
|
||||
int size = 20,
|
||||
}) async {
|
||||
return await _apiService.getEvenementsPublics(page: page, size: size);
|
||||
}
|
||||
|
||||
@override
|
||||
Future<List<EvenementModel>> getEvenements({
|
||||
int page = 0,
|
||||
int size = 20,
|
||||
String sortField = 'dateDebut',
|
||||
String sortDirection = 'asc',
|
||||
}) async {
|
||||
return await _apiService.getEvenements(
|
||||
page: page,
|
||||
size: size,
|
||||
sortField: sortField,
|
||||
sortDirection: sortDirection,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Future<EvenementModel> getEvenementById(String id) async {
|
||||
return await _apiService.getEvenementById(id);
|
||||
}
|
||||
|
||||
@override
|
||||
Future<List<EvenementModel>> rechercherEvenements(
|
||||
String terme, {
|
||||
int page = 0,
|
||||
int size = 20,
|
||||
}) async {
|
||||
return await _apiService.rechercherEvenements(
|
||||
terme,
|
||||
page: page,
|
||||
size: size,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Future<List<EvenementModel>> getEvenementsByType(
|
||||
TypeEvenement type, {
|
||||
int page = 0,
|
||||
int size = 20,
|
||||
}) async {
|
||||
return await _apiService.getEvenementsByType(
|
||||
type,
|
||||
page: page,
|
||||
size: size,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Future<EvenementModel> createEvenement(EvenementModel evenement) async {
|
||||
return await _apiService.createEvenement(evenement);
|
||||
}
|
||||
|
||||
@override
|
||||
Future<EvenementModel> updateEvenement(String id, EvenementModel evenement) async {
|
||||
return await _apiService.updateEvenement(id, evenement);
|
||||
}
|
||||
|
||||
@override
|
||||
Future<void> deleteEvenement(String id) async {
|
||||
return await _apiService.deleteEvenement(id);
|
||||
}
|
||||
|
||||
@override
|
||||
Future<EvenementModel> changerStatutEvenement(
|
||||
String id,
|
||||
StatutEvenement nouveauStatut,
|
||||
) async {
|
||||
return await _apiService.changerStatutEvenement(id, nouveauStatut);
|
||||
}
|
||||
|
||||
@override
|
||||
Future<Map<String, dynamic>> getStatistiquesEvenements() async {
|
||||
return await _apiService.getStatistiquesEvenements();
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
import '../../../../core/models/evenement_model.dart';
|
||||
|
||||
/// Interface du repository pour les événements
|
||||
/// Définit les contrats pour l'accès aux données des événements
|
||||
abstract class EvenementRepository {
|
||||
/// Récupère la liste des événements à venir
|
||||
Future<List<EvenementModel>> getEvenementsAVenir({
|
||||
int page = 0,
|
||||
int size = 10,
|
||||
});
|
||||
|
||||
/// Récupère la liste des événements publics
|
||||
Future<List<EvenementModel>> getEvenementsPublics({
|
||||
int page = 0,
|
||||
int size = 20,
|
||||
});
|
||||
|
||||
/// Récupère tous les événements avec pagination
|
||||
Future<List<EvenementModel>> getEvenements({
|
||||
int page = 0,
|
||||
int size = 20,
|
||||
String sortField = 'dateDebut',
|
||||
String sortDirection = 'asc',
|
||||
});
|
||||
|
||||
/// Récupère un événement par son ID
|
||||
Future<EvenementModel> getEvenementById(String id);
|
||||
|
||||
/// Recherche d'événements par terme
|
||||
Future<List<EvenementModel>> rechercherEvenements(
|
||||
String terme, {
|
||||
int page = 0,
|
||||
int size = 20,
|
||||
});
|
||||
|
||||
/// Récupère les événements par type
|
||||
Future<List<EvenementModel>> getEvenementsByType(
|
||||
TypeEvenement type, {
|
||||
int page = 0,
|
||||
int size = 20,
|
||||
});
|
||||
|
||||
/// Crée un nouvel événement
|
||||
Future<EvenementModel> createEvenement(EvenementModel evenement);
|
||||
|
||||
/// Met à jour un événement existant
|
||||
Future<EvenementModel> updateEvenement(String id, EvenementModel evenement);
|
||||
|
||||
/// Supprime un événement
|
||||
Future<void> deleteEvenement(String id);
|
||||
|
||||
/// Change le statut d'un événement
|
||||
Future<EvenementModel> changerStatutEvenement(
|
||||
String id,
|
||||
StatutEvenement nouveauStatut,
|
||||
);
|
||||
|
||||
/// Récupère les statistiques des événements
|
||||
Future<Map<String, dynamic>> getStatistiquesEvenements();
|
||||
}
|
||||
@@ -0,0 +1,388 @@
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:injectable/injectable.dart';
|
||||
import '../../../../core/models/evenement_model.dart';
|
||||
import '../../domain/repositories/evenement_repository.dart';
|
||||
import 'evenement_event.dart';
|
||||
import 'evenement_state.dart';
|
||||
|
||||
/// BLoC pour la gestion des événements
|
||||
@injectable
|
||||
class EvenementBloc extends Bloc<EvenementEvent, EvenementState> {
|
||||
final EvenementRepository _repository;
|
||||
|
||||
EvenementBloc(this._repository) : super(const EvenementInitial()) {
|
||||
on<LoadEvenementsAVenir>(_onLoadEvenementsAVenir);
|
||||
on<LoadEvenementsPublics>(_onLoadEvenementsPublics);
|
||||
on<LoadEvenements>(_onLoadEvenements);
|
||||
on<LoadEvenementById>(_onLoadEvenementById);
|
||||
on<SearchEvenements>(_onSearchEvenements);
|
||||
on<FilterEvenementsByType>(_onFilterEvenementsByType);
|
||||
on<CreateEvenement>(_onCreateEvenement);
|
||||
on<UpdateEvenement>(_onUpdateEvenement);
|
||||
on<DeleteEvenement>(_onDeleteEvenement);
|
||||
on<ChangeStatutEvenement>(_onChangeStatutEvenement);
|
||||
on<LoadStatistiquesEvenements>(_onLoadStatistiquesEvenements);
|
||||
on<ResetEvenementState>(_onResetEvenementState);
|
||||
}
|
||||
|
||||
/// Charge les événements à venir
|
||||
Future<void> _onLoadEvenementsAVenir(
|
||||
LoadEvenementsAVenir event,
|
||||
Emitter<EvenementState> emit,
|
||||
) async {
|
||||
try {
|
||||
if (event.refresh || state is EvenementInitial) {
|
||||
emit(const EvenementLoading());
|
||||
} else if (state is EvenementLoaded) {
|
||||
emit(EvenementLoadingMore((state as EvenementLoaded).evenements));
|
||||
}
|
||||
|
||||
final evenements = await _repository.getEvenementsAVenir(
|
||||
page: event.page,
|
||||
size: event.size,
|
||||
);
|
||||
|
||||
if (event.refresh || event.page == 0) {
|
||||
emit(EvenementLoaded(
|
||||
evenements: evenements,
|
||||
hasReachedMax: evenements.length < event.size,
|
||||
currentPage: event.page,
|
||||
));
|
||||
} else {
|
||||
final currentState = state as EvenementLoaded;
|
||||
final allEvenements = List<EvenementModel>.from(currentState.evenements)
|
||||
..addAll(evenements);
|
||||
|
||||
emit(currentState.copyWith(
|
||||
evenements: allEvenements,
|
||||
hasReachedMax: evenements.length < event.size,
|
||||
currentPage: event.page,
|
||||
));
|
||||
}
|
||||
} catch (e) {
|
||||
final currentEvenements = state is EvenementLoaded
|
||||
? (state as EvenementLoaded).evenements
|
||||
: null;
|
||||
emit(EvenementError(
|
||||
message: e.toString(),
|
||||
evenements: currentEvenements,
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
/// Charge les événements publics
|
||||
Future<void> _onLoadEvenementsPublics(
|
||||
LoadEvenementsPublics event,
|
||||
Emitter<EvenementState> emit,
|
||||
) async {
|
||||
try {
|
||||
if (event.refresh || state is EvenementInitial) {
|
||||
emit(const EvenementLoading());
|
||||
} else if (state is EvenementLoaded) {
|
||||
emit(EvenementLoadingMore((state as EvenementLoaded).evenements));
|
||||
}
|
||||
|
||||
final evenements = await _repository.getEvenementsPublics(
|
||||
page: event.page,
|
||||
size: event.size,
|
||||
);
|
||||
|
||||
if (event.refresh || event.page == 0) {
|
||||
emit(EvenementLoaded(
|
||||
evenements: evenements,
|
||||
hasReachedMax: evenements.length < event.size,
|
||||
currentPage: event.page,
|
||||
));
|
||||
} else {
|
||||
final currentState = state as EvenementLoaded;
|
||||
final allEvenements = List<EvenementModel>.from(currentState.evenements)
|
||||
..addAll(evenements);
|
||||
|
||||
emit(currentState.copyWith(
|
||||
evenements: allEvenements,
|
||||
hasReachedMax: evenements.length < event.size,
|
||||
currentPage: event.page,
|
||||
));
|
||||
}
|
||||
} catch (e) {
|
||||
final currentEvenements = state is EvenementLoaded
|
||||
? (state as EvenementLoaded).evenements
|
||||
: null;
|
||||
emit(EvenementError(
|
||||
message: e.toString(),
|
||||
evenements: currentEvenements,
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
/// Charge tous les événements
|
||||
Future<void> _onLoadEvenements(
|
||||
LoadEvenements event,
|
||||
Emitter<EvenementState> emit,
|
||||
) async {
|
||||
try {
|
||||
if (event.refresh || state is EvenementInitial) {
|
||||
emit(const EvenementLoading());
|
||||
} else if (state is EvenementLoaded) {
|
||||
emit(EvenementLoadingMore((state as EvenementLoaded).evenements));
|
||||
}
|
||||
|
||||
final evenements = await _repository.getEvenements(
|
||||
page: event.page,
|
||||
size: event.size,
|
||||
sortField: event.sortField,
|
||||
sortDirection: event.sortDirection,
|
||||
);
|
||||
|
||||
if (event.refresh || event.page == 0) {
|
||||
emit(EvenementLoaded(
|
||||
evenements: evenements,
|
||||
hasReachedMax: evenements.length < event.size,
|
||||
currentPage: event.page,
|
||||
));
|
||||
} else {
|
||||
final currentState = state as EvenementLoaded;
|
||||
final allEvenements = List<EvenementModel>.from(currentState.evenements)
|
||||
..addAll(evenements);
|
||||
|
||||
emit(currentState.copyWith(
|
||||
evenements: allEvenements,
|
||||
hasReachedMax: evenements.length < event.size,
|
||||
currentPage: event.page,
|
||||
));
|
||||
}
|
||||
} catch (e) {
|
||||
final currentEvenements = state is EvenementLoaded
|
||||
? (state as EvenementLoaded).evenements
|
||||
: null;
|
||||
emit(EvenementError(
|
||||
message: e.toString(),
|
||||
evenements: currentEvenements,
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
/// Charge un événement par ID
|
||||
Future<void> _onLoadEvenementById(
|
||||
LoadEvenementById event,
|
||||
Emitter<EvenementState> emit,
|
||||
) async {
|
||||
try {
|
||||
emit(const EvenementLoading());
|
||||
|
||||
final evenement = await _repository.getEvenementById(event.id);
|
||||
|
||||
emit(EvenementDetailLoaded(evenement));
|
||||
} catch (e) {
|
||||
emit(EvenementError(message: e.toString()));
|
||||
}
|
||||
}
|
||||
|
||||
/// Recherche d'événements
|
||||
Future<void> _onSearchEvenements(
|
||||
SearchEvenements event,
|
||||
Emitter<EvenementState> emit,
|
||||
) async {
|
||||
try {
|
||||
if (event.refresh || event.page == 0) {
|
||||
emit(const EvenementLoading());
|
||||
} else if (state is EvenementLoaded) {
|
||||
emit(EvenementLoadingMore((state as EvenementLoaded).evenements));
|
||||
}
|
||||
|
||||
final evenements = await _repository.rechercherEvenements(
|
||||
event.terme,
|
||||
page: event.page,
|
||||
size: event.size,
|
||||
);
|
||||
|
||||
if (evenements.isEmpty && event.page == 0) {
|
||||
emit(EvenementSearchEmpty(event.terme));
|
||||
return;
|
||||
}
|
||||
|
||||
if (event.refresh || event.page == 0) {
|
||||
emit(EvenementLoaded(
|
||||
evenements: evenements,
|
||||
hasReachedMax: evenements.length < event.size,
|
||||
currentPage: event.page,
|
||||
searchTerm: event.terme,
|
||||
));
|
||||
} else {
|
||||
final currentState = state as EvenementLoaded;
|
||||
final allEvenements = List<EvenementModel>.from(currentState.evenements)
|
||||
..addAll(evenements);
|
||||
|
||||
emit(currentState.copyWith(
|
||||
evenements: allEvenements,
|
||||
hasReachedMax: evenements.length < event.size,
|
||||
currentPage: event.page,
|
||||
searchTerm: event.terme,
|
||||
));
|
||||
}
|
||||
} catch (e) {
|
||||
final currentEvenements = state is EvenementLoaded
|
||||
? (state as EvenementLoaded).evenements
|
||||
: null;
|
||||
emit(EvenementError(
|
||||
message: e.toString(),
|
||||
evenements: currentEvenements,
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
/// Filtre par type d'événement
|
||||
Future<void> _onFilterEvenementsByType(
|
||||
FilterEvenementsByType event,
|
||||
Emitter<EvenementState> emit,
|
||||
) async {
|
||||
try {
|
||||
if (event.refresh || event.page == 0) {
|
||||
emit(const EvenementLoading());
|
||||
} else if (state is EvenementLoaded) {
|
||||
emit(EvenementLoadingMore((state as EvenementLoaded).evenements));
|
||||
}
|
||||
|
||||
final evenements = await _repository.getEvenementsByType(
|
||||
event.type,
|
||||
page: event.page,
|
||||
size: event.size,
|
||||
);
|
||||
|
||||
if (evenements.isEmpty && event.page == 0) {
|
||||
emit(const EvenementEmpty(message: 'Aucun événement de ce type trouvé'));
|
||||
return;
|
||||
}
|
||||
|
||||
if (event.refresh || event.page == 0) {
|
||||
emit(EvenementLoaded(
|
||||
evenements: evenements,
|
||||
hasReachedMax: evenements.length < event.size,
|
||||
currentPage: event.page,
|
||||
filterType: event.type,
|
||||
));
|
||||
} else {
|
||||
final currentState = state as EvenementLoaded;
|
||||
final allEvenements = List<EvenementModel>.from(currentState.evenements)
|
||||
..addAll(evenements);
|
||||
|
||||
emit(currentState.copyWith(
|
||||
evenements: allEvenements,
|
||||
hasReachedMax: evenements.length < event.size,
|
||||
currentPage: event.page,
|
||||
filterType: event.type,
|
||||
));
|
||||
}
|
||||
} catch (e) {
|
||||
final currentEvenements = state is EvenementLoaded
|
||||
? (state as EvenementLoaded).evenements
|
||||
: null;
|
||||
emit(EvenementError(
|
||||
message: e.toString(),
|
||||
evenements: currentEvenements,
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
/// Crée un nouvel événement
|
||||
Future<void> _onCreateEvenement(
|
||||
CreateEvenement event,
|
||||
Emitter<EvenementState> emit,
|
||||
) async {
|
||||
try {
|
||||
emit(const EvenementLoading());
|
||||
|
||||
final evenement = await _repository.createEvenement(event.evenement);
|
||||
|
||||
emit(EvenementOperationSuccess(
|
||||
message: 'Événement créé avec succès',
|
||||
evenement: evenement,
|
||||
));
|
||||
} catch (e) {
|
||||
emit(EvenementError(message: e.toString()));
|
||||
}
|
||||
}
|
||||
|
||||
/// Met à jour un événement
|
||||
Future<void> _onUpdateEvenement(
|
||||
UpdateEvenement event,
|
||||
Emitter<EvenementState> emit,
|
||||
) async {
|
||||
try {
|
||||
emit(const EvenementLoading());
|
||||
|
||||
final evenement = await _repository.updateEvenement(event.id, event.evenement);
|
||||
|
||||
emit(EvenementOperationSuccess(
|
||||
message: 'Événement mis à jour avec succès',
|
||||
evenement: evenement,
|
||||
));
|
||||
} catch (e) {
|
||||
emit(EvenementError(message: e.toString()));
|
||||
}
|
||||
}
|
||||
|
||||
/// Supprime un événement
|
||||
Future<void> _onDeleteEvenement(
|
||||
DeleteEvenement event,
|
||||
Emitter<EvenementState> emit,
|
||||
) async {
|
||||
try {
|
||||
emit(const EvenementLoading());
|
||||
|
||||
await _repository.deleteEvenement(event.id);
|
||||
|
||||
emit(const EvenementOperationSuccess(
|
||||
message: 'Événement supprimé avec succès',
|
||||
));
|
||||
} catch (e) {
|
||||
emit(EvenementError(message: e.toString()));
|
||||
}
|
||||
}
|
||||
|
||||
/// Change le statut d'un événement
|
||||
Future<void> _onChangeStatutEvenement(
|
||||
ChangeStatutEvenement event,
|
||||
Emitter<EvenementState> emit,
|
||||
) async {
|
||||
try {
|
||||
emit(const EvenementLoading());
|
||||
|
||||
final evenement = await _repository.changerStatutEvenement(
|
||||
event.id,
|
||||
event.nouveauStatut,
|
||||
);
|
||||
|
||||
emit(EvenementOperationSuccess(
|
||||
message: 'Statut de l\'événement modifié avec succès',
|
||||
evenement: evenement,
|
||||
));
|
||||
} catch (e) {
|
||||
emit(EvenementError(message: e.toString()));
|
||||
}
|
||||
}
|
||||
|
||||
/// Charge les statistiques
|
||||
Future<void> _onLoadStatistiquesEvenements(
|
||||
LoadStatistiquesEvenements event,
|
||||
Emitter<EvenementState> emit,
|
||||
) async {
|
||||
try {
|
||||
emit(const EvenementLoading());
|
||||
|
||||
final statistiques = await _repository.getStatistiquesEvenements();
|
||||
|
||||
emit(EvenementStatistiquesLoaded(statistiques));
|
||||
} catch (e) {
|
||||
emit(EvenementError(message: e.toString()));
|
||||
}
|
||||
}
|
||||
|
||||
/// Réinitialise l'état
|
||||
void _onResetEvenementState(
|
||||
ResetEvenementState event,
|
||||
Emitter<EvenementState> emit,
|
||||
) {
|
||||
emit(const EvenementInitial());
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,160 @@
|
||||
import 'package:equatable/equatable.dart';
|
||||
import '../../../../core/models/evenement_model.dart';
|
||||
|
||||
/// Événements du BLoC Evenement
|
||||
abstract class EvenementEvent extends Equatable {
|
||||
const EvenementEvent();
|
||||
|
||||
@override
|
||||
List<Object?> get props => [];
|
||||
}
|
||||
|
||||
/// Charge les événements à venir
|
||||
class LoadEvenementsAVenir extends EvenementEvent {
|
||||
final int page;
|
||||
final int size;
|
||||
final bool refresh;
|
||||
|
||||
const LoadEvenementsAVenir({
|
||||
this.page = 0,
|
||||
this.size = 10,
|
||||
this.refresh = false,
|
||||
});
|
||||
|
||||
@override
|
||||
List<Object?> get props => [page, size, refresh];
|
||||
}
|
||||
|
||||
/// Charge les événements publics
|
||||
class LoadEvenementsPublics extends EvenementEvent {
|
||||
final int page;
|
||||
final int size;
|
||||
final bool refresh;
|
||||
|
||||
const LoadEvenementsPublics({
|
||||
this.page = 0,
|
||||
this.size = 20,
|
||||
this.refresh = false,
|
||||
});
|
||||
|
||||
@override
|
||||
List<Object?> get props => [page, size, refresh];
|
||||
}
|
||||
|
||||
/// Charge tous les événements
|
||||
class LoadEvenements extends EvenementEvent {
|
||||
final int page;
|
||||
final int size;
|
||||
final String sortField;
|
||||
final String sortDirection;
|
||||
final bool refresh;
|
||||
|
||||
const LoadEvenements({
|
||||
this.page = 0,
|
||||
this.size = 20,
|
||||
this.sortField = 'dateDebut',
|
||||
this.sortDirection = 'asc',
|
||||
this.refresh = false,
|
||||
});
|
||||
|
||||
@override
|
||||
List<Object?> get props => [page, size, sortField, sortDirection, refresh];
|
||||
}
|
||||
|
||||
/// Charge un événement par ID
|
||||
class LoadEvenementById extends EvenementEvent {
|
||||
final String id;
|
||||
|
||||
const LoadEvenementById(this.id);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [id];
|
||||
}
|
||||
|
||||
/// Recherche d'événements
|
||||
class SearchEvenements extends EvenementEvent {
|
||||
final String terme;
|
||||
final int page;
|
||||
final int size;
|
||||
final bool refresh;
|
||||
|
||||
const SearchEvenements({
|
||||
required this.terme,
|
||||
this.page = 0,
|
||||
this.size = 20,
|
||||
this.refresh = false,
|
||||
});
|
||||
|
||||
@override
|
||||
List<Object?> get props => [terme, page, size, refresh];
|
||||
}
|
||||
|
||||
/// Filtre par type d'événement
|
||||
class FilterEvenementsByType extends EvenementEvent {
|
||||
final TypeEvenement type;
|
||||
final int page;
|
||||
final int size;
|
||||
final bool refresh;
|
||||
|
||||
const FilterEvenementsByType({
|
||||
required this.type,
|
||||
this.page = 0,
|
||||
this.size = 20,
|
||||
this.refresh = false,
|
||||
});
|
||||
|
||||
@override
|
||||
List<Object?> get props => [type, page, size, refresh];
|
||||
}
|
||||
|
||||
/// Crée un nouvel événement
|
||||
class CreateEvenement extends EvenementEvent {
|
||||
final EvenementModel evenement;
|
||||
|
||||
const CreateEvenement(this.evenement);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [evenement];
|
||||
}
|
||||
|
||||
/// Met à jour un événement
|
||||
class UpdateEvenement extends EvenementEvent {
|
||||
final String id;
|
||||
final EvenementModel evenement;
|
||||
|
||||
const UpdateEvenement(this.id, this.evenement);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [id, evenement];
|
||||
}
|
||||
|
||||
/// Supprime un événement
|
||||
class DeleteEvenement extends EvenementEvent {
|
||||
final String id;
|
||||
|
||||
const DeleteEvenement(this.id);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [id];
|
||||
}
|
||||
|
||||
/// Change le statut d'un événement
|
||||
class ChangeStatutEvenement extends EvenementEvent {
|
||||
final String id;
|
||||
final StatutEvenement nouveauStatut;
|
||||
|
||||
const ChangeStatutEvenement(this.id, this.nouveauStatut);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [id, nouveauStatut];
|
||||
}
|
||||
|
||||
/// Charge les statistiques
|
||||
class LoadStatistiquesEvenements extends EvenementEvent {
|
||||
const LoadStatistiquesEvenements();
|
||||
}
|
||||
|
||||
/// Réinitialise l'état
|
||||
class ResetEvenementState extends EvenementEvent {
|
||||
const ResetEvenementState();
|
||||
}
|
||||
@@ -0,0 +1,142 @@
|
||||
import 'package:equatable/equatable.dart';
|
||||
import '../../../../core/models/evenement_model.dart';
|
||||
|
||||
/// États du BLoC Evenement
|
||||
abstract class EvenementState extends Equatable {
|
||||
const EvenementState();
|
||||
|
||||
@override
|
||||
List<Object?> get props => [];
|
||||
}
|
||||
|
||||
/// État initial
|
||||
class EvenementInitial extends EvenementState {
|
||||
const EvenementInitial();
|
||||
}
|
||||
|
||||
/// État de chargement
|
||||
class EvenementLoading extends EvenementState {
|
||||
const EvenementLoading();
|
||||
}
|
||||
|
||||
/// État de chargement avec données existantes (pour pagination)
|
||||
class EvenementLoadingMore extends EvenementState {
|
||||
final List<EvenementModel> evenements;
|
||||
|
||||
const EvenementLoadingMore(this.evenements);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [evenements];
|
||||
}
|
||||
|
||||
/// État de succès avec liste d'événements
|
||||
class EvenementLoaded extends EvenementState {
|
||||
final List<EvenementModel> evenements;
|
||||
final bool hasReachedMax;
|
||||
final int currentPage;
|
||||
final String? searchTerm;
|
||||
final TypeEvenement? filterType;
|
||||
|
||||
const EvenementLoaded({
|
||||
required this.evenements,
|
||||
this.hasReachedMax = false,
|
||||
this.currentPage = 0,
|
||||
this.searchTerm,
|
||||
this.filterType,
|
||||
});
|
||||
|
||||
EvenementLoaded copyWith({
|
||||
List<EvenementModel>? evenements,
|
||||
bool? hasReachedMax,
|
||||
int? currentPage,
|
||||
String? searchTerm,
|
||||
TypeEvenement? filterType,
|
||||
}) {
|
||||
return EvenementLoaded(
|
||||
evenements: evenements ?? this.evenements,
|
||||
hasReachedMax: hasReachedMax ?? this.hasReachedMax,
|
||||
currentPage: currentPage ?? this.currentPage,
|
||||
searchTerm: searchTerm ?? this.searchTerm,
|
||||
filterType: filterType ?? this.filterType,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
List<Object?> get props => [
|
||||
evenements,
|
||||
hasReachedMax,
|
||||
currentPage,
|
||||
searchTerm,
|
||||
filterType,
|
||||
];
|
||||
}
|
||||
|
||||
/// État de succès avec un événement spécifique
|
||||
class EvenementDetailLoaded extends EvenementState {
|
||||
final EvenementModel evenement;
|
||||
|
||||
const EvenementDetailLoaded(this.evenement);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [evenement];
|
||||
}
|
||||
|
||||
/// État de succès avec statistiques
|
||||
class EvenementStatistiquesLoaded extends EvenementState {
|
||||
final Map<String, dynamic> statistiques;
|
||||
|
||||
const EvenementStatistiquesLoaded(this.statistiques);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [statistiques];
|
||||
}
|
||||
|
||||
/// État de succès après création/modification
|
||||
class EvenementOperationSuccess extends EvenementState {
|
||||
final String message;
|
||||
final EvenementModel? evenement;
|
||||
|
||||
const EvenementOperationSuccess({
|
||||
required this.message,
|
||||
this.evenement,
|
||||
});
|
||||
|
||||
@override
|
||||
List<Object?> get props => [message, evenement];
|
||||
}
|
||||
|
||||
/// État d'erreur
|
||||
class EvenementError extends EvenementState {
|
||||
final String message;
|
||||
final List<EvenementModel>? evenements; // Pour conserver les données en cas d'erreur de pagination
|
||||
|
||||
const EvenementError({
|
||||
required this.message,
|
||||
this.evenements,
|
||||
});
|
||||
|
||||
@override
|
||||
List<Object?> get props => [message, evenements];
|
||||
}
|
||||
|
||||
/// État de recherche vide
|
||||
class EvenementSearchEmpty extends EvenementState {
|
||||
final String searchTerm;
|
||||
|
||||
const EvenementSearchEmpty(this.searchTerm);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [searchTerm];
|
||||
}
|
||||
|
||||
/// État de liste vide
|
||||
class EvenementEmpty extends EvenementState {
|
||||
final String message;
|
||||
|
||||
const EvenementEmpty({
|
||||
this.message = 'Aucun événement trouvé',
|
||||
});
|
||||
|
||||
@override
|
||||
List<Object?> get props => [message];
|
||||
}
|
||||
@@ -0,0 +1,682 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
import '../../../../core/di/injection.dart';
|
||||
import '../../../../core/models/evenement_model.dart';
|
||||
import '../../../../shared/theme/app_theme.dart';
|
||||
import '../../../../shared/widgets/buttons/buttons.dart';
|
||||
import '../bloc/evenement_bloc.dart';
|
||||
import '../bloc/evenement_event.dart';
|
||||
import '../bloc/evenement_state.dart';
|
||||
|
||||
/// Page de création d'un nouvel événement
|
||||
class EvenementCreatePage extends StatefulWidget {
|
||||
const EvenementCreatePage({super.key});
|
||||
|
||||
@override
|
||||
State<EvenementCreatePage> createState() => _EvenementCreatePageState();
|
||||
}
|
||||
|
||||
class _EvenementCreatePageState extends State<EvenementCreatePage> {
|
||||
final _formKey = GlobalKey<FormState>();
|
||||
final _scrollController = ScrollController();
|
||||
|
||||
// Controllers pour les champs de texte
|
||||
final _titreController = TextEditingController();
|
||||
final _descriptionController = TextEditingController();
|
||||
final _lieuController = TextEditingController();
|
||||
final _adresseController = TextEditingController();
|
||||
final _capaciteMaxController = TextEditingController();
|
||||
final _prixController = TextEditingController();
|
||||
final _notesController = TextEditingController();
|
||||
|
||||
// Variables pour les sélections
|
||||
DateTime? _dateDebut;
|
||||
DateTime? _dateFin;
|
||||
TimeOfDay? _heureDebut;
|
||||
TimeOfDay? _heureFin;
|
||||
TypeEvenement _typeSelectionne = TypeEvenement.reunion;
|
||||
bool _visiblePublic = true;
|
||||
bool _inscriptionRequise = true;
|
||||
bool _inscriptionPayante = false;
|
||||
|
||||
late EvenementBloc _evenementBloc;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_evenementBloc = getIt<EvenementBloc>();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_titreController.dispose();
|
||||
_descriptionController.dispose();
|
||||
_lieuController.dispose();
|
||||
_adresseController.dispose();
|
||||
_capaciteMaxController.dispose();
|
||||
_prixController.dispose();
|
||||
_notesController.dispose();
|
||||
_scrollController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BlocProvider.value(
|
||||
value: _evenementBloc,
|
||||
child: Scaffold(
|
||||
backgroundColor: AppTheme.backgroundLight,
|
||||
appBar: AppBar(
|
||||
title: const Text('Nouvel Événement'),
|
||||
backgroundColor: AppTheme.primaryColor,
|
||||
foregroundColor: Colors.white,
|
||||
elevation: 0,
|
||||
actions: [
|
||||
BlocBuilder<EvenementBloc, EvenementState>(
|
||||
builder: (context, state) {
|
||||
return TextButton(
|
||||
onPressed: state is EvenementLoading ? null : _sauvegarder,
|
||||
child: state is EvenementLoading
|
||||
? const SizedBox(
|
||||
width: 20,
|
||||
height: 20,
|
||||
child: CircularProgressIndicator(
|
||||
strokeWidth: 2,
|
||||
valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
|
||||
),
|
||||
)
|
||||
: const Text(
|
||||
'Créer',
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
body: BlocListener<EvenementBloc, EvenementState>(
|
||||
listener: (context, state) {
|
||||
if (state is EvenementOperationSuccess) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(
|
||||
content: Text('Événement créé avec succès !'),
|
||||
backgroundColor: AppTheme.successColor,
|
||||
),
|
||||
);
|
||||
Navigator.of(context).pop(true); // Retourner true pour indiquer la création
|
||||
} else if (state is EvenementError) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text('Erreur : ${state.message}'),
|
||||
backgroundColor: AppTheme.errorColor,
|
||||
),
|
||||
);
|
||||
}
|
||||
},
|
||||
child: Form(
|
||||
key: _formKey,
|
||||
child: SingleChildScrollView(
|
||||
controller: _scrollController,
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
_buildInformationsGenerales(),
|
||||
const SizedBox(height: 24),
|
||||
_buildDateEtHeure(),
|
||||
const SizedBox(height: 24),
|
||||
_buildLieuEtAdresse(),
|
||||
const SizedBox(height: 24),
|
||||
_buildParametres(),
|
||||
const SizedBox(height: 24),
|
||||
_buildInformationsComplementaires(),
|
||||
const SizedBox(height: 32),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildInformationsGenerales() {
|
||||
return Card(
|
||||
elevation: 2,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'Informations générales',
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
color: AppTheme.primaryColor,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
TextFormField(
|
||||
controller: _titreController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Titre de l\'événement *',
|
||||
hintText: 'Ex: Assemblée générale 2025',
|
||||
prefixIcon: Icon(Icons.title),
|
||||
),
|
||||
validator: (value) {
|
||||
if (value == null || value.trim().isEmpty) {
|
||||
return 'Le titre est obligatoire';
|
||||
}
|
||||
if (value.trim().length < 3) {
|
||||
return 'Le titre doit contenir au moins 3 caractères';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
textCapitalization: TextCapitalization.words,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
DropdownButtonFormField<TypeEvenement>(
|
||||
value: _typeSelectionne,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Type d\'événement *',
|
||||
prefixIcon: Icon(Icons.category),
|
||||
),
|
||||
items: TypeEvenement.values.map((type) {
|
||||
return DropdownMenuItem(
|
||||
value: type,
|
||||
child: Row(
|
||||
children: [
|
||||
Text(type.icone, style: const TextStyle(fontSize: 20)),
|
||||
const SizedBox(width: 8),
|
||||
Text(type.libelle),
|
||||
],
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
onChanged: (value) {
|
||||
if (value != null) {
|
||||
setState(() {
|
||||
_typeSelectionne = value;
|
||||
});
|
||||
}
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
TextFormField(
|
||||
controller: _descriptionController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Description',
|
||||
hintText: 'Décrivez votre événement...',
|
||||
prefixIcon: Icon(Icons.description),
|
||||
),
|
||||
maxLines: 4,
|
||||
textCapitalization: TextCapitalization.sentences,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildDateEtHeure() {
|
||||
return Card(
|
||||
elevation: 2,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'Date et heure',
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
color: AppTheme.primaryColor,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: InkWell(
|
||||
onTap: _selectionnerDateDebut,
|
||||
child: InputDecorator(
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Date de début *',
|
||||
prefixIcon: Icon(Icons.calendar_today),
|
||||
),
|
||||
child: Text(
|
||||
_dateDebut != null
|
||||
? DateFormat('dd/MM/yyyy').format(_dateDebut!)
|
||||
: 'Sélectionner',
|
||||
style: TextStyle(
|
||||
color: _dateDebut != null ? null : Colors.grey[600],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: InkWell(
|
||||
onTap: _selectionnerHeureDebut,
|
||||
child: InputDecorator(
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Heure de début *',
|
||||
prefixIcon: Icon(Icons.access_time),
|
||||
),
|
||||
child: Text(
|
||||
_heureDebut != null
|
||||
? _heureDebut!.format(context)
|
||||
: 'Sélectionner',
|
||||
style: TextStyle(
|
||||
color: _heureDebut != null ? null : Colors.grey[600],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: InkWell(
|
||||
onTap: _selectionnerDateFin,
|
||||
child: InputDecorator(
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Date de fin',
|
||||
prefixIcon: Icon(Icons.calendar_today),
|
||||
),
|
||||
child: Text(
|
||||
_dateFin != null
|
||||
? DateFormat('dd/MM/yyyy').format(_dateFin!)
|
||||
: 'Optionnel',
|
||||
style: TextStyle(
|
||||
color: _dateFin != null ? null : Colors.grey[600],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: InkWell(
|
||||
onTap: _selectionnerHeureFin,
|
||||
child: InputDecorator(
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Heure de fin',
|
||||
prefixIcon: Icon(Icons.access_time),
|
||||
),
|
||||
child: Text(
|
||||
_heureFin != null
|
||||
? _heureFin!.format(context)
|
||||
: 'Optionnel',
|
||||
style: TextStyle(
|
||||
color: _heureFin != null ? null : Colors.grey[600],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildLieuEtAdresse() {
|
||||
return Card(
|
||||
elevation: 2,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'Lieu et adresse',
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
color: AppTheme.primaryColor,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
TextFormField(
|
||||
controller: _lieuController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Lieu *',
|
||||
hintText: 'Ex: Salle des fêtes',
|
||||
prefixIcon: Icon(Icons.place),
|
||||
),
|
||||
validator: (value) {
|
||||
if (value == null || value.trim().isEmpty) {
|
||||
return 'Le lieu est obligatoire';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
textCapitalization: TextCapitalization.words,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
TextFormField(
|
||||
controller: _adresseController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Adresse complète',
|
||||
hintText: 'Ex: 123 Rue de la République, 75001 Paris',
|
||||
prefixIcon: Icon(Icons.location_on),
|
||||
),
|
||||
maxLines: 2,
|
||||
textCapitalization: TextCapitalization.words,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildParametres() {
|
||||
return Card(
|
||||
elevation: 2,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'Paramètres',
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
color: AppTheme.primaryColor,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
SwitchListTile(
|
||||
title: const Text('Visible au public'),
|
||||
subtitle: const Text('L\'événement sera visible par tous'),
|
||||
value: _visiblePublic,
|
||||
onChanged: (value) {
|
||||
setState(() {
|
||||
_visiblePublic = value;
|
||||
});
|
||||
},
|
||||
activeColor: AppTheme.primaryColor,
|
||||
),
|
||||
SwitchListTile(
|
||||
title: const Text('Inscription requise'),
|
||||
subtitle: const Text('Les participants doivent s\'inscrire'),
|
||||
value: _inscriptionRequise,
|
||||
onChanged: (value) {
|
||||
setState(() {
|
||||
_inscriptionRequise = value;
|
||||
if (!value) {
|
||||
_inscriptionPayante = false;
|
||||
}
|
||||
});
|
||||
},
|
||||
activeColor: AppTheme.primaryColor,
|
||||
),
|
||||
if (_inscriptionRequise)
|
||||
SwitchListTile(
|
||||
title: const Text('Inscription payante'),
|
||||
subtitle: const Text('L\'inscription nécessite un paiement'),
|
||||
value: _inscriptionPayante,
|
||||
onChanged: (value) {
|
||||
setState(() {
|
||||
_inscriptionPayante = value;
|
||||
});
|
||||
},
|
||||
activeColor: AppTheme.primaryColor,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
TextFormField(
|
||||
controller: _capaciteMaxController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Capacité maximale',
|
||||
hintText: 'Nombre maximum de participants',
|
||||
prefixIcon: Icon(Icons.people),
|
||||
suffixText: 'personnes',
|
||||
),
|
||||
keyboardType: TextInputType.number,
|
||||
validator: (value) {
|
||||
if (value != null && value.isNotEmpty) {
|
||||
final capacite = int.tryParse(value);
|
||||
if (capacite == null || capacite <= 0) {
|
||||
return 'La capacité doit être un nombre positif';
|
||||
}
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
if (_inscriptionPayante) ...[
|
||||
const SizedBox(height: 16),
|
||||
TextFormField(
|
||||
controller: _prixController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Prix de l\'inscription *',
|
||||
hintText: '0.00',
|
||||
prefixIcon: Icon(Icons.euro),
|
||||
suffixText: '€',
|
||||
),
|
||||
keyboardType: const TextInputType.numberWithOptions(decimal: true),
|
||||
validator: (value) {
|
||||
if (_inscriptionPayante) {
|
||||
if (value == null || value.trim().isEmpty) {
|
||||
return 'Le prix est obligatoire pour une inscription payante';
|
||||
}
|
||||
final prix = double.tryParse(value.replaceAll(',', '.'));
|
||||
if (prix == null || prix < 0) {
|
||||
return 'Le prix doit être un nombre positif';
|
||||
}
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildInformationsComplementaires() {
|
||||
return Card(
|
||||
elevation: 2,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'Informations complémentaires',
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
color: AppTheme.primaryColor,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
TextFormField(
|
||||
controller: _notesController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: 'Notes internes',
|
||||
hintText: 'Notes visibles uniquement par les organisateurs...',
|
||||
prefixIcon: Icon(Icons.note),
|
||||
),
|
||||
maxLines: 3,
|
||||
textCapitalization: TextCapitalization.sentences,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// Méthodes de sélection de date et heure
|
||||
Future<void> _selectionnerDateDebut() async {
|
||||
final date = await showDatePicker(
|
||||
context: context,
|
||||
initialDate: _dateDebut ?? DateTime.now(),
|
||||
firstDate: DateTime.now(),
|
||||
lastDate: DateTime.now().add(const Duration(days: 365 * 2)),
|
||||
);
|
||||
if (date != null) {
|
||||
setState(() {
|
||||
_dateDebut = date;
|
||||
// Si la date de fin est antérieure, la réinitialiser
|
||||
if (_dateFin != null && _dateFin!.isBefore(date)) {
|
||||
_dateFin = null;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _selectionnerDateFin() async {
|
||||
final date = await showDatePicker(
|
||||
context: context,
|
||||
initialDate: _dateFin ?? _dateDebut ?? DateTime.now(),
|
||||
firstDate: _dateDebut ?? DateTime.now(),
|
||||
lastDate: DateTime.now().add(const Duration(days: 365 * 2)),
|
||||
);
|
||||
if (date != null) {
|
||||
setState(() {
|
||||
_dateFin = date;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _selectionnerHeureDebut() async {
|
||||
final heure = await showTimePicker(
|
||||
context: context,
|
||||
initialTime: _heureDebut ?? TimeOfDay.now(),
|
||||
);
|
||||
if (heure != null) {
|
||||
setState(() {
|
||||
_heureDebut = heure;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _selectionnerHeureFin() async {
|
||||
final heure = await showTimePicker(
|
||||
context: context,
|
||||
initialTime: _heureFin ?? _heureDebut ?? TimeOfDay.now(),
|
||||
);
|
||||
if (heure != null) {
|
||||
setState(() {
|
||||
_heureFin = heure;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Méthode de sauvegarde
|
||||
void _sauvegarder() {
|
||||
if (!_formKey.currentState!.validate()) {
|
||||
// Faire défiler vers le premier champ en erreur
|
||||
_scrollController.animateTo(
|
||||
0,
|
||||
duration: const Duration(milliseconds: 300),
|
||||
curve: Curves.easeInOut,
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
// Validation des dates
|
||||
if (_dateDebut == null) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(
|
||||
content: Text('La date de début est obligatoire'),
|
||||
backgroundColor: AppTheme.errorColor,
|
||||
),
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
if (_heureDebut == null) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(
|
||||
content: Text('L\'heure de début est obligatoire'),
|
||||
backgroundColor: AppTheme.errorColor,
|
||||
),
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
// Construire les DateTime complets
|
||||
final dateTimeDebut = DateTime(
|
||||
_dateDebut!.year,
|
||||
_dateDebut!.month,
|
||||
_dateDebut!.day,
|
||||
_heureDebut!.hour,
|
||||
_heureDebut!.minute,
|
||||
);
|
||||
|
||||
DateTime? dateTimeFin;
|
||||
if (_dateFin != null && _heureFin != null) {
|
||||
dateTimeFin = DateTime(
|
||||
_dateFin!.year,
|
||||
_dateFin!.month,
|
||||
_dateFin!.day,
|
||||
_heureFin!.hour,
|
||||
_heureFin!.minute,
|
||||
);
|
||||
|
||||
// Vérifier que la date de fin est après le début
|
||||
if (dateTimeFin.isBefore(dateTimeDebut)) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(
|
||||
content: Text('La date de fin doit être après la date de début'),
|
||||
backgroundColor: AppTheme.errorColor,
|
||||
),
|
||||
);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// Créer l'objet événement
|
||||
final evenement = EvenementModel(
|
||||
id: null,
|
||||
titre: _titreController.text.trim(),
|
||||
description: _descriptionController.text.trim().isEmpty
|
||||
? null
|
||||
: _descriptionController.text.trim(),
|
||||
typeEvenement: _typeSelectionne,
|
||||
dateDebut: dateTimeDebut,
|
||||
dateFin: dateTimeFin,
|
||||
lieu: _lieuController.text.trim(),
|
||||
adresse: _adresseController.text.trim().isEmpty
|
||||
? null
|
||||
: _adresseController.text.trim(),
|
||||
capaciteMax: _capaciteMaxController.text.isEmpty
|
||||
? null
|
||||
: int.tryParse(_capaciteMaxController.text),
|
||||
prix: _inscriptionPayante && _prixController.text.isNotEmpty
|
||||
? double.tryParse(_prixController.text.replaceAll(',', '.'))
|
||||
: null,
|
||||
visiblePublic: _visiblePublic,
|
||||
inscriptionRequise: _inscriptionRequise,
|
||||
instructionsParticulieres: _notesController.text.trim().isEmpty
|
||||
? null
|
||||
: _notesController.text.trim(),
|
||||
statut: StatutEvenement.planifie,
|
||||
actif: true,
|
||||
creePar: null, // Sera défini par le backend
|
||||
dateCreation: null, // Sera défini par le backend
|
||||
modifiePar: null,
|
||||
dateModification: null,
|
||||
organisationId: null, // Sera défini par le backend selon l'utilisateur connecté
|
||||
organisateurId: null, // Sera défini par le backend selon l'utilisateur connecté
|
||||
);
|
||||
|
||||
// Envoyer l'événement au BLoC
|
||||
_evenementBloc.add(CreateEvenement(evenement));
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,426 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
import '../../../../core/models/evenement_model.dart';
|
||||
|
||||
/// Page de détail d'un événement
|
||||
class EvenementDetailPage extends StatelessWidget {
|
||||
final EvenementModel evenement;
|
||||
|
||||
const EvenementDetailPage({
|
||||
super.key,
|
||||
required this.evenement,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
final dateFormat = DateFormat('EEEE dd MMMM yyyy', 'fr_FR');
|
||||
final timeFormat = DateFormat('HH:mm');
|
||||
|
||||
return Scaffold(
|
||||
body: CustomScrollView(
|
||||
slivers: [
|
||||
// App Bar avec image de fond
|
||||
SliverAppBar(
|
||||
expandedHeight: 200,
|
||||
pinned: true,
|
||||
flexibleSpace: FlexibleSpaceBar(
|
||||
title: Text(
|
||||
evenement.titre,
|
||||
style: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
shadows: [
|
||||
Shadow(
|
||||
offset: Offset(0, 1),
|
||||
blurRadius: 3,
|
||||
color: Colors.black54,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
background: Container(
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [
|
||||
theme.primaryColor,
|
||||
theme.primaryColor.withOpacity(0.8),
|
||||
],
|
||||
),
|
||||
),
|
||||
child: Center(
|
||||
child: Text(
|
||||
evenement.typeEvenement.icone,
|
||||
style: const TextStyle(fontSize: 80),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
actions: [
|
||||
IconButton(
|
||||
onPressed: () => _shareEvenement(context),
|
||||
icon: const Icon(Icons.share),
|
||||
),
|
||||
PopupMenuButton<String>(
|
||||
onSelected: (value) {
|
||||
switch (value) {
|
||||
case 'calendar':
|
||||
_addToCalendar(context);
|
||||
break;
|
||||
case 'favorite':
|
||||
_toggleFavorite(context);
|
||||
break;
|
||||
}
|
||||
},
|
||||
itemBuilder: (context) => [
|
||||
const PopupMenuItem(
|
||||
value: 'calendar',
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.calendar_today),
|
||||
SizedBox(width: 8),
|
||||
Text('Ajouter au calendrier'),
|
||||
],
|
||||
),
|
||||
),
|
||||
const PopupMenuItem(
|
||||
value: 'favorite',
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.favorite_border),
|
||||
SizedBox(width: 8),
|
||||
Text('Ajouter aux favoris'),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
// Contenu principal
|
||||
SliverToBoxAdapter(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Statut et type
|
||||
Row(
|
||||
children: [
|
||||
_buildStatutChip(context),
|
||||
const SizedBox(width: 8),
|
||||
Chip(
|
||||
label: Text(evenement.typeEvenement.libelle),
|
||||
backgroundColor: theme.primaryColor.withOpacity(0.1),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
const SizedBox(height: 16),
|
||||
|
||||
// Description
|
||||
if (evenement.description != null) ...[
|
||||
Text(
|
||||
'Description',
|
||||
style: theme.textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
evenement.description!,
|
||||
style: theme.textTheme.bodyMedium,
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
],
|
||||
|
||||
// Informations pratiques
|
||||
_buildSectionTitle(context, 'Informations pratiques'),
|
||||
const SizedBox(height: 12),
|
||||
|
||||
_buildInfoRow(
|
||||
context,
|
||||
Icons.schedule,
|
||||
'Date et heure',
|
||||
'${dateFormat.format(evenement.dateDebut)}\n'
|
||||
'${timeFormat.format(evenement.dateDebut)}'
|
||||
'${evenement.dateFin != null ? ' - ${timeFormat.format(evenement.dateFin!)}' : ''}',
|
||||
),
|
||||
|
||||
if (evenement.lieu != null)
|
||||
_buildInfoRow(
|
||||
context,
|
||||
Icons.location_on,
|
||||
'Lieu',
|
||||
evenement.lieu!,
|
||||
),
|
||||
|
||||
if (evenement.adresse != null)
|
||||
_buildInfoRow(
|
||||
context,
|
||||
Icons.map,
|
||||
'Adresse',
|
||||
evenement.adresse!,
|
||||
),
|
||||
|
||||
if (evenement.duree != null)
|
||||
_buildInfoRow(
|
||||
context,
|
||||
Icons.timer,
|
||||
'Durée',
|
||||
evenement.dureeFormatee,
|
||||
),
|
||||
|
||||
if (evenement.prix != null)
|
||||
_buildInfoRow(
|
||||
context,
|
||||
Icons.euro,
|
||||
'Prix',
|
||||
evenement.prix! > 0
|
||||
? '${evenement.prix!.toStringAsFixed(0)} €'
|
||||
: 'Gratuit',
|
||||
),
|
||||
|
||||
if (evenement.capaciteMax != null)
|
||||
_buildInfoRow(
|
||||
context,
|
||||
Icons.people,
|
||||
'Capacité',
|
||||
'${evenement.capaciteMax} personnes',
|
||||
),
|
||||
|
||||
const SizedBox(height: 24),
|
||||
|
||||
// Inscription
|
||||
if (evenement.inscriptionRequise) ...[
|
||||
_buildSectionTitle(context, 'Inscription'),
|
||||
const SizedBox(height: 12),
|
||||
|
||||
if (evenement.inscriptionsOuvertes) ...[
|
||||
Container(
|
||||
width: double.infinity,
|
||||
padding: const EdgeInsets.all(16),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.green.withOpacity(0.1),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
border: Border.all(color: Colors.green.withOpacity(0.3)),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
const Icon(
|
||||
Icons.check_circle,
|
||||
color: Colors.green,
|
||||
size: 32,
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
const Text(
|
||||
'Inscriptions ouvertes',
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.green,
|
||||
),
|
||||
),
|
||||
if (evenement.dateLimiteInscription != null) ...[
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
'Jusqu\'au ${dateFormat.format(evenement.dateLimiteInscription!)}',
|
||||
style: TextStyle(
|
||||
color: Colors.green[700],
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
] else ...[
|
||||
Container(
|
||||
width: double.infinity,
|
||||
padding: const EdgeInsets.all(16),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.red.withOpacity(0.1),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
border: Border.all(color: Colors.red.withOpacity(0.3)),
|
||||
),
|
||||
child: const Column(
|
||||
children: [
|
||||
Icon(
|
||||
Icons.cancel,
|
||||
color: Colors.red,
|
||||
size: 32,
|
||||
),
|
||||
SizedBox(height: 8),
|
||||
Text(
|
||||
'Inscriptions fermées',
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.red,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
|
||||
const SizedBox(height: 24),
|
||||
],
|
||||
|
||||
// Instructions particulières
|
||||
if (evenement.instructionsParticulieres != null) ...[
|
||||
_buildSectionTitle(context, 'Instructions particulières'),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
evenement.instructionsParticulieres!,
|
||||
style: theme.textTheme.bodyMedium,
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
],
|
||||
|
||||
// Matériel requis
|
||||
if (evenement.materielRequis != null) ...[
|
||||
_buildSectionTitle(context, 'Matériel requis'),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
evenement.materielRequis!,
|
||||
style: theme.textTheme.bodyMedium,
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
],
|
||||
|
||||
// Contact organisateur
|
||||
if (evenement.contactOrganisateur != null) ...[
|
||||
_buildSectionTitle(context, 'Contact organisateur'),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
evenement.contactOrganisateur!,
|
||||
style: theme.textTheme.bodyMedium,
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
],
|
||||
|
||||
// Espace pour le bouton flottant
|
||||
const SizedBox(height: 80),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
// Bouton d'action flottant
|
||||
floatingActionButton: evenement.inscriptionRequise &&
|
||||
evenement.inscriptionsOuvertes
|
||||
? FloatingActionButton.extended(
|
||||
onPressed: () => _inscrireAEvenement(context),
|
||||
icon: const Icon(Icons.how_to_reg),
|
||||
label: const Text('S\'inscrire'),
|
||||
)
|
||||
: null,
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildStatutChip(BuildContext context) {
|
||||
final color = Color(int.parse(
|
||||
evenement.statut.couleur.substring(1),
|
||||
radix: 16,
|
||||
) + 0xFF000000);
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
||||
decoration: BoxDecoration(
|
||||
color: color.withOpacity(0.1),
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: Border.all(color: color.withOpacity(0.3)),
|
||||
),
|
||||
child: Text(
|
||||
evenement.statut.libelle,
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: color,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSectionTitle(BuildContext context, String title) {
|
||||
return Text(
|
||||
title,
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildInfoRow(
|
||||
BuildContext context,
|
||||
IconData icon,
|
||||
String label,
|
||||
String value,
|
||||
) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(bottom: 12),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Icon(
|
||||
icon,
|
||||
size: 20,
|
||||
color: Colors.grey[600],
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
label,
|
||||
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
||||
color: Colors.grey[600],
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text(
|
||||
value,
|
||||
style: Theme.of(context).textTheme.bodyMedium,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _shareEvenement(BuildContext context) {
|
||||
// TODO: Implémenter le partage
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('Partage - À implémenter')),
|
||||
);
|
||||
}
|
||||
|
||||
void _addToCalendar(BuildContext context) {
|
||||
// TODO: Implémenter l'ajout au calendrier
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('Ajout au calendrier - À implémenter')),
|
||||
);
|
||||
}
|
||||
|
||||
void _toggleFavorite(BuildContext context) {
|
||||
// TODO: Implémenter les favoris
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('Favoris - À implémenter')),
|
||||
);
|
||||
}
|
||||
|
||||
void _inscrireAEvenement(BuildContext context) {
|
||||
// TODO: Implémenter l'inscription
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('Inscription - À implémenter')),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,382 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import '../../../../core/di/injection.dart';
|
||||
import '../../../../core/models/evenement_model.dart';
|
||||
import '../../../../shared/theme/app_theme.dart';
|
||||
import '../bloc/evenement_bloc.dart';
|
||||
import '../bloc/evenement_event.dart';
|
||||
import '../bloc/evenement_state.dart';
|
||||
import '../widgets/evenement_card.dart';
|
||||
import '../widgets/evenement_search_bar.dart';
|
||||
import '../widgets/evenement_filter_chips.dart';
|
||||
import 'evenement_detail_page.dart';
|
||||
import 'evenement_create_page.dart';
|
||||
|
||||
/// Page principale des événements
|
||||
class EvenementsPage extends StatelessWidget {
|
||||
const EvenementsPage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BlocProvider(
|
||||
create: (context) => getIt<EvenementBloc>()
|
||||
..add(const LoadEvenementsAVenir()),
|
||||
child: const _EvenementsPageContent(),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _EvenementsPageContent extends StatefulWidget {
|
||||
const _EvenementsPageContent();
|
||||
|
||||
@override
|
||||
State<_EvenementsPageContent> createState() => _EvenementsPageContentState();
|
||||
}
|
||||
|
||||
class _EvenementsPageContentState extends State<_EvenementsPageContent>
|
||||
with TickerProviderStateMixin {
|
||||
late TabController _tabController;
|
||||
final ScrollController _scrollController = ScrollController();
|
||||
String _searchTerm = '';
|
||||
TypeEvenement? _selectedType;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_tabController = TabController(length: 3, vsync: this);
|
||||
_scrollController.addListener(_onScroll);
|
||||
|
||||
_tabController.addListener(() {
|
||||
if (_tabController.indexIsChanging) {
|
||||
_onTabChanged(_tabController.index);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_tabController.dispose();
|
||||
_scrollController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _onScroll() {
|
||||
if (_isBottom) {
|
||||
final bloc = context.read<EvenementBloc>();
|
||||
final state = bloc.state;
|
||||
|
||||
if (state is EvenementLoaded && !state.hasReachedMax) {
|
||||
_loadMoreEvents(state);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
bool get _isBottom {
|
||||
if (!_scrollController.hasClients) return false;
|
||||
final maxScroll = _scrollController.position.maxScrollExtent;
|
||||
final currentScroll = _scrollController.offset;
|
||||
return currentScroll >= (maxScroll * 0.9);
|
||||
}
|
||||
|
||||
void _loadMoreEvents(EvenementLoaded state) {
|
||||
final nextPage = state.currentPage + 1;
|
||||
|
||||
switch (_tabController.index) {
|
||||
case 0:
|
||||
context.read<EvenementBloc>().add(
|
||||
LoadEvenementsAVenir(page: nextPage),
|
||||
);
|
||||
break;
|
||||
case 1:
|
||||
context.read<EvenementBloc>().add(
|
||||
LoadEvenementsPublics(page: nextPage),
|
||||
);
|
||||
break;
|
||||
case 2:
|
||||
if (_searchTerm.isNotEmpty) {
|
||||
context.read<EvenementBloc>().add(
|
||||
SearchEvenements(terme: _searchTerm, page: nextPage),
|
||||
);
|
||||
} else if (_selectedType != null) {
|
||||
context.read<EvenementBloc>().add(
|
||||
FilterEvenementsByType(type: _selectedType!, page: nextPage),
|
||||
);
|
||||
} else {
|
||||
context.read<EvenementBloc>().add(
|
||||
LoadEvenements(page: nextPage),
|
||||
);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
void _onTabChanged(int index) {
|
||||
context.read<EvenementBloc>().add(const ResetEvenementState());
|
||||
|
||||
switch (index) {
|
||||
case 0:
|
||||
context.read<EvenementBloc>().add(const LoadEvenementsAVenir());
|
||||
break;
|
||||
case 1:
|
||||
context.read<EvenementBloc>().add(const LoadEvenementsPublics());
|
||||
break;
|
||||
case 2:
|
||||
context.read<EvenementBloc>().add(const LoadEvenements());
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
void _onSearch(String terme) {
|
||||
setState(() {
|
||||
_searchTerm = terme;
|
||||
_selectedType = null;
|
||||
});
|
||||
|
||||
if (terme.isNotEmpty) {
|
||||
context.read<EvenementBloc>().add(
|
||||
SearchEvenements(terme: terme, refresh: true),
|
||||
);
|
||||
} else {
|
||||
context.read<EvenementBloc>().add(
|
||||
const LoadEvenements(refresh: true),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
void _onFilterByType(TypeEvenement? type) {
|
||||
setState(() {
|
||||
_selectedType = type;
|
||||
_searchTerm = '';
|
||||
});
|
||||
|
||||
if (type != null) {
|
||||
context.read<EvenementBloc>().add(
|
||||
FilterEvenementsByType(type: type, refresh: true),
|
||||
);
|
||||
} else {
|
||||
context.read<EvenementBloc>().add(
|
||||
const LoadEvenements(refresh: true),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
void _onRefresh() {
|
||||
switch (_tabController.index) {
|
||||
case 0:
|
||||
context.read<EvenementBloc>().add(
|
||||
const LoadEvenementsAVenir(refresh: true),
|
||||
);
|
||||
break;
|
||||
case 1:
|
||||
context.read<EvenementBloc>().add(
|
||||
const LoadEvenementsPublics(refresh: true),
|
||||
);
|
||||
break;
|
||||
case 2:
|
||||
if (_searchTerm.isNotEmpty) {
|
||||
context.read<EvenementBloc>().add(
|
||||
SearchEvenements(terme: _searchTerm, refresh: true),
|
||||
);
|
||||
} else if (_selectedType != null) {
|
||||
context.read<EvenementBloc>().add(
|
||||
FilterEvenementsByType(type: _selectedType!, refresh: true),
|
||||
);
|
||||
} else {
|
||||
context.read<EvenementBloc>().add(
|
||||
const LoadEvenements(refresh: true),
|
||||
);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
void _navigateToDetail(EvenementModel evenement) {
|
||||
Navigator.of(context).push(
|
||||
MaterialPageRoute(
|
||||
builder: (context) => EvenementDetailPage(evenement: evenement),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('Événements'),
|
||||
backgroundColor: Theme.of(context).primaryColor,
|
||||
foregroundColor: Colors.white,
|
||||
bottom: TabBar(
|
||||
controller: _tabController,
|
||||
tabs: const [
|
||||
Tab(text: 'À venir', icon: Icon(Icons.upcoming)),
|
||||
Tab(text: 'Publics', icon: Icon(Icons.public)),
|
||||
Tab(text: 'Tous', icon: Icon(Icons.list)),
|
||||
],
|
||||
),
|
||||
),
|
||||
body: TabBarView(
|
||||
controller: _tabController,
|
||||
children: [
|
||||
_buildEvenementsList(showSearch: false),
|
||||
_buildEvenementsList(showSearch: false),
|
||||
_buildEvenementsList(showSearch: true),
|
||||
],
|
||||
),
|
||||
floatingActionButton: FloatingActionButton(
|
||||
onPressed: () async {
|
||||
final result = await Navigator.of(context).push<bool>(
|
||||
MaterialPageRoute(
|
||||
builder: (context) => const EvenementCreatePage(),
|
||||
),
|
||||
);
|
||||
|
||||
// Si un événement a été créé, recharger la liste
|
||||
if (result == true && context.mounted) {
|
||||
context.read<EvenementBloc>().add(const LoadEvenementsAVenir());
|
||||
}
|
||||
},
|
||||
child: const Icon(Icons.add),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildEvenementsList({required bool showSearch}) {
|
||||
return Column(
|
||||
children: [
|
||||
if (showSearch) ...[
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: EvenementSearchBar(
|
||||
onSearch: _onSearch,
|
||||
initialValue: _searchTerm,
|
||||
),
|
||||
),
|
||||
EvenementFilterChips(
|
||||
selectedType: _selectedType,
|
||||
onTypeSelected: _onFilterByType,
|
||||
),
|
||||
],
|
||||
Expanded(
|
||||
child: BlocConsumer<EvenementBloc, EvenementState>(
|
||||
listener: (context, state) {
|
||||
if (state is EvenementError) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text(state.message),
|
||||
backgroundColor: Colors.red,
|
||||
),
|
||||
);
|
||||
}
|
||||
},
|
||||
builder: (context, state) {
|
||||
if (state is EvenementLoading) {
|
||||
return const Center(child: CircularProgressIndicator());
|
||||
}
|
||||
|
||||
if (state is EvenementError && state.evenements == null) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(Icons.error_outline, size: 64, color: Colors.red),
|
||||
const SizedBox(height: 16),
|
||||
Text(state.message, textAlign: TextAlign.center),
|
||||
const SizedBox(height: 16),
|
||||
ElevatedButton(
|
||||
onPressed: _onRefresh,
|
||||
child: const Text('Réessayer'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
if (state is EvenementSearchEmpty) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
const Icon(
|
||||
Icons.search_off,
|
||||
size: 64,
|
||||
color: Colors.grey,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Text(
|
||||
'Aucun résultat pour "${state.searchTerm}"',
|
||||
style: Theme.of(context).textTheme.titleMedium,
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
const Text('Essayez avec d\'autres mots-clés'),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
if (state is EvenementEmpty) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
const Icon(
|
||||
Icons.event_busy,
|
||||
size: 64,
|
||||
color: Colors.grey,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Text(
|
||||
state.message,
|
||||
style: Theme.of(context).textTheme.titleMedium,
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
final evenements = state is EvenementLoaded
|
||||
? state.evenements
|
||||
: state is EvenementLoadingMore
|
||||
? state.evenements
|
||||
: state is EvenementError
|
||||
? state.evenements ?? <EvenementModel>[]
|
||||
: <EvenementModel>[];
|
||||
|
||||
if (evenements.isEmpty) {
|
||||
return const Center(
|
||||
child: Text('Aucun événement disponible'),
|
||||
);
|
||||
}
|
||||
|
||||
return RefreshIndicator(
|
||||
onRefresh: () async => _onRefresh(),
|
||||
child: ListView.builder(
|
||||
controller: _scrollController,
|
||||
padding: const EdgeInsets.all(16),
|
||||
itemCount: evenements.length +
|
||||
(state is EvenementLoadingMore ? 1 : 0),
|
||||
itemBuilder: (context, index) {
|
||||
if (index >= evenements.length) {
|
||||
return const Padding(
|
||||
padding: EdgeInsets.all(16),
|
||||
child: Center(child: CircularProgressIndicator()),
|
||||
);
|
||||
}
|
||||
|
||||
final evenement = evenements[index];
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(bottom: 12),
|
||||
child: EvenementCard(
|
||||
evenement: evenement,
|
||||
onTap: () => _navigateToDetail(evenement),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,349 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
import '../../../../core/models/evenement_model.dart';
|
||||
|
||||
/// Widget carte pour afficher un événement
|
||||
class EvenementCard extends StatelessWidget {
|
||||
final EvenementModel evenement;
|
||||
final VoidCallback? onTap;
|
||||
final VoidCallback? onFavorite;
|
||||
final bool showActions;
|
||||
|
||||
const EvenementCard({
|
||||
super.key,
|
||||
required this.evenement,
|
||||
this.onTap,
|
||||
this.onFavorite,
|
||||
this.showActions = true,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
final dateFormat = DateFormat('dd/MM/yyyy');
|
||||
final timeFormat = DateFormat('HH:mm');
|
||||
|
||||
return Card(
|
||||
elevation: 2,
|
||||
margin: EdgeInsets.zero,
|
||||
child: InkWell(
|
||||
onTap: onTap,
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// En-tête avec type et statut
|
||||
Row(
|
||||
children: [
|
||||
// Icône du type
|
||||
Container(
|
||||
padding: const EdgeInsets.all(8),
|
||||
decoration: BoxDecoration(
|
||||
color: theme.primaryColor.withOpacity(0.1),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Text(
|
||||
evenement.typeEvenement.icone,
|
||||
style: const TextStyle(fontSize: 20),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
|
||||
// Type et statut
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
evenement.typeEvenement.libelle,
|
||||
style: theme.textTheme.bodySmall?.copyWith(
|
||||
color: theme.primaryColor,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
_buildStatutChip(context),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
// Actions
|
||||
if (showActions) ...[
|
||||
if (onFavorite != null)
|
||||
IconButton(
|
||||
onPressed: onFavorite,
|
||||
icon: const Icon(Icons.favorite_border),
|
||||
iconSize: 20,
|
||||
),
|
||||
PopupMenuButton<String>(
|
||||
onSelected: (value) {
|
||||
switch (value) {
|
||||
case 'share':
|
||||
_shareEvenement(context);
|
||||
break;
|
||||
case 'calendar':
|
||||
_addToCalendar(context);
|
||||
break;
|
||||
}
|
||||
},
|
||||
itemBuilder: (context) => [
|
||||
const PopupMenuItem(
|
||||
value: 'share',
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.share, size: 20),
|
||||
SizedBox(width: 8),
|
||||
Text('Partager'),
|
||||
],
|
||||
),
|
||||
),
|
||||
const PopupMenuItem(
|
||||
value: 'calendar',
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.calendar_today, size: 20),
|
||||
SizedBox(width: 8),
|
||||
Text('Ajouter au calendrier'),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
child: const Icon(Icons.more_vert, size: 20),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
|
||||
const SizedBox(height: 12),
|
||||
|
||||
// Titre
|
||||
Text(
|
||||
evenement.titre,
|
||||
style: theme.textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
|
||||
if (evenement.description != null) ...[
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
evenement.description!,
|
||||
style: theme.textTheme.bodyMedium?.copyWith(
|
||||
color: Colors.grey[600],
|
||||
),
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
],
|
||||
|
||||
const SizedBox(height: 12),
|
||||
|
||||
// Informations date et lieu
|
||||
Row(
|
||||
children: [
|
||||
// Date
|
||||
Expanded(
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(
|
||||
Icons.schedule,
|
||||
size: 16,
|
||||
color: Colors.grey[600],
|
||||
),
|
||||
const SizedBox(width: 4),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
dateFormat.format(evenement.dateDebut),
|
||||
style: theme.textTheme.bodySmall?.copyWith(
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
timeFormat.format(evenement.dateDebut),
|
||||
style: theme.textTheme.bodySmall?.copyWith(
|
||||
color: Colors.grey[600],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
// Lieu
|
||||
if (evenement.lieu != null)
|
||||
Expanded(
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(
|
||||
Icons.location_on,
|
||||
size: 16,
|
||||
color: Colors.grey[600],
|
||||
),
|
||||
const SizedBox(width: 4),
|
||||
Expanded(
|
||||
child: Text(
|
||||
evenement.lieu!,
|
||||
style: theme.textTheme.bodySmall,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
// Informations supplémentaires
|
||||
if (evenement.prix != null ||
|
||||
evenement.capaciteMax != null ||
|
||||
evenement.inscriptionRequise) ...[
|
||||
const SizedBox(height: 12),
|
||||
Wrap(
|
||||
spacing: 8,
|
||||
runSpacing: 4,
|
||||
children: [
|
||||
// Prix
|
||||
if (evenement.prix != null)
|
||||
_buildInfoChip(
|
||||
context,
|
||||
evenement.prix! > 0
|
||||
? '${evenement.prix!.toStringAsFixed(0)} €'
|
||||
: 'Gratuit',
|
||||
Icons.euro,
|
||||
evenement.prix! > 0 ? Colors.orange : Colors.green,
|
||||
),
|
||||
|
||||
// Capacité
|
||||
if (evenement.capaciteMax != null)
|
||||
_buildInfoChip(
|
||||
context,
|
||||
'${evenement.capaciteMax} places',
|
||||
Icons.people,
|
||||
Colors.blue,
|
||||
),
|
||||
|
||||
// Inscription requise
|
||||
if (evenement.inscriptionRequise)
|
||||
_buildInfoChip(
|
||||
context,
|
||||
evenement.inscriptionsOuvertes
|
||||
? 'Inscriptions ouvertes'
|
||||
: 'Inscriptions fermées',
|
||||
Icons.how_to_reg,
|
||||
evenement.inscriptionsOuvertes
|
||||
? Colors.green
|
||||
: Colors.red,
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
|
||||
// Durée si disponible
|
||||
if (evenement.duree != null) ...[
|
||||
const SizedBox(height: 8),
|
||||
Row(
|
||||
children: [
|
||||
Icon(
|
||||
Icons.timer,
|
||||
size: 16,
|
||||
color: Colors.grey[600],
|
||||
),
|
||||
const SizedBox(width: 4),
|
||||
Text(
|
||||
'Durée: ${evenement.dureeFormatee}',
|
||||
style: theme.textTheme.bodySmall?.copyWith(
|
||||
color: Colors.grey[600],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildStatutChip(BuildContext context) {
|
||||
final color = Color(int.parse(
|
||||
evenement.statut.couleur.substring(1),
|
||||
radix: 16,
|
||||
) + 0xFF000000);
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
|
||||
decoration: BoxDecoration(
|
||||
color: color.withOpacity(0.1),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
border: Border.all(color: color.withOpacity(0.3)),
|
||||
),
|
||||
child: Text(
|
||||
evenement.statut.libelle,
|
||||
style: TextStyle(
|
||||
fontSize: 11,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: color,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildInfoChip(
|
||||
BuildContext context,
|
||||
String label,
|
||||
IconData icon,
|
||||
Color color,
|
||||
) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
||||
decoration: BoxDecoration(
|
||||
color: color.withOpacity(0.1),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(
|
||||
icon,
|
||||
size: 14,
|
||||
color: color,
|
||||
),
|
||||
const SizedBox(width: 4),
|
||||
Text(
|
||||
label,
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: color,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _shareEvenement(BuildContext context) {
|
||||
// TODO: Implémenter le partage
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('Partage - À implémenter')),
|
||||
);
|
||||
}
|
||||
|
||||
void _addToCalendar(BuildContext context) {
|
||||
// TODO: Implémenter l'ajout au calendrier
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('Ajout au calendrier - À implémenter')),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../../../core/models/evenement_model.dart';
|
||||
|
||||
/// Widget pour les filtres par type d'événement
|
||||
class EvenementFilterChips extends StatelessWidget {
|
||||
final TypeEvenement? selectedType;
|
||||
final Function(TypeEvenement?) onTypeSelected;
|
||||
|
||||
const EvenementFilterChips({
|
||||
super.key,
|
||||
this.selectedType,
|
||||
required this.onTypeSelected,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
height: 50,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
child: ListView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
children: [
|
||||
// Chip "Tous"
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(right: 8),
|
||||
child: FilterChip(
|
||||
label: const Text('Tous'),
|
||||
selected: selectedType == null,
|
||||
onSelected: (selected) {
|
||||
onTypeSelected(selected ? null : selectedType);
|
||||
},
|
||||
backgroundColor: Colors.grey[200],
|
||||
selectedColor: Theme.of(context).primaryColor.withOpacity(0.2),
|
||||
checkmarkColor: Theme.of(context).primaryColor,
|
||||
),
|
||||
),
|
||||
|
||||
// Chips pour chaque type
|
||||
...TypeEvenement.values.map((type) => Padding(
|
||||
padding: const EdgeInsets.only(right: 8),
|
||||
child: FilterChip(
|
||||
label: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(type.icone),
|
||||
const SizedBox(width: 4),
|
||||
Text(type.libelle),
|
||||
],
|
||||
),
|
||||
selected: selectedType == type,
|
||||
onSelected: (selected) {
|
||||
onTypeSelected(selected ? type : null);
|
||||
},
|
||||
backgroundColor: Colors.grey[200],
|
||||
selectedColor: Theme.of(context).primaryColor.withOpacity(0.2),
|
||||
checkmarkColor: Theme.of(context).primaryColor,
|
||||
),
|
||||
)),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,81 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'dart:async';
|
||||
|
||||
/// Barre de recherche pour les événements
|
||||
class EvenementSearchBar extends StatefulWidget {
|
||||
final Function(String) onSearch;
|
||||
final String? initialValue;
|
||||
final String hintText;
|
||||
final Duration debounceTime;
|
||||
|
||||
const EvenementSearchBar({
|
||||
super.key,
|
||||
required this.onSearch,
|
||||
this.initialValue,
|
||||
this.hintText = 'Rechercher un événement...',
|
||||
this.debounceTime = const Duration(milliseconds: 500),
|
||||
});
|
||||
|
||||
@override
|
||||
State<EvenementSearchBar> createState() => _EvenementSearchBarState();
|
||||
}
|
||||
|
||||
class _EvenementSearchBarState extends State<EvenementSearchBar> {
|
||||
late TextEditingController _controller;
|
||||
Timer? _debounceTimer;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_controller = TextEditingController(text: widget.initialValue);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_controller.dispose();
|
||||
_debounceTimer?.cancel();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _onSearchChanged(String value) {
|
||||
_debounceTimer?.cancel();
|
||||
_debounceTimer = Timer(widget.debounceTime, () {
|
||||
widget.onSearch(value.trim());
|
||||
});
|
||||
}
|
||||
|
||||
void _clearSearch() {
|
||||
_controller.clear();
|
||||
widget.onSearch('');
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.grey[100],
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
border: Border.all(color: Colors.grey[300]!),
|
||||
),
|
||||
child: TextField(
|
||||
controller: _controller,
|
||||
onChanged: _onSearchChanged,
|
||||
decoration: InputDecoration(
|
||||
hintText: widget.hintText,
|
||||
prefixIcon: const Icon(Icons.search, color: Colors.grey),
|
||||
suffixIcon: _controller.text.isNotEmpty
|
||||
? IconButton(
|
||||
onPressed: _clearSearch,
|
||||
icon: const Icon(Icons.clear, color: Colors.grey),
|
||||
)
|
||||
: null,
|
||||
border: InputBorder.none,
|
||||
contentPadding: const EdgeInsets.symmetric(
|
||||
horizontal: 16,
|
||||
vertical: 12,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user