660 lines
28 KiB
Dart
660 lines
28 KiB
Dart
// ignore_for_file: use_build_context_synchronously
|
|
|
|
import 'dart:io';
|
|
|
|
import 'package:refilc/api/providers/user_provider.dart';
|
|
import 'package:refilc/models/linked_account.dart';
|
|
import 'package:refilc/models/settings.dart';
|
|
import 'package:refilc/providers/third_party_provider.dart';
|
|
import 'package:refilc/theme/colors/colors.dart';
|
|
import 'package:refilc_kreta_api/providers/share_provider.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:refilc_plus/models/premium_scopes.dart';
|
|
import 'package:refilc_plus/providers/plus_provider.dart';
|
|
import 'package:refilc_plus/ui/mobile/plus/upsell.dart';
|
|
|
|
class MenuCalendarSync extends StatelessWidget {
|
|
const MenuCalendarSync({
|
|
super.key,
|
|
this.borderRadius = const BorderRadius.vertical(
|
|
top: Radius.circular(4.0), bottom: Radius.circular(4.0)),
|
|
});
|
|
|
|
final BorderRadius borderRadius;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return PanelButton(
|
|
onPressed: () async {
|
|
// if (!Provider.of<PlusProvider>(context, listen: false)
|
|
// .hasScope(PremiumScopes.calendarSync)) {
|
|
// return PlusLockedFeaturePopup.show(
|
|
// context: context, feature: PremiumFeature.calendarSync);
|
|
// }
|
|
|
|
// Navigator.of(context, rootNavigator: true).push(CupertinoPageRoute(
|
|
// builder: (context) => const CalendarSyncScreen()));
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text("Figyelem!"),
|
|
content: const Text(
|
|
"A naptár szinkronizálás csak azután fog működni, hogy a Google elfogadja az OAuth kérelmünket, addig is szíves türelmeteket kérjük! Amint ez megtörténik, értesíteni fogunk titeket Discord-on, valamint alkalmazáson belüli hírekben is."),
|
|
actions: [
|
|
TextButton(
|
|
child: const Text(
|
|
"Vissza",
|
|
style: TextStyle(fontWeight: FontWeight.w500),
|
|
),
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
),
|
|
TextButton(
|
|
child: const Text(
|
|
"Tovább",
|
|
style: TextStyle(fontWeight: FontWeight.w500),
|
|
),
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
|
|
if (!Provider.of<PlusProvider>(context, listen: false)
|
|
.hasScope(PremiumScopes.calendarSync)) {
|
|
return PlusLockedFeaturePopup.show(
|
|
context: context, feature: PremiumFeature.calendarSync);
|
|
}
|
|
|
|
Navigator.of(context, rootNavigator: true).push(
|
|
CupertinoPageRoute(
|
|
builder: (context) => const CalendarSyncScreen()));
|
|
},
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
title: Text(
|
|
"calendar_sync".i18n,
|
|
style: TextStyle(
|
|
color: AppColors.of(context).text.withOpacity(.95),
|
|
),
|
|
),
|
|
leading: Icon(
|
|
FeatherIcons.calendar,
|
|
size: 22.0,
|
|
color: AppColors.of(context).text.withOpacity(.95),
|
|
),
|
|
trailing: Icon(
|
|
FeatherIcons.chevronRight,
|
|
size: 22.0,
|
|
color: AppColors.of(context).text.withOpacity(0.95),
|
|
),
|
|
borderRadius: borderRadius,
|
|
);
|
|
}
|
|
}
|
|
|
|
class CalendarSyncScreen extends StatefulWidget {
|
|
const CalendarSyncScreen({super.key});
|
|
|
|
@override
|
|
CalendarSyncScreenState createState() => CalendarSyncScreenState();
|
|
}
|
|
|
|
class CalendarSyncScreenState extends State<CalendarSyncScreen>
|
|
with SingleTickerProviderStateMixin {
|
|
late SettingsProvider settingsProvider;
|
|
late UserProvider user;
|
|
late ShareProvider shareProvider;
|
|
late ThirdPartyProvider thirdPartyProvider;
|
|
|
|
late AnimationController _hideContainersController;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
shareProvider = Provider.of<ShareProvider>(context, listen: false);
|
|
|
|
_hideContainersController = AnimationController(
|
|
vsync: this, duration: const Duration(milliseconds: 200));
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
settingsProvider = Provider.of<SettingsProvider>(context);
|
|
user = Provider.of<UserProvider>(context);
|
|
thirdPartyProvider = Provider.of<ThirdPartyProvider>(context);
|
|
|
|
return AnimatedBuilder(
|
|
animation: _hideContainersController,
|
|
builder: (context, child) => Opacity(
|
|
opacity: 1 - _hideContainersController.value,
|
|
child: Scaffold(
|
|
appBar: AppBar(
|
|
surfaceTintColor: Theme.of(context).scaffoldBackgroundColor,
|
|
leading: BackButton(color: AppColors.of(context).text),
|
|
title: Text(
|
|
"calendar_sync".i18n,
|
|
style: TextStyle(color: AppColors.of(context).text),
|
|
),
|
|
),
|
|
body: SingleChildScrollView(
|
|
child: Padding(
|
|
padding:
|
|
const EdgeInsets.symmetric(vertical: 16.0, horizontal: 24.0),
|
|
child: Column(
|
|
children: [
|
|
// banner
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 10),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(12.0),
|
|
image: const DecorationImage(
|
|
image: AssetImage(
|
|
'assets/images/banner_texture.png',
|
|
),
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 20,
|
|
vertical: 40,
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
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,
|
|
child: const Icon(
|
|
Icons.calendar_month,
|
|
color: Colors.black,
|
|
size: 38.0,
|
|
),
|
|
),
|
|
const SizedBox(width: 10),
|
|
Icon(
|
|
Icons.sync_alt_outlined,
|
|
color: Colors.black.withOpacity(
|
|
thirdPartyProvider.linkedAccounts.isEmpty
|
|
? 0.2
|
|
: 0.5),
|
|
size: 20.0,
|
|
),
|
|
const SizedBox(width: 10),
|
|
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,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
const SizedBox(
|
|
height: 18.0,
|
|
),
|
|
// choose account if not logged in
|
|
if (thirdPartyProvider.linkedAccounts.isEmpty)
|
|
Column(
|
|
children: [
|
|
if (Platform.isAndroid)
|
|
SplittedPanel(
|
|
title: Text('choose_account'.i18n),
|
|
padding: EdgeInsets.zero,
|
|
cardPadding: const EdgeInsets.all(4.0),
|
|
isSeparated: true,
|
|
children: [
|
|
PanelButton(
|
|
onPressed: () async {
|
|
await Provider.of<ThirdPartyProvider>(context,
|
|
listen: false)
|
|
.googleSignIn();
|
|
|
|
setState(() {});
|
|
},
|
|
title: Text(
|
|
'Google',
|
|
style: TextStyle(
|
|
color: AppColors.of(context)
|
|
.text
|
|
.withOpacity(.95),
|
|
),
|
|
),
|
|
leading: Image.asset(
|
|
'assets/images/ext_logo/google.png',
|
|
width: 24.0,
|
|
height: 24.0,
|
|
),
|
|
borderRadius: const BorderRadius.vertical(
|
|
top: Radius.circular(12),
|
|
bottom: Radius.circular(12),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
// const SizedBox(
|
|
// height: 9.0,
|
|
// ),
|
|
if (Platform.isIOS)
|
|
SplittedPanel(
|
|
padding: EdgeInsets.zero,
|
|
cardPadding: const EdgeInsets.all(4.0),
|
|
isSeparated: true,
|
|
children: [
|
|
PanelButton(
|
|
onPressed: null,
|
|
title: Text(
|
|
'Apple',
|
|
style: TextStyle(
|
|
color: AppColors.of(context)
|
|
.text
|
|
.withOpacity(.55),
|
|
decoration: TextDecoration.lineThrough,
|
|
),
|
|
),
|
|
leading: Image.asset(
|
|
'assets/images/ext_logo/apple.png',
|
|
width: 24.0,
|
|
height: 24.0,
|
|
),
|
|
trailing: Text(
|
|
'soon'.i18n,
|
|
style: const TextStyle(
|
|
fontStyle: FontStyle.italic,
|
|
fontSize: 14.0),
|
|
),
|
|
borderRadius: const BorderRadius.vertical(
|
|
top: Radius.circular(12),
|
|
bottom: Radius.circular(12),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(
|
|
height: 10.0,
|
|
),
|
|
const Text(
|
|
"A naptár szinkronizálás csak azután fog működni, hogy a Google elfogadja az OAuth kérelmünket, addig is szíves türelmeteket kérjük! Amint ez megtörténik, értesíteni fogunk titeket Discord-on, valamint alkalmazáson belüli hírekben is."),
|
|
],
|
|
),
|
|
|
|
// show options if logged in
|
|
if (thirdPartyProvider.linkedAccounts.isNotEmpty)
|
|
Column(
|
|
children: [
|
|
SplittedPanel(
|
|
title: Text('your_account'.i18n),
|
|
padding: EdgeInsets.zero,
|
|
cardPadding: const EdgeInsets.all(4.0),
|
|
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(() {});
|
|
},
|
|
title: Text(
|
|
'change_account'.i18n,
|
|
style: TextStyle(
|
|
color: AppColors.of(context)
|
|
.text
|
|
.withOpacity(.95),
|
|
),
|
|
),
|
|
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),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(
|
|
height: 18.0,
|
|
),
|
|
SplittedPanel(
|
|
title: Text('choose_calendar'.i18n),
|
|
padding: EdgeInsets.zero,
|
|
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: [
|
|
CustomSegmentedControl(
|
|
onChanged: (v) {
|
|
settingsProvider.update(
|
|
calSyncRoomLocation:
|
|
v == 0 ? 'location' : 'description');
|
|
},
|
|
value: settingsProvider.calSyncRoomLocation ==
|
|
'location'
|
|
? 0
|
|
: 1,
|
|
height: 45,
|
|
children: [
|
|
Text(
|
|
'location'.i18n,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
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),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
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;
|
|
}
|
|
}
|