ElPoyo/EM2_ERP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajout de la date de l'événement et des boutons suivant et précédents

Browse Source
This commit is contained in:
PC-PAUL\paulf
2025-05-22 12:03:42 +02:00
parent 6adc90ecfe
commit 64e5eddfd5
3 changed files with 101 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
em2rp/lib/views/calendar_page.dart
View File

@ -71,6 +71,7 @@ class _CalendarPageState extends State<CalendarPage> {
}
Widget _buildDesktopLayout() {
final eventProvider = Provider.of<EventProvider>(context);
return Row(
children: [
// Calendrier (65% de la largeur)
@ -82,7 +83,17 @@ class _CalendarPageState extends State<CalendarPage> {
Expanded(
flex: 35,
child: _selectedEvent != null
? EventDetails(event: _selectedEvent!)
? EventDetails(
event: _selectedEvent!,
selectedDate: _selectedDay,
events: eventProvider.events,
onSelectEvent: (event, date) {
setState(() {
_selectedEvent = event;
_selectedDay = date;
});
},
)
: const Center(
child:
Text('Sélectionnez un événement pour voir les détails'),
@ -93,6 +104,7 @@ class _CalendarPageState extends State<CalendarPage> {
}
Widget _buildMobileLayout() {
final eventProvider = Provider.of<EventProvider>(context);
return Column(
children: [
// Calendrier
@ -102,7 +114,17 @@ class _CalendarPageState extends State<CalendarPage> {
// Détails de l'événement
if (_selectedEvent != null)
Expanded(
child: EventDetails(event: _selectedEvent!),
child: EventDetails(
event: _selectedEvent!,
selectedDate: _selectedDay,
events: eventProvider.events,
onSelectEvent: (event, date) {
setState(() {
_selectedEvent = event;
_selectedDay = date;
});
},
),
),
],
);

37
em2rp/lib/views/widgets/calendar_widgets/month_view.dart
View File

@ -124,24 +124,43 @@ class MonthView extends StatelessWidget {
selectedBuilder: (context, day, focusedDay) {
return _buildDayCell(day, true);
},
todayBuilder: (context, day, focusedDay) {
return _buildDayCell(day, false, isToday: true);
},
);
}
Widget _buildDayCell(DateTime day, bool isSelected) {
Widget _buildDayCell(DateTime day, bool isSelected, {bool isToday = false}) {
final dayEvents = CalendarUtils.getEventsForDay(day, events);
final textColor = isSelected ? Colors.white : null;
final textColor =
isSelected ? Colors.white : (isToday ? AppColors.rouge : null);
final badgeColor = isSelected ? Colors.white : AppColors.rouge;
final badgeTextColor = isSelected ? AppColors.rouge : Colors.white;
BoxDecoration decoration;
if (isSelected) {
decoration = BoxDecoration(
color: AppColors.rouge,
border: Border.all(color: AppColors.rouge),
borderRadius: BorderRadius.circular(4),
);
} else if (isToday) {
decoration = BoxDecoration(
color: AppColors.rouge.withAlpha(26),
border: Border.all(color: AppColors.rouge),
borderRadius: BorderRadius.circular(4),
);
} else {
decoration = BoxDecoration(
color: null,
border: Border.all(color: Colors.grey.shade300),
borderRadius: BorderRadius.circular(4),
);
}
return Container(
margin: const EdgeInsets.all(4),
decoration: BoxDecoration(
color: isSelected ? AppColors.rouge : null,
border: Border.all(
color: isSelected ? AppColors.rouge : Colors.grey.shade300,
),
borderRadius: BorderRadius.circular(4),
),
decoration: decoration,
child: Stack(
children: [
Positioned(

49
em2rp/lib/widgets/event_details.dart
View File

@ -5,16 +5,27 @@ import 'package:intl/intl.dart';
class EventDetails extends StatelessWidget {
final EventModel event;
final DateTime? selectedDate;
final List<EventModel> events;
final void Function(EventModel, DateTime) onSelectEvent;
const EventDetails({
super.key,
required this.event,
required this.selectedDate,
required this.events,
required this.onSelectEvent,
});
@override
Widget build(BuildContext context) {
final dateFormat = DateFormat('dd/MM/yyyy HH:mm');
final currencyFormat = NumberFormat.currency(locale: 'fr_FR', symbol: '€');
final fullDateFormat = DateFormat('EEEE d MMMM y', 'fr_FR');
// Trie les événements par date de début
final sortedEvents = List<EventModel>.from(events)
..sort((a, b) => a.startDateTime.compareTo(b.startDateTime));
final currentIndex = sortedEvents.indexWhere((e) => e.id == event.id);
return Card(
margin: const EdgeInsets.all(16),
@ -23,6 +34,44 @@ class EventDetails extends StatelessWidget {
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
IconButton(
onPressed: currentIndex > 0
? () {
final prevEvent = sortedEvents[currentIndex - 1];
onSelectEvent(prevEvent, prevEvent.startDateTime);
}
: null,
icon: const Icon(Icons.arrow_back),
color: AppColors.rouge,
),
if (selectedDate != null)
Expanded(
child: Center(
child: Text(
fullDateFormat.format(selectedDate!),
style: Theme.of(context).textTheme.titleLarge?.copyWith(
color: AppColors.rouge,
fontWeight: FontWeight.bold,
),
),
),
),
IconButton(
onPressed: currentIndex < sortedEvents.length - 1
? () {
final nextEvent = sortedEvents[currentIndex + 1];
onSelectEvent(nextEvent, nextEvent.startDateTime);
}
: null,
icon: const Icon(Icons.arrow_forward),
color: AppColors.rouge,
),
],
),
const SizedBox(height: 16),
Text(
event.name,
style: Theme.of(context).textTheme.headlineMedium?.copyWith(