Polished Holidays view

lib/view/pages/more/countdown/animatedTime.dart

@@ -13,11 +13,13 @@ class AnimatedTime extends StatefulWidget {
 
 class _AnimatedTimeState extends State<AnimatedTime> {
   Duration current = Duration.zero;
+  late Timer timer;
 
   @override
   void initState() {
     super.initState();
-    Timer.periodic(const Duration(seconds: 1), (Timer t) => update());
+    timer = Timer.periodic(const Duration(seconds: 1), (Timer t) => update());
+    current = widget.callback();
   }
 
   void update() {
@@ -50,4 +52,10 @@ class _AnimatedTimeState extends State<AnimatedTime> {
       textStyle: const TextStyle(fontSize: 15),
     );
   }
+
+  @override
+  void dispose() {
+    timer.cancel();
+    super.dispose();
+  }
 }

lib/view/pages/more/holidays/holidays.dart

@@ -0,0 +1,154 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_native_splash/cli_commands.dart';
+import 'package:jiffy/jiffy.dart';
+import 'package:marianum_mobile/widget/centeredLeading.dart';
+import 'package:marianum_mobile/widget/debug/debugTile.dart';
+import 'package:marianum_mobile/widget/placeholderView.dart';
+import 'package:provider/provider.dart';
+
+import '../../../../api/holidays/getHolidaysResponse.dart';
+import '../../../../model/holidays/holidaysProps.dart';
+import '../../../../storage/base/settingsProvider.dart';
+import '../../../../widget/confirmDialog.dart';
+import '../../../../widget/loadingSpinner.dart';
+import '../countdown/animatedTime.dart';
+
+class Holidays extends StatefulWidget {
+  const Holidays({super.key});
+
+  @override
+  State<Holidays> createState() => _HolidaysState();
+}
+
+class _HolidaysState extends State<Holidays> {
+  late SettingsProvider settings = Provider.of<SettingsProvider>(context, listen: false);
+  late bool showPastEvents = settings.val().holidaysSettings.showPastEvents;
+
+  @override
+  void initState() {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
+      Provider.of<HolidaysProps>(context, listen: false).run();
+      if(!settings.val().holidaysSettings.dismissedDisclaimer) showDisclaimer();
+    });
+
+    super.initState();
+  }
+
+  String parseString(String enDate) {
+    return Jiffy.parse(enDate).format(pattern: "dd.MM.yyyy");
+  }
+
+  void showDisclaimer() {
+    showDialog(context: context, builder: (context) {
+      return AlertDialog(
+        title: const Text("Richtigkeit und Bereitstellung der Daten"),
+        content: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            const Text(""
+                "Sämtliche Datumsangaben sind ohne Gewähr.\n"
+                "Ich übernehme weder Verantwortung für die Richtigkeit der Daten noch hafte ich für wirtschaftliche Schäden die aus der Verwendung dieser Daten entstehen können.\n\n"
+                "Die Daten stammen von https://ferien-api.de/"),
+            const SizedBox(height: 30),
+            ListTile(
+              title: const Text("Diese Meldung nicht mehr anzeigen"),
+              trailing: Checkbox(
+                value: settings.val().holidaysSettings.dismissedDisclaimer,
+                onChanged: (value) => settings.val(write: true).holidaysSettings.dismissedDisclaimer = value!,
+              ),
+            )
+          ],
+        ),
+        actions: [
+          TextButton(child: const Text("ferien-api.de öffnen"), onPressed: () => ConfirmDialog.openBrowser(context, "https://ferien-api.de/")),
+          TextButton(child: const Text("Schließen"), onPressed: () => Navigator.of(context).pop()),
+        ],
+      );
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text("Schulferien in Hessen"),
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.warning_amber_outlined),
+            onPressed: () => showDisclaimer(),
+          ),
+          PopupMenuButton<bool>(
+            initialValue: settings.val().holidaysSettings.showPastEvents,
+            icon: const Icon(Icons.manage_history_outlined),
+            itemBuilder: (context) {
+              return [true, false].map((e) => PopupMenuItem<bool>(
+                  value: e,
+                  enabled: e != showPastEvents,
+                  child: Row(
+                    children: [
+                      Icon(e ? Icons.history_outlined : Icons.history_toggle_off_outlined, color: Theme.of(context).colorScheme.onSurface),
+                      const SizedBox(width: 15),
+                      Text(e ? "Alle anzeigen" : "Nur zukünftige anzeigen")
+                    ],
+                  )
+              )).toList();
+            },
+            onSelected: (e) {
+              setState(() {
+                showPastEvents = e;
+                settings.val(write: true).holidaysSettings.showPastEvents = e;
+              });
+            },
+          ),
+        ],
+      ),
+      body: Consumer<HolidaysProps>(builder: (context, value, child) {
+        if(value.primaryLoading()) return const LoadingSpinner();
+
+        List<GetHolidaysResponseObject> holidays = value.getHolidaysResponse.data;
+        if(!showPastEvents) holidays = holidays.where((element) => DateTime.parse(element.end).isAfter(DateTime.now())).toList();
+
+        if(holidays.isEmpty) return const PlaceholderView(icon: Icons.search_off, text: "Es wurden keine Ferieneinträge gefunden!");
+
+        return ListView.builder(
+            itemCount: holidays.length,
+            itemBuilder: (context, index) {
+              GetHolidaysResponseObject holiday = holidays[index];
+              String holidayType = holiday.name.split(" ").first.capitalize();
+              return ListTile(
+                leading: const CenteredLeading(Icon(Icons.calendar_month)),
+                title: Text("$holidayType ab ${parseString(holiday.start)}"),
+                subtitle: Text("bis ${parseString(holiday.end)}"),
+                onTap: () => showDialog(context: context, builder: (context) => SimpleDialog(
+                  title: Text("$holidayType ${holiday.year} in Hessen"),
+                  children: [
+                    ListTile(
+                      leading: const CenteredLeading(Icon(Icons.signpost_outlined)),
+                      title: Text(holiday.name),
+                      subtitle: Text(holiday.slug),
+                    ),
+                    ListTile(
+                      leading: const Icon(Icons.arrow_forward),
+                      title: Text("vom ${parseString(holiday.start)}"),
+                    ),
+                    ListTile(
+                      leading: const Icon(Icons.arrow_back),
+                      title: Text("bis zum ${parseString(holiday.end)}"),
+                    ),
+                    ListTile(
+                      leading: const Icon(Icons.timer_outlined),
+                      title: AnimatedTime(callback: () => DateTime.parse(holiday.start).difference(DateTime.now())),
+                      subtitle: Text(Jiffy.parse(holiday.start).fromNow()),
+                    ),
+                    DebugTile(holiday.toJson()).asTile(context),
+                  ],
+                )),
+                trailing: const Icon(Icons.arrow_right),
+              );
+            },
+          );
+        },
+      )
+    );
+  }
+}

lib/view/pages/more/overhang.dart

@@ -5,9 +5,9 @@ import 'package:persistent_bottom_nav_bar/persistent_tab_view.dart';
 
 import '../../../widget/ListItem.dart';
 import '../../settings/settings.dart';
-import '../holidays/holidays.dart';
 import 'countdown/countdown.dart';
 import 'gradeAverages/gradeAverage.dart';
+import 'holidays/holidays.dart';
 import 'message/message.dart';
 import 'roomplan/roomplan.dart';