From 32c5e8ae910a0e2331f6deaedf1725f3b36e5df9 Mon Sep 17 00:00:00 2001
From: Kima <kimavideos97@gmail.com>
Date: Fri, 1 Mar 2024 22:38:46 +0100
Subject: [PATCH] finished calendar sync settings part

---
 refilc/lib/database/init.dart                 |   4 +
 refilc/lib/models/settings.dart               |  54 ++-
 .../lib/providers/third_party_provider.dart   |  57 ++-
 .../widgets/custom_segmented_control.dart     |  76 ++++
 .../settings/settings_screen.i18n.dart        |  30 ++
 .../settings/submenu/calendar_sync.dart       | 351 +++++++++++++++---
 refilc_mobile_ui/pubspec.yaml                 |   1 +
 7 files changed, 507 insertions(+), 66 deletions(-)
 create mode 100644 refilc_mobile_ui/lib/common/widgets/custom_segmented_control.dart

diff --git a/refilc/lib/database/init.dart b/refilc/lib/database/init.dart
index 0da95da..5c25a2c 100644
--- a/refilc/lib/database/init.dart
+++ b/refilc/lib/database/init.dart
@@ -45,6 +45,10 @@ const settingsDB = DatabaseStruct("settings", {
   "show_breaks": int,
   "font_family": String,
   "plus_session_id": String,
+  "cal_sync_room_location": String,
+  "cal_sync_show_exams": int,
+  "cal_sync_show_teacher": int,
+  "cal_sync_renamed": int,
 });
 // DON'T FORGET TO UPDATE DEFAULT VALUES IN `initDB` MIGRATION OR ELSE PARENTS WILL COMPLAIN ABOUT THEIR CHILDREN MISSING
 // YOU'VE BEEN WARNED!!!
diff --git a/refilc/lib/models/settings.dart b/refilc/lib/models/settings.dart
index 6441f9e..cddda2c 100644
--- a/refilc/lib/models/settings.dart
+++ b/refilc/lib/models/settings.dart
@@ -1,6 +1,7 @@
 import 'dart:convert';
 import 'dart:developer';
 
+import 'package:flutter/services.dart';
 import 'package:refilc/api/providers/database_provider.dart';
 import 'package:refilc/models/config.dart';
 import 'package:refilc/models/icon_pack.dart';
