292 lines
10 KiB
Dart
292 lines
10 KiB
Dart
|
|
import 'dart:async';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:marianum_mobile/extensions/dateTime.dart';
|
|
import 'package:marianum_mobile/view/pages/timetable/addCustomTimetableEventDialog.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:syncfusion_flutter_calendar/calendar.dart';
|
|
|
|
import '../../../api/webuntis/queries/getHolidays/getHolidaysResponse.dart';
|
|
import '../../../api/webuntis/queries/getRooms/getRoomsResponse.dart';
|
|
import '../../../api/webuntis/queries/getSubjects/getSubjectsResponse.dart';
|
|
import '../../../api/webuntis/queries/getTimetable/getTimetableResponse.dart';
|
|
import '../../../model/timetable/timetableProps.dart';
|
|
import '../../../storage/base/settingsProvider.dart';
|
|
import '../../../widget/loadingSpinner.dart';
|
|
import '../../../widget/placeholderView.dart';
|
|
import 'appointmenetComponent.dart';
|
|
import 'appointmentDetails.dart';
|
|
import 'timeRegionComponent.dart';
|
|
import 'timetableEvents.dart';
|
|
|
|
class Timetable extends StatefulWidget {
|
|
const Timetable({super.key});
|
|
|
|
@override
|
|
State<Timetable> createState() => _TimetableState();
|
|
}
|
|
|
|
class _TimetableState extends State<Timetable> {
|
|
CalendarController controller = CalendarController();
|
|
late Timer updateTimings;
|
|
|
|
double elementScale = 40;
|
|
double baseElementScale = 40;
|
|
|
|
late final SettingsProvider settings;
|
|
|
|
@override
|
|
void initState() {
|
|
settings = Provider.of<SettingsProvider>(context, listen: false);
|
|
elementScale = baseElementScale = settings.val().timetableSettings.zoom;
|
|
|
|
WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
|
|
Provider.of<TimetableProps>(context, listen: false).run();
|
|
});
|
|
|
|
controller.displayDate = DateTime.now().add(const Duration(days: 2));
|
|
|
|
updateTimings = Timer.periodic(const Duration(seconds: 30), (Timer t) => setState((){}));
|
|
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text("Stunden & Vertretungsplan"),
|
|
actions: [
|
|
IconButton(
|
|
icon: const Icon(Icons.home_outlined),
|
|
onPressed: () {
|
|
controller.displayDate = DateTime.now().add(const Duration(days: 2));
|
|
}
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.add_card_outlined),
|
|
onPressed: () {
|
|
showDialog(context: context, builder: (context) => const AddCustomTimetableEventDialog());
|
|
},
|
|
),
|
|
],
|
|
),
|
|
body: Consumer<TimetableProps>(
|
|
builder: (context, value, child) {
|
|
|
|
if(value.hasError) {
|
|
return PlaceholderView(
|
|
icon: Icons.calendar_month,
|
|
text: "Webuntis error: ${value.error.toString()}",
|
|
button: TextButton(
|
|
child: const Text("Neu laden"),
|
|
onPressed: () {
|
|
controller.displayDate = DateTime.now().add(const Duration(days: 2));
|
|
Provider.of<TimetableProps>(context, listen: false).resetWeek();
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
if(value.primaryLoading()) return const LoadingSpinner();
|
|
|
|
GetHolidaysResponse holidays = value.getHolidaysResponse;
|
|
|
|
return GestureDetector(
|
|
onScaleStart: (details) => baseElementScale = elementScale,
|
|
onScaleUpdate: (details) {
|
|
setState(() {
|
|
elementScale = (baseElementScale * details.scale).clamp(40, 80);
|
|
});
|
|
},
|
|
onScaleEnd: (details) {
|
|
settings.val(write: true).timetableSettings.zoom = elementScale;
|
|
},
|
|
|
|
child: SfCalendar(
|
|
view: CalendarView.workWeek,
|
|
dataSource: _buildTableEvents(value),
|
|
|
|
maxDate: DateTime.now().add(const Duration(days: 7)).nextWeekday(DateTime.saturday),
|
|
minDate: DateTime.now().subtract(const Duration (days: 14)).nextWeekday(DateTime.sunday),
|
|
|
|
controller: controller,
|
|
|
|
onViewChanged: (ViewChangedDetails details) {
|
|
WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
|
|
Provider.of<TimetableProps>(context, listen: false).updateWeek(details.visibleDates.first, details.visibleDates.last);
|
|
});
|
|
},
|
|
|
|
onTap: (calendarTapDetails) {
|
|
if(calendarTapDetails.appointments == null) return;
|
|
Appointment tapped = calendarTapDetails.appointments!.first;
|
|
AppointmentDetails.show(context, value, tapped);
|
|
},
|
|
|
|
firstDayOfWeek: DateTime.monday,
|
|
specialRegions: _buildSpecialTimeRegions(holidays),
|
|
timeSlotViewSettings: TimeSlotViewSettings(
|
|
startHour: 07.5,
|
|
endHour: 16.5,
|
|
timeInterval: const Duration(minutes: 30),
|
|
timeFormat: "HH:mm",
|
|
dayFormat: "EE",
|
|
timeIntervalHeight: elementScale,
|
|
),
|
|
|
|
timeRegionBuilder: (BuildContext context, TimeRegionDetails timeRegionDetails) => TimeRegionComponent(details: timeRegionDetails),
|
|
appointmentBuilder: (BuildContext context, CalendarAppointmentDetails details) => AppointmentComponent(
|
|
details: details,
|
|
crossedOut: _isCrossedOut(details)
|
|
),
|
|
|
|
headerHeight: 0,
|
|
selectionDecoration: const BoxDecoration(),
|
|
|
|
allowAppointmentResize: false,
|
|
allowDragAndDrop: false,
|
|
allowViewNavigation: false,
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
updateTimings.cancel();
|
|
super.dispose();
|
|
}
|
|
|
|
List<TimeRegion> _buildSpecialTimeRegions(GetHolidaysResponse holidays) {
|
|
DateTime lastMonday = DateTime.now().subtract(const Duration(days: 14)).nextWeekday(DateTime.monday);
|
|
DateTime firstBreak = lastMonday.copyWith(hour: 10, minute: 15);
|
|
DateTime secondBreak = lastMonday.copyWith(hour: 13, minute: 50);
|
|
|
|
Iterable<TimeRegion> holidayList = holidays.result.map((holiday) {
|
|
DateTime startDay = _parseWebuntisTimestamp(holiday.startDate, 0);
|
|
int dayCount = _parseWebuntisTimestamp(holiday.endDate, 0)
|
|
.difference(startDay)
|
|
.inDays;
|
|
List<DateTime> days = List.generate(dayCount, (index) => startDay.add(Duration(days: index)));
|
|
|
|
return days.map((holidayDay) {
|
|
return TimeRegion(
|
|
startTime: holidayDay.copyWith(hour: 07, minute: 55),
|
|
endTime: holidayDay.copyWith(hour: 16, minute: 30),
|
|
text: 'holiday:${holiday.name}',
|
|
color: Theme
|
|
.of(context)
|
|
.disabledColor
|
|
.withAlpha(50),
|
|
iconData: Icons.holiday_village_outlined
|
|
);
|
|
});
|
|
}).expand((e) => e);
|
|
|
|
bool isInHoliday(DateTime time) {
|
|
return holidayList.any((element) => element.startTime.isSameDay(time));
|
|
}
|
|
|
|
return [
|
|
...holidayList,
|
|
|
|
if(!isInHoliday(firstBreak))
|
|
TimeRegion(
|
|
startTime: firstBreak,
|
|
endTime: firstBreak.add(const Duration(minutes: 20)),
|
|
recurrenceRule: 'FREQ=DAILY;INTERVAL=1',
|
|
text: 'centerIcon',
|
|
color: Theme.of(context).primaryColor.withAlpha(50),
|
|
iconData: Icons.restaurant
|
|
),
|
|
|
|
if(!isInHoliday(secondBreak))
|
|
TimeRegion(
|
|
startTime: secondBreak,
|
|
endTime: secondBreak.add(const Duration(minutes: 15)),
|
|
recurrenceRule: 'FREQ=DAILY;INTERVAL=1',
|
|
text: 'centerIcon',
|
|
color: Theme.of(context).primaryColor.withAlpha(50),
|
|
iconData: Icons.restaurant
|
|
),
|
|
];
|
|
}
|
|
|
|
TimetableEvents _buildTableEvents(TimetableProps data) {
|
|
|
|
List<Appointment> appointments = data.getTimetableResponse.result.map((element) {
|
|
|
|
GetRoomsResponse rooms = data.getRoomsResponse;
|
|
GetSubjectsResponse subjects = data.getSubjectsResponse;
|
|
|
|
try {
|
|
DateTime startTime = _parseWebuntisTimestamp(element.date, element.startTime);
|
|
DateTime endTime = _parseWebuntisTimestamp(element.date, element.endTime);
|
|
return Appointment(
|
|
id: element,
|
|
startTime: startTime,
|
|
endTime: endTime,
|
|
subject: subjects.result.firstWhere((subject) => subject.id == element.su[0].id).name,
|
|
location: ""
|
|
"${rooms.result.firstWhere((room) => room.id == element.ro[0].id).name}"
|
|
"\n"
|
|
"${element.te.first.longname}",
|
|
notes: element.activityType,
|
|
color: _getEventColor(element, startTime, endTime),
|
|
);
|
|
} catch(e) {
|
|
DateTime endTime = _parseWebuntisTimestamp(element.date, element.endTime);
|
|
return Appointment(
|
|
id: element,
|
|
startTime: _parseWebuntisTimestamp(element.date, element.startTime),
|
|
endTime: endTime,
|
|
subject: "Änderung",
|
|
notes: element.info,
|
|
location: 'Unbekannt',
|
|
color: endTime.isBefore(DateTime.now()) ? Theme.of(context).primaryColor.withAlpha(100) : Theme.of(context).primaryColor,
|
|
startTimeZone: '',
|
|
endTimeZone: '',
|
|
);
|
|
}
|
|
}).toList();
|
|
|
|
return TimetableEvents(appointments);
|
|
}
|
|
|
|
DateTime _parseWebuntisTimestamp(int date, int time) {
|
|
String timeString = time.toString().padLeft(4, '0');
|
|
return DateTime.parse('$date ${timeString.substring(0, 2)}:${timeString.substring(2, 4)}');
|
|
}
|
|
|
|
Color _getEventColor(GetTimetableResponseObject webuntisElement, DateTime startTime, DateTime endTime) {
|
|
// Make element darker, when it already took place
|
|
int alpha = endTime.isBefore(DateTime.now()) ? 100 : 255;
|
|
|
|
// Cancelled
|
|
if(webuntisElement.code == "cancelled") return const Color(0xff000000).withAlpha(alpha);
|
|
|
|
// Any changes or no teacher at this element
|
|
if(webuntisElement.code == "irregular" || webuntisElement.te.first.id == 0) return const Color(0xff8F19B3).withAlpha(alpha);
|
|
|
|
// Event was in the past
|
|
if(endTime.isBefore(DateTime.now())) return Theme.of(context).primaryColor.withAlpha(alpha);
|
|
|
|
// Event takes currently place
|
|
if(endTime.isAfter(DateTime.now()) && startTime.isBefore(DateTime.now())) return Theme.of(context).primaryColor.withRed(200);
|
|
|
|
// Fallback
|
|
return Theme.of(context).primaryColor.withAlpha(alpha);
|
|
}
|
|
|
|
bool _isCrossedOut(CalendarAppointmentDetails calendarEntry) {
|
|
GetTimetableResponseObject webuntisElement = (calendarEntry.appointments.first.id as GetTimetableResponseObject);
|
|
|
|
return webuntisElement.code == "cancelled";
|
|
}
|
|
}
|