Please take a look and let me know if you can see what I'm doing wrong. Thanks!
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:shift_shop/src/features/roles/data/roles_repository.dart';
import 'package:shift_shop/src/features/roles/data/test_roles.dart';
import 'package:shift_shop/src/features/roles/domain/role.dart';
import 'package:shift_shop/src/features/schedule/data/shifts_repository.dart';
import 'package:shift_shop/src/features/schedule/domain/shift.dart';
import 'package:shift_shop/src/features/schedule/presentation/shifts_data_source.dart';
import 'package:shift_shop/src/routing/router.dart';
import 'package:syncfusion_flutter_calendar/calendar.dart';
class ShiftScheduler extends ConsumerStatefulWidget {
const ShiftScheduler({super.key});
@override
ConsumerState<ConsumerStatefulWidget> createState() => _ShiftSchedulerState();
}
class _ShiftSchedulerState extends ConsumerState<ShiftScheduler> {
_ShiftSchedulerState();
final CalendarController _calendarController = CalendarController();
final List<CalendarView> _allowedviews = const <CalendarView>[
CalendarView.day,
CalendarView.week,
CalendarView.month,
CalendarView.timelineDay,
CalendarView.timelineWeek,
CalendarView.schedule
];
// we will use this for recurrence (see V4 ShiftScheduler)
// ignore: unused_field
late List<DateTime> _visibleDates;
late List<Shift> _shifts;
late List<Role> _roles;
late List<CalendarResource> _rolesCalendarResources;
late ShiftsDataSource _events;
@override
void initState() {
_calendarController.view = CalendarView.timelineWeek;
_events = ShiftsDataSource(
[],
[],
);
_shifts = [];
_roles = [];
_rolesCalendarResources = [];
super.initState();
}
void _onViewChanged(ViewChangedDetails visibleDatesChangedDetails) {
_visibleDates = visibleDatesChangedDetails.visibleDates;
}
Future<void> _onCalendarTapped(
CalendarTapDetails calendarTapDetails,
) async {
debugPrint('_onCalendarTapped called');
/// Condition added to open the editor, when the calendar elements tapped
/// other than the header.
if (calendarTapDetails.targetElement == CalendarElement.header ||
calendarTapDetails.targetElement == CalendarElement.viewHeader ||
// remove if you want to do something when clicking on a role
calendarTapDetails.targetElement == CalendarElement.resourceHeader) {
return;
}
/// Navigates the calendar to timelineDay view when we tap on month cells.
if (_calendarController.view == CalendarView.month) {
_calendarController.view = CalendarView.timelineWeek;
return;
}
Shift? selectedV4Shift;
if (calendarTapDetails.appointments != null &&
calendarTapDetails.appointments!.isNotEmpty) {
selectedV4Shift = calendarTapDetails.appointments!.firstOrNull as Shift;
}
final selectedDate = calendarTapDetails.date ?? DateTime.now();
Role? role;
if (selectedV4Shift != null) {
role = kTestRoles.firstWhere(
(r) => r.id == selectedV4Shift!.roleId,
orElse: Role.anyRole,
);
} else {
role = calendarTapDetails.resource != null
? Role.fromCalendarResource(calendarTapDetails.resource!)
: Role.anyRole();
}
final shift = selectedV4Shift ??
Shift.create().copyWith(
startTime: selectedDate,
endTime: selectedDate.add(const Duration(hours: 8)),
roleId: role.id,
resourceIds: [role.id],
color: Color(role.colorInt),
);
// Consider sending an object containing all required data to ShiftEditScreen
// ie. shift, visible dates, etc
final updatedV4Shift = await context.pushNamed<Shift>(
AppRoute.shiftEdit.name,
pathParameters: {'id': shift.id},
extra: shift,
);
debugPrint('UPDATED SHIFT: $updatedV4Shift');
}
@override
Widget build(BuildContext context) {
final shiftsRepository = ref.watch(shiftsRepositoryProvider);
final shiftsListStream = ref.watch(shiftsListStreamProvider);
final rolesListStream = ref.watch(rolesListStreamProvider);
shiftsListStream.when(
loading: () {
return const CircularProgressIndicator();
},
error: (error, stackTrace) {
return ErrorWidget(error);
},
data: (data) {
_shifts = data;
},
);
rolesListStream.whenData(
(value) {
_roles = value;
_rolesCalendarResources =
_roles.map((role) => role.toCalendarResource()).toList();
if (!_roles.contains(Role.anyRole())) {
_rolesCalendarResources.add(Role.anyRole().toCalendarResource());
}
},
);
_events = ShiftsDataSource(_shifts, _rolesCalendarResources);
return SfCalendar(
dataSource: _events,
controller: _calendarController,
allowedViews: _allowedviews,
showDatePickerButton: true,
onTap: _onCalendarTapped,
onViewChanged: _onViewChanged,
allowDragAndDrop: true,
onDragStart: (AppointmentDragStartDetails appointmentDragStartDetails) {
debugPrint('DRAG START CALLED');
debugPrint(
'SHIFT BEFORE DRAG: ${appointmentDragStartDetails.appointment}',
);
onDragEnd: (appointmentDragEndDetails) {
debugPrint('DRAG END CALLED');
final shift = appointmentDragEndDetails.appointment as Shift?;
debugPrint('DRAGGED SHIFT: $shift');
final targetResource = appointmentDragEndDetails.targetResource;
final resourceIds = [targetResource!.id];
shiftsRepository.updateShift(shift!.copyWith(resourceIds: resourceIds));
},
);
}
}