@@ -92,6 +93,10 @@ class SettingsProvider extends ChangeNotifier {
   bool _showBreaks;
   String _fontFamily;
   String _plusSessionId;
+  String _calSyncRoomLocation;
+  bool _calSyncShowExams;
+  bool _calSyncShowTeacher;
+  bool _calSyncRenamed;
 
   SettingsProvider({
     DatabaseProvider? database,
@@ -150,6 +155,10 @@ class SettingsProvider extends ChangeNotifier {
     required String pinSetExtras,
     required String fontFamily,
     required String plusSessionId,
+    required String calSyncRoomLocation,
+    required bool calSyncShowExams,
+    required bool calSyncShowTeacher,
+    required bool calSyncRenamed,
   })  : _database = database,
         _language = language,
         _startPage = startPage,
@@ -205,7 +214,11 @@ class SettingsProvider extends ChangeNotifier {
         _pinSetNotify = pinSetNotify,
         _pinSetExtras = pinSetExtras,
         _fontFamily = fontFamily,
-        _plusSessionId = plusSessionId;
+        _plusSessionId = plusSessionId,
+        _calSyncRoomLocation = calSyncRoomLocation,
+        _calSyncShowExams = calSyncShowExams,
+        _calSyncShowTeacher = calSyncShowTeacher,
+        _calSyncRenamed = calSyncRenamed;
 
   factory SettingsProvider.fromMap(Map map,
       {required DatabaseProvider database}) {
@@ -281,6 +294,10 @@ class SettingsProvider extends ChangeNotifier {
       pinSetExtras: map['extras_s_pin'],
       fontFamily: map['font_family'],
       plusSessionId: map['plus_session_id'],
+      calSyncRoomLocation: map['cal_sync_room_location'],
+      calSyncShowExams: map['cal_sync_show_exams'] == 1,
+      calSyncShowTeacher: map['cal_sync_show_teacher'] == 1,
+      calSyncRenamed: map['cal_sync_renamed'] == 1,
     );
   }
 
@@ -344,6 +361,10 @@ class SettingsProvider extends ChangeNotifier {
       "extras_s_pin": _pinSetExtras,
       "font_family": _fontFamily,
       "plus_session_id": _plusSessionId,
+      "cal_sync_room_location": _calSyncRoomLocation,
+      "cal_sync_show_exams": _calSyncShowExams ? 1 : 0,
+      "cal_sync_show_teacher": _calSyncShowTeacher ? 1 : 0,
+      "cal_sync_renamed": _calSyncRenamed ? 1 : 0,
     };
   }
 
@@ -411,6 +432,10 @@ class SettingsProvider extends ChangeNotifier {
       pinSetExtras: '',
       fontFamily: '',
       plusSessionId: '',
+      calSyncRoomLocation: 'location',
+      calSyncShowExams: true,
+      calSyncShowTeacher: true,
+      calSyncRenamed: false,
     );
   }
 
@@ -469,6 +494,10 @@ class SettingsProvider extends ChangeNotifier {
   bool get showBreaks => _showBreaks;
   String get fontFamily => _fontFamily;
   String get plusSessionId => _plusSessionId;
+  String get calSyncRoomLocation => _calSyncRoomLocation;
+  bool get calSyncShowExams => _calSyncShowExams;
+  bool get calSyncShowTeacher => _calSyncShowTeacher;
+  bool get calSyncRenamed => _calSyncRenamed;
 
   Future<void> update({
     bool store = true,
@@ -523,6 +552,10 @@ class SettingsProvider extends ChangeNotifier {
     bool? showBreaks,
     String? fontFamily,
     String? plusSessionId,
+    String? calSyncRoomLocation,
+    bool? calSyncShowExams,
+    bool? calSyncShowTeacher,
+    bool? calSyncRenamed,
   }) async {
     if (language != null && language != _language) _language = language;
     if (startPage != null && startPage != _startPage) _startPage = startPage;
@@ -673,8 +706,27 @@ class SettingsProvider extends ChangeNotifier {
     if (plusSessionId != null && plusSessionId != _plusSessionId) {
       _plusSessionId = plusSessionId;
     }
+    if (calSyncRoomLocation != null &&
+        calSyncRoomLocation != _calSyncRoomLocation) {
+      _calSyncRoomLocation = calSyncRoomLocation;
+    }
+    if (calSyncShowExams != null && calSyncShowExams != _calSyncShowExams) {
+      _calSyncShowExams = calSyncShowExams;
+    }
+    if (calSyncShowTeacher != null &&
+        calSyncShowTeacher != _calSyncShowTeacher) {
+      _calSyncShowTeacher = calSyncShowTeacher;
+    }
+    if (calSyncRenamed != null && calSyncRenamed != _calSyncRenamed) {
+      _calSyncRenamed = calSyncRenamed;
+    }
     // store or not
     if (store) await _database?.store.storeSettings(this);
     notifyListeners();
   }
+
+  void exportJson() {
+    String sets = json.encode(toMap());
+    Clipboard.setData(ClipboardData(text: sets));
+  }
 }
diff --git a/refilc/lib/providers/third_party_provider.dart b/refilc/lib/providers/third_party_provider.dart
index 1163ca1..aff99d8 100644
--- a/refilc/lib/providers/third_party_provider.dart
+++ b/refilc/lib/providers/third_party_provider.dart
@@ -3,6 +3,7 @@ import 'package:provider/provider.dart';
 import 'package:refilc/api/providers/database_provider.dart';
 import 'package:refilc/api/providers/user_provider.dart';
 import 'package:refilc/models/linked_account.dart';
+import 'package:refilc/models/user.dart';
 import 'package:refilc_kreta_api/controllers/timetable_controller.dart';
 import 'package:refilc_kreta_api/models/lesson.dart';
 import 'package:flutter/foundation.dart';
@@ -14,7 +15,7 @@ class ThirdPartyProvider with ChangeNotifier {
   late List<LinkedAccount> _linkedAccounts;
   // google specific
   late List<Event>? _googleEvents;
-  late List<Calendar>? _googleCalendars;
+  late List<CalendarListEntry> _googleCalendars;
 
   late BuildContext _context;
 
@@ -27,16 +28,18 @@ class ThirdPartyProvider with ChangeNotifier {
   List<LinkedAccount> get linkedAccounts => _linkedAccounts;
 
   List<Event> get googleEvents => _googleEvents ?? [];
-  List<Calendar> get googleCalendars => _googleCalendars ?? [];
+  List<CalendarListEntry> get googleCalendars => _googleCalendars;
 
   ThirdPartyProvider({
     required BuildContext context,
     List<LinkedAccount>? initialLinkedAccounts,
   }) {
     _context = context;
-    _linkedAccounts = initialLinkedAccounts ?? [];
+    _linkedAccounts = List.castFrom(initialLinkedAccounts ?? []);
+    _googleCalendars = [];
 
     if (_linkedAccounts.isEmpty) restore();
+    if (_googleCalendars.isEmpty) fetchGoogle();
   }
 
   Future<void> restore() async {
@@ -49,23 +52,47 @@ class ThirdPartyProvider with ChangeNotifier {
               .userQuery
               .getLinkedAccounts(userId: userId);
       _linkedAccounts = dbLinkedAccounts;
+
+      // if (res == null) {
+      //   throw 'Google sign in failed, some data will be unavailable.';
+      // }
+
+      notifyListeners();
     }
   }
 
+  Future<void> store(List<LinkedAccount> accounts) async {
+    User? user = Provider.of<UserProvider>(_context, listen: false).user;
+    if (user == null) throw "Cannot store Linked Accounts for User null";
+    String userId = user.id;
+
+    await Provider.of<DatabaseProvider>(_context, listen: false)
+        .userStore
+        .storeLinkedAccounts(accounts, userId: userId);
+    _linkedAccounts = accounts;
+    notifyListeners();
+  }
+
   void fetch() async {}
 
   Future<GoogleSignInAccount?> googleSignIn() async {
+    // signOutAll();
+
     if (!await _googleSignIn.isSignedIn()) {
       GoogleSignInAccount? account = await _googleSignIn.signIn();
 
+      if (account == null) return null;
+
       LinkedAccount linked = LinkedAccount.fromJson({
         'type': 'google',
-        'username': account?.email ?? '',
-        'display_name': account?.displayName ?? '',
-        'id': account?.id ?? ''
+        'username': account.email,
+        'display_name': account.displayName ?? '',
+        'id': account.id,
       });
       _linkedAccounts.add(linked);
 
+      store(_linkedAccounts);
+
       return account;
     }
     return null;
@@ -99,6 +126,24 @@ class ThirdPartyProvider with ChangeNotifier {
   //   }
   // }
 
+  Future<void> fetchGoogle() async {
+    await _googleSignIn.signInSilently();
+
+    try {
+      var httpClient = (await _googleSignIn.authenticatedClient())!;
+      var calendarApi = CalendarApi(httpClient);
+
+      _googleCalendars = (await calendarApi.calendarList.list()).items ?? [];
+
+      print(_googleCalendars);
+
+      notifyListeners();
+    } catch (e) {
+      print(e);
+      // await _googleSignIn.signOut();
+    }
+  }
+
   Future<Event?> pushEvent({
     required String title,
     required String calendarId,
diff --git a/refilc_mobile_ui/lib/common/widgets/custom_segmented_control.dart b/refilc_mobile_ui/lib/common/widgets/custom_segmented_control.dart
new file mode 100644
index 0000000..7f6a04e
--- /dev/null
+++ b/refilc_mobile_ui/lib/common/widgets/custom_segmented_control.dart
@@ -0,0 +1,76 @@
+import 'package:flutter/material.dart';
+import 'package:custom_sliding_segmented_control/custom_sliding_segmented_control.dart';
+import 'package:refilc/theme/colors/colors.dart';
+
+class CustomSegmentedControl extends StatelessWidget {
+  final void Function(int)? onChanged;
+  final int value;
+  final List<Widget> children;
+  final int duration;
+  final bool showDivider;
+  final double height;
+
+  const CustomSegmentedControl({
+    super.key,
+    this.onChanged,
+    required this.value,
+    required this.children,
+    this.duration = 200,
+    this.showDivider = true,
+    this.height = 40,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    Map<int, Widget> finalChildren = {};
+
+    var i = 0;
+    for (var e in children) {
+      finalChildren.addAll({i: e});
+      i++;
+    }
+
+    return CustomSlidingSegmentedControl<int>(
+      initialValue: value,
+      children: finalChildren,
+      decoration: BoxDecoration(
+        color: Theme.of(context).colorScheme.secondary.withOpacity(.069),
+        borderRadius: BorderRadius.circular(12.0),
+      ),
+      thumbDecoration: BoxDecoration(
+        color: AppColors.of(context).highlight,
+        borderRadius: BorderRadius.circular(10.0),
+        // boxShadow: [
+        //   BoxShadow(
+        //     color: Colors.black.withOpacity(.3),
+        //     blurRadius: 4.0,
+        //     spreadRadius: 1.0,
+        //     offset: const Offset(
+        //       0.0,
+        //       2.0,
+        //     ),
+        //   ),
+        // ],
+      ),
+      duration: Duration(milliseconds: duration),
+      curve: Curves.easeInOutCubic,
+      onValueChanged: onChanged ?? (v) {},
+      isStretch: true,
+      innerPadding: const EdgeInsets.all(4.0),
+      isShowDivider: showDivider,
+      dividerSettings: DividerSettings(
+        indent: (height / 4) + 1,
+        endIndent: (height / 4) + 1,
+        // indent: 0,
+        // endIndent: 2,
+        // thickness: 2,
+        decoration: BoxDecoration(
+          color: AppColors.of(context).text.withOpacity(0.2),
+        ),
+      ),
+      height: height,
+      customSegmentSettings:
+          CustomSegmentSettings(hoverColor: Colors.transparent),
+    );
+  }
+}
diff --git a/refilc_mobile_ui/lib/screens/settings/settings_screen.i18n.dart b/refilc_mobile_ui/lib/screens/settings/settings_screen.i18n.dart
index 2510749..67fe2da 100644
--- a/refilc_mobile_ui/lib/screens/settings/settings_screen.i18n.dart
+++ b/refilc_mobile_ui/lib/screens/settings/settings_screen.i18n.dart
@@ -102,6 +102,16 @@ extension SettingsLocalization on String {
           "calendar_sync": "Calendar Sync",
           "choose_account": "Choose Account",
           "your_account": "Your Account",
+          "show_renamed": "Renamed teachers/subjects",
+          "show_teacher": "Teacher name in description",
+          "show_exams": "Show Exams (📝)",
+          "options": "Options",
+          "description": "Description",
+          "location": "Location",
+          "room_num_location": "Location of Room Number",
+          "choose_calendar": "Choose calendar",
+          'change_account': 'Change Account (Logout)',
+          "soon": "Soon",
         },
         "hu_hu": {
           "personal_details": "Személyes információk",
@@ -202,6 +212,16 @@ extension SettingsLocalization on String {
           "calendar_sync": "Naptár szinkronizálás",
           "choose_account": "Válassz fiókot",
           "your_account": "Fiókod",
+          "show_renamed": "Átnevezett tanárok/tantárgyak",
+          "show_teacher": "Tanár neve a leírásba",
+          "show_exams": "Számonkérések jelölése (📝)",
+          "options": "Beállítások",
+          "description": "Leírás",
+          "location": "Helyszín",
+          "room_num_location": "Teremszám helye",
+          "choose_calendar": "Válassz naptárat",
+          "change_account": "Fiók cseréje (Kijelentkezés)",
+          "soon": "Hamarosan",
         },
         "de_de": {
           "personal_details": "Persönliche Angaben",
@@ -302,6 +322,16 @@ extension SettingsLocalization on String {
           "calendar_sync": "Kalender-Synchronisation",
           "choose_account": "Konto auswählen",
           "your_account": "Ihr Konto",
+          "show_renamed": "Umbenannte Lehrer/Fächer",
+          "show_teacher": "Name des Lehrers in der Beschreibung",
+          "show_exams": "Prüfungen anzeigen (📝)",
+          "options": "Optionen",
+          "description": "Beschreibung",
+          "location": "Ort",
+          "room_num_location": "Standort der Zimmernummer",
+          "choose_calendar": "Kalender wählen",
+          "change_account": "Konto ändern (Abmeldung)",
+          "soon": "Bald",
         },
       };
 
diff --git a/refilc_mobile_ui/lib/screens/settings/submenu/calendar_sync.dart b/refilc_mobile_ui/lib/screens/settings/submenu/calendar_sync.dart
index 382e6cd..4bd057e 100644
--- a/refilc_mobile_ui/lib/screens/settings/submenu/calendar_sync.dart
+++ b/refilc_mobile_ui/lib/screens/settings/submenu/calendar_sync.dart
@@ -1,25 +1,20 @@
 // ignore_for_file: use_build_context_synchronously
 
-import 'package:collection/collection.dart';
 import 'package:refilc/api/providers/user_provider.dart';
 import 'package:refilc/models/linked_account.dart';
 import 'package:refilc/models/settings.dart';
-import 'package:refilc/models/shared_theme.dart';
 import 'package:refilc/providers/third_party_provider.dart';
-import 'package:refilc/theme/colors/accent.dart';
 import 'package:refilc/theme/colors/colors.dart';
-import 'package:refilc/theme/observer.dart';
 import 'package:refilc_kreta_api/providers/share_provider.dart';
-import 'package:refilc_mobile_ui/common/custom_snack_bar.dart';
+import 'package:refilc_mobile_ui/common/dot.dart';
 import 'package:refilc_mobile_ui/common/panel/panel_button.dart';
 import 'package:refilc_mobile_ui/common/splitted_panel/splitted_panel.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_feather_icons/flutter_feather_icons.dart';
 import 'package:provider/provider.dart';
+import 'package:refilc_mobile_ui/common/widgets/custom_segmented_control.dart';
 import 'package:refilc_mobile_ui/screens/settings/settings_screen.i18n.dart';
-import 'package:share_plus/share_plus.dart';
-import 'package:flutter_any_logo/flutter_logo.dart';
 
 class MenuCalendarSync extends StatelessWidget {
   const MenuCalendarSync({
@@ -135,6 +130,13 @@ class CalendarSyncScreenState extends State<CalendarSyncScreen>
                               decoration: BoxDecoration(
                                 color: Colors.white,
                                 borderRadius: BorderRadius.circular(16.0),
+                                boxShadow: [
+                                  BoxShadow(
+                                    color: Colors.black.withOpacity(0.2),
+                                    blurRadius: 4.0,
+                                    spreadRadius: 0.01,
+                                  ),
+                                ],
                               ),
                               height: 64,
                               width: 64,
@@ -146,16 +148,31 @@ class CalendarSyncScreenState extends State<CalendarSyncScreen>
                             const SizedBox(width: 10),
                             Icon(
                               Icons.sync_alt_outlined,
-                              color:
-                                  AppColors.of(context).text.withOpacity(0.2),
+                              color: AppColors.of(context).text.withOpacity(
+                                  thirdPartyProvider.linkedAccounts.isEmpty
+                                      ? 0.2
+                                      : 0.5),
                               size: 20.0,
                             ),
                             const SizedBox(width: 10),
-                            Image.asset(
-                              'assets/icons/ic_rounded.png',
-                              width: 64,
-                              height: 64,
-                            )
+                            Container(
+                              decoration: BoxDecoration(
+                                color: Colors.transparent,
+                                borderRadius: BorderRadius.circular(16.0),
+                                boxShadow: [
+                                  BoxShadow(
+                                    color: Colors.black.withOpacity(0.2),
+                                    blurRadius: 4.0,
+                                    spreadRadius: 0.01,
+                                  ),
+                                ],
+                              ),
+                              child: Image.asset(
+                                'assets/icons/ic_rounded.png',
+                                width: 64,
+                                height: 64,
+                              ),
+                            ),
                           ],
                         ),
                       ),
@@ -228,7 +245,7 @@ class CalendarSyncScreenState extends State<CalendarSyncScreen>
                                 height: 24.0,
                               ),
                               trailing: Text(
-                                'Hamarosan'.i18n,
+                                'soon'.i18n,
                                 style: const TextStyle(
                                     fontStyle: FontStyle.italic,
                                     fontSize: 14.0),
@@ -306,53 +323,187 @@ class CalendarSyncScreenState extends State<CalendarSyncScreen>
                         SplittedPanel(
                           title: Text('choose_calendar'.i18n),
                           padding: EdgeInsets.zero,
-                          cardPadding: const EdgeInsets.all(4.0),
+                          cardPadding: EdgeInsets.zero,
+                          isTransparent: true,
+                          children: getCalendarList(),
+                        ),
+                        const SizedBox(
+                          height: 18.0,
+                        ),
+                        SplittedPanel(
+                          title: Text('room_num_location'.i18n),
+                          padding: EdgeInsets.zero,
+                          cardPadding: EdgeInsets.zero,
+                          isTransparent: true,
                           children: [
-                            PanelButton(
-                              onPressed: null,
-                              title: Text(
-                                thirdPartyProvider
-                                    .linkedAccounts.first.username,
-                                style: TextStyle(
-                                  color: AppColors.of(context)
-                                      .text
-                                      .withOpacity(.95),
-                                ),
-                              ),
-                              leading: Image.asset(
-                                'assets/images/ext_logo/${thirdPartyProvider.linkedAccounts.first.type == AccountType.google ? "google" : "apple"}.png',
-                                width: 24.0,
-                                height: 24.0,
-                              ),
-                              borderRadius: const BorderRadius.vertical(
-                                top: Radius.circular(12),
-                                bottom: Radius.circular(12),
-                              ),
-                            ),
-                            PanelButton(
-                              onPressed: () async {
-                                await thirdPartyProvider.signOutAll();
-                                setState(() {});
+                            CustomSegmentedControl(
+                              onChanged: (v) {
+                                settingsProvider.update(
+                                    calSyncRoomLocation:
+                                        v == 0 ? 'location' : 'description');
                               },
-                              title: Text(
-                                'change_account'.i18n,
-                                style: TextStyle(
-                                  color: AppColors.of(context)
-                                      .text
-                                      .withOpacity(.95),
+                              value: settingsProvider.calSyncRoomLocation ==
+                                      'location'
+                                  ? 0
+                                  : 1,
+                              height: 45,
+                              children: [
+                                Text(
+                                  'location'.i18n,
+                                  style: const TextStyle(
+                                    fontWeight: FontWeight.w500,
+                                    fontSize: 16.0,
+                                  ),
                                 ),
-                              ),
-                              trailing: Icon(
-                                FeatherIcons.chevronRight,
-                                size: 22.0,
-                                color: AppColors.of(context)
-                                    .text
-                                    .withOpacity(0.95),
-                              ),
-                              borderRadius: const BorderRadius.vertical(
-                                top: Radius.circular(12),
-                                bottom: Radius.circular(12),
-                              ),
+                                Text(
+                                  'description'.i18n,
+                                  style: const TextStyle(
+                                    fontWeight: FontWeight.w500,
+                                    fontSize: 16.0,
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ],
+                        ),
+                        const SizedBox(
+                          height: 18.0,
+                        ),
+                        SplittedPanel(
+                          title: Text('options'.i18n),
+                          padding: EdgeInsets.zero,
+                          cardPadding: EdgeInsets.zero,
+                          isTransparent: true,
+                          isSeparated: true,
+                          children: [
+                            SplittedPanel(
+                              padding: EdgeInsets.zero,
+                              cardPadding: const EdgeInsets.all(4.0),
+                              children: [
+                                PanelButton(
+                                  padding: const EdgeInsets.only(
+                                      left: 14.0, right: 6.0),
+                                  onPressed: () async {
+                                    settingsProvider.update(
+                                        calSyncShowExams:
+                                            !settingsProvider.calSyncShowExams);
+
+                                    setState(() {});
+                                  },
+                                  title: Text(
+                                    "show_exams".i18n,
+                                    style: TextStyle(
+                                      color: AppColors.of(context)
+                                          .text
+                                          .withOpacity(
+                                              settingsProvider.calSyncShowExams
+                                                  ? .95
+                                                  : .25),
+                                    ),
+                                  ),
+                                  trailing: Switch(
+                                    onChanged: (v) async {
+                                      settingsProvider.update(
+                                          calSyncShowExams: v);
+
+                                      setState(() {});
+                                    },
+                                    value: settingsProvider.calSyncShowExams,
+                                    activeColor:
+                                        Theme.of(context).colorScheme.secondary,
+                                  ),
+                                  borderRadius: const BorderRadius.vertical(
+                                    top: Radius.circular(12.0),
+                                    bottom: Radius.circular(12.0),
+                                  ),
+                                ),
+                              ],
+                            ),
+                            SplittedPanel(
+                              padding: EdgeInsets.zero,
+                              cardPadding: const EdgeInsets.all(4.0),
+                              children: [
+                                PanelButton(
+                                  padding: const EdgeInsets.only(
+                                      left: 14.0, right: 6.0),
+                                  onPressed: () async {
+                                    settingsProvider.update(
+                                        calSyncShowTeacher: !settingsProvider
+                                            .calSyncShowTeacher);
+
+                                    setState(() {});
+                                  },
+                                  title: Text(
+                                    "show_teacher".i18n,
+                                    style: TextStyle(
+                                      color: AppColors.of(context)
+                                          .text
+                                          .withOpacity(settingsProvider
+                                                  .calSyncShowTeacher
+                                              ? .95
+                                              : .25),
+                                    ),
+                                  ),
+                                  trailing: Switch(
+                                    onChanged: (v) async {
+                                      settingsProvider.update(
+                                          calSyncShowTeacher: v);
+
+                                      setState(() {});
+                                    },
+                                    value: settingsProvider.calSyncShowTeacher,
+                                    activeColor:
+                                        Theme.of(context).colorScheme.secondary,
+                                  ),
+                                  borderRadius: const BorderRadius.vertical(
+                                    top: Radius.circular(12.0),
+                                    bottom: Radius.circular(12.0),
+                                  ),
+                                ),
+                              ],
+                            ),
+                            SplittedPanel(
+                              padding: EdgeInsets.zero,
+                              cardPadding: const EdgeInsets.all(4.0),
+                              children: [
+                                PanelButton(
+                                  padding: const EdgeInsets.only(
+                                      left: 14.0, right: 6.0),
+                                  onPressed: () async {
+                                    settingsProvider.update(
+                                        calSyncRenamed:
+                                            !settingsProvider.calSyncRenamed);
+
+                                    setState(() {});
+                                  },
+                                  title: Text(
+                                    "show_renamed".i18n,
+                                    style: TextStyle(
+                                      color: AppColors.of(context)
+                                          .text
+                                          .withOpacity(
+                                              settingsProvider.calSyncRenamed
+                                                  ? .95
+                                                  : .25),
+                                    ),
+                                  ),
+                                  trailing: Switch(
+                                    onChanged: (v) async {
+                                      settingsProvider.update(
+                                          calSyncRenamed: v);
+
+                                      setState(() {});
+                                    },
+                                    value: settingsProvider.calSyncRenamed,
+                                    activeColor:
+                                        Theme.of(context).colorScheme.secondary,
+                                  ),
+                                  borderRadius: const BorderRadius.vertical(
+                                    top: Radius.circular(12.0),
+                                    bottom: Radius.circular(12.0),
+                                  ),
+                                ),
+                              ],
                             ),
                           ],
                         ),
@@ -366,4 +517,86 @@ class CalendarSyncScreenState extends State<CalendarSyncScreen>
       ),
     );
   }
+
+  List<Widget> getCalendarList() {
+    // List<Widget> widgets = thirdPartyProvider.googleCalendars
+    //     .map(
+    //       (e) => Container(
+    //         margin: const EdgeInsets.only(bottom: 3.0),
+    //         decoration: BoxDecoration(
+    //           border: Border.all(
+    //             color: Theme.of(context).colorScheme.primary.withOpacity(.25),
+    //             width: 1.0,
+    //           ),
+    //           borderRadius: BorderRadius.circular(12.0),
+    //         ),
+    //         child: PanelButton(
+    //           onPressed: () async {
+    //             print((e.backgroundColor ?? '#000000').replaceAll('#', '0x'));
+    //             setState(() {});
+    //           },
+    //           title: Text(
+    //             e.summary ?? 'no_title'.i18n,
+    //             style: TextStyle(
+    //               color: AppColors.of(context).text.withOpacity(.95),
+    //             ),
+    //           ),
+    //           leading: Dot(
+    //             color: colorFromHex(
+    //                   e.backgroundColor ?? '#000',
+    //                 ) ??
+    //                 Colors.black,
+    //           ),
+    //           borderRadius: const BorderRadius.vertical(
+    //             top: Radius.circular(12),
+    //             bottom: Radius.circular(12),
+    //           ),
+    //         ),
+    //       ),
+    //     )
+    //     .toList();
+
+    List<Widget> widgets = [];
+
+    widgets.add(
+      Container(
+        margin: const EdgeInsets.only(bottom: 3.0),
+        decoration: BoxDecoration(
+          // border: Border.all(
+          //   color: Theme.of(context).colorScheme.primary.withOpacity(.25),
+          //   width: 1.0,
+          // ),
+          color: AppColors.of(context).highlight,
+          borderRadius: BorderRadius.circular(16.0),
+        ),
+        child: PanelButton(
+          onPressed: null,
+          // onPressed: () async {
+          //   // thirdPartyProvider.pushTimetable(context, timetable);
+          //   setState(() {});
+          // },
+          title: Text(
+            'reFilc - Órarend',
+            style: TextStyle(
+              color: AppColors.of(context).text.withOpacity(.95),
+            ),
+          ),
+          // leading: Icon(
+          //   FeatherIcons.plus,
+          //   size: 20.0,
+          //   color: AppColors.of(context).text.withOpacity(0.75),
+          // ),
+          leading: Dot(
+            color: Theme.of(context).colorScheme.primary,
+          ),
+          borderRadius: const BorderRadius.vertical(
+            top: Radius.circular(12),
+            bottom: Radius.circular(12),
+          ),
+        ),
+      ),
+    );
+
+    return widgets;
+  }
 }
diff --git a/refilc_mobile_ui/pubspec.yaml b/refilc_mobile_ui/pubspec.yaml
index 1ff876d..b630c65 100644
--- a/refilc_mobile_ui/pubspec.yaml
+++ b/refilc_mobile_ui/pubspec.yaml
@@ -66,6 +66,7 @@ dependencies:
   google_fonts: ^6.1.0
   flutter_stripe: ^10.0.0
   flutter_any_logo: ^1.1.1
+  custom_sliding_segmented_control: ^1.8.1
   
 dev_dependencies:
   flutter_lints: ^3.0.1