mirror of
https://github.com/immich-app/immich.git
synced 2024-12-24 10:37:28 +02:00
6243bce46c
* Bump to Flutter 3.13.0 * Updates permission status * Adds hidden to app livecycle state * Updates and switches to WakelockPlus * bump flutter version github action * mobile test version * fix format * video player * video uri * ios test * Update android target sdk requirement to PlayStore --------- Co-authored-by: Alex Tran <Alex.Tran@conductix.com> Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
203 lines
6.6 KiB
Dart
203 lines
6.6 KiB
Dart
import 'package:auto_route/auto_route.dart';
|
|
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:immich_mobile/modules/backup/providers/backup.provider.dart';
|
|
import 'package:immich_mobile/modules/login/providers/authentication.provider.dart';
|
|
import 'package:immich_mobile/modules/onboarding/providers/gallery_permission.provider.dart';
|
|
import 'package:immich_mobile/routing/router.dart';
|
|
import 'package:immich_mobile/shared/ui/immich_logo.dart';
|
|
import 'package:immich_mobile/shared/ui/immich_title_text.dart';
|
|
import 'package:permission_handler/permission_handler.dart';
|
|
|
|
class PermissionOnboardingPage extends HookConsumerWidget {
|
|
|
|
const PermissionOnboardingPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final PermissionStatus permission = ref.watch(galleryPermissionNotifier);
|
|
|
|
// Navigate to the main Tab Controller when permission is granted
|
|
void goToHome() {
|
|
// Resume backup (if enable) then navigate
|
|
ref.watch(backupProvider.notifier).resumeBackup()
|
|
.catchError((error) {
|
|
debugPrint('PermissionOnboardingPage error: $error');
|
|
});
|
|
AutoRouter.of(context).replace(
|
|
const TabControllerRoute(),
|
|
);
|
|
}
|
|
|
|
// When the permission is denied, we show a request permission page
|
|
buildRequestPermission() {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
'permission_onboarding_request',
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|
textAlign: TextAlign.center,
|
|
).tr(),
|
|
const SizedBox(height: 18),
|
|
ElevatedButton(
|
|
onPressed: () => ref
|
|
.read(galleryPermissionNotifier.notifier)
|
|
.requestGalleryPermission()
|
|
.then((permission) async {
|
|
if (permission.isGranted) {
|
|
// If permission is limited, we will show the limited
|
|
// permission page
|
|
goToHome();
|
|
}
|
|
}),
|
|
child: const Text(
|
|
'permission_onboarding_grant_permission',
|
|
).tr(),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
// When permission is granted from outside the app, this will show to
|
|
// let them continue on to the main timeline
|
|
buildPermissionGranted() {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
'permission_onboarding_permission_granted',
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|
textAlign: TextAlign.center,
|
|
).tr(),
|
|
const SizedBox(height: 18),
|
|
ElevatedButton(
|
|
onPressed: () => goToHome(),
|
|
child: const Text('permission_onboarding_get_started').tr(),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
// iOS 14+ has limited permission options, which let someone just share
|
|
// a few photos with the app. If someone only has limited permissions, we
|
|
// inform that Immich works best when given full permission
|
|
buildPermissionLimited() {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Icon(Icons.warning_outlined,
|
|
color: Colors.yellow,
|
|
size: 48,
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
'permission_onboarding_permission_limited',
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|
textAlign: TextAlign.center,
|
|
).tr(),
|
|
const SizedBox(height: 18),
|
|
ElevatedButton(
|
|
onPressed: () => openAppSettings(),
|
|
child: const Text(
|
|
'permission_onboarding_go_to_settings',
|
|
).tr(),
|
|
),
|
|
const SizedBox(height: 8.0),
|
|
TextButton(
|
|
onPressed: () => goToHome(),
|
|
child: const Text(
|
|
'permission_onboarding_continue_anyway',
|
|
).tr(),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
buildPermissionDenied() {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Icon(Icons.warning_outlined,
|
|
color: Colors.red,
|
|
size: 48,
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
'permission_onboarding_permission_denied',
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|
textAlign: TextAlign.center,
|
|
).tr(),
|
|
const SizedBox(height: 18),
|
|
ElevatedButton(
|
|
onPressed: () => openAppSettings(),
|
|
child: const Text(
|
|
'permission_onboarding_go_to_settings',
|
|
).tr(),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
final Widget child;
|
|
switch (permission) {
|
|
case PermissionStatus.limited:
|
|
child = buildPermissionLimited();
|
|
break;
|
|
case PermissionStatus.denied:
|
|
child = buildRequestPermission();
|
|
break;
|
|
case PermissionStatus.granted:
|
|
case PermissionStatus.provisional:
|
|
child = buildPermissionGranted();
|
|
break;
|
|
case PermissionStatus.restricted:
|
|
case PermissionStatus.permanentlyDenied:
|
|
child = buildPermissionDenied();
|
|
break;
|
|
}
|
|
|
|
return Scaffold(
|
|
body: SafeArea(
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: 380,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const ImmichLogo(
|
|
heroTag: 'logo',
|
|
),
|
|
const ImmichTitleText(),
|
|
AnimatedSwitcher(
|
|
duration: const Duration(milliseconds: 500),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(18.0),
|
|
child: child,
|
|
),
|
|
),
|
|
TextButton(
|
|
child: const Text('permission_onboarding_log_out').tr(),
|
|
onPressed: () {
|
|
ref.read(authenticationProvider.notifier).logout();
|
|
AutoRouter.of(context).replace(
|
|
const LoginRoute(),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|