forked from Cutlery/immich
		
	* refactor: autoroutex pushroute * refactor: autoroutex popRoute * refactor: autoroutex navigate and replace * chore: add doc comments for extension methods * refactor: Add LoggerMixin and refactor Album activities to use mixin * refactor: Activity page * chore: activity user from user constructor * fix: update current asset after build method * refactor: tests with similar structure as lib * chore: remove avoid-declaring-call-method rule from dcm analysis * test: fix proper expect order * test: activity_statistics_provider_test * test: activity_provider_test * test: use proper matchers * test: activity_text_field_test & dismissible_activity_test added * test: add http mock to return transparent image * test: download isar core libs during test * test: add widget tags to widget test cases * test: activity_tile_test * build: currentAlbumProvider to generator * movie add / remove like to activity input tile * test: activities_page_test.dart * chore: better error logs * chore: dismissibleactivity as statelesswidget --------- Co-authored-by: shalong-tanwen <139912620+shalong-tanwen@users.noreply.github.com>
		
			
				
	
	
		
			305 lines
		
	
	
		
			11 KiB
		
	
	
	
		
			Dart
		
	
	
	
	
	
			
		
		
	
	
			305 lines
		
	
	
		
			11 KiB
		
	
	
	
		
			Dart
		
	
	
	
	
	
| import 'dart:io';
 | |
| import 'dart:math';
 | |
| 
 | |
| import 'package:auto_route/auto_route.dart';
 | |
| import 'package:easy_localization/easy_localization.dart';
 | |
| import 'package:flutter/material.dart';
 | |
| import 'package:flutter_hooks/flutter_hooks.dart';
 | |
| import 'package:hooks_riverpod/hooks_riverpod.dart';
 | |
| import 'package:immich_mobile/extensions/build_context_extensions.dart';
 | |
| import 'package:immich_mobile/modules/album/providers/album.provider.dart';
 | |
| import 'package:immich_mobile/modules/backup/providers/error_backup_list.provider.dart';
 | |
| import 'package:immich_mobile/modules/backup/providers/ios_background_settings.provider.dart';
 | |
| import 'package:immich_mobile/modules/backup/providers/manual_upload.provider.dart';
 | |
| import 'package:immich_mobile/modules/backup/ui/current_backup_asset_info_box.dart';
 | |
| import 'package:immich_mobile/modules/backup/models/backup_state.model.dart';
 | |
| import 'package:immich_mobile/modules/backup/providers/backup.provider.dart';
 | |
| import 'package:immich_mobile/routing/router.dart';
 | |
| import 'package:immich_mobile/shared/providers/websocket.provider.dart';
 | |
| import 'package:immich_mobile/modules/backup/ui/backup_info_card.dart';
 | |
| 
 | |
| class BackupControllerPage extends HookConsumerWidget {
 | |
|   const BackupControllerPage({Key? key}) : super(key: key);
 | |
| 
 | |
|   @override
 | |
|   Widget build(BuildContext context, WidgetRef ref) {
 | |
|     BackUpState backupState = ref.watch(backupProvider);
 | |
|     final hasAnyAlbum = backupState.selectedBackupAlbums.isNotEmpty;
 | |
| 
 | |
|     bool hasExclusiveAccess =
 | |
|         backupState.backupProgress != BackUpProgressEnum.inBackground;
 | |
|     bool shouldBackup = backupState.allUniqueAssets.length -
 | |
|                     backupState.selectedAlbumsBackupAssetsIds.length ==
 | |
|                 0 ||
 | |
|             !hasExclusiveAccess
 | |
|         ? false
 | |
|         : true;
 | |
| 
 | |
|     useEffect(
 | |
|       () {
 | |
|         if (backupState.backupProgress != BackUpProgressEnum.inProgress &&
 | |
|             backupState.backupProgress != BackUpProgressEnum.manualInProgress) {
 | |
|           ref.watch(backupProvider.notifier).getBackupInfo();
 | |
|         }
 | |
| 
 | |
|         // Update the background settings information just to make sure we
 | |
|         // have the latest, since the platform channel will not update
 | |
|         // automatically
 | |
|         if (Platform.isIOS) {
 | |
|           ref.watch(iOSBackgroundSettingsProvider.notifier).refresh();
 | |
|         }
 | |
| 
 | |
|         ref
 | |
|             .watch(websocketProvider.notifier)
 | |
|             .stopListenToEvent('on_upload_success');
 | |
|         return null;
 | |
|       },
 | |
|       [],
 | |
|     );
 | |
| 
 | |
|     Widget buildSelectedAlbumName() {
 | |
|       var text = "backup_controller_page_backup_selected".tr();
 | |
|       var albums = ref.watch(backupProvider).selectedBackupAlbums;
 | |
| 
 | |
|       if (albums.isNotEmpty) {
 | |
|         for (var album in albums) {
 | |
|           if (album.name == "Recent" || album.name == "Recents") {
 | |
|             text += "${album.name} (${'backup_all'.tr()}), ";
 | |
|           } else {
 | |
|             text += "${album.name}, ";
 | |
|           }
 | |
|         }
 | |
| 
 | |
|         return Padding(
 | |
|           padding: const EdgeInsets.only(top: 8.0),
 | |
|           child: Text(
 | |
|             text.trim().substring(0, text.length - 2),
 | |
|             style: context.textTheme.labelLarge?.copyWith(
 | |
|               color: context.primaryColor,
 | |
|             ),
 | |
|           ),
 | |
|         );
 | |
|       } else {
 | |
|         return Padding(
 | |
|           padding: const EdgeInsets.only(top: 8.0),
 | |
|           child: Text(
 | |
|             "backup_controller_page_none_selected".tr(),
 | |
|             style: context.textTheme.labelLarge?.copyWith(
 | |
|               color: context.primaryColor,
 | |
|             ),
 | |
|           ),
 | |
|         );
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     Widget buildExcludedAlbumName() {
 | |
|       var text = "backup_controller_page_excluded".tr();
 | |
|       var albums = ref.watch(backupProvider).excludedBackupAlbums;
 | |
| 
 | |
|       if (albums.isNotEmpty) {
 | |
|         for (var album in albums) {
 | |
|           text += "${album.name}, ";
 | |
|         }
 | |
| 
 | |
|         return Padding(
 | |
|           padding: const EdgeInsets.only(top: 8.0),
 | |
|           child: Text(
 | |
|             text.trim().substring(0, text.length - 2),
 | |
|             style: context.textTheme.labelLarge?.copyWith(
 | |
|               color: Colors.red[300],
 | |
|             ),
 | |
|           ),
 | |
|         );
 | |
|       } else {
 | |
|         return const SizedBox();
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     buildFolderSelectionTile() {
 | |
|       return Padding(
 | |
|         padding: const EdgeInsets.only(top: 8.0),
 | |
|         child: Card(
 | |
|           shape: RoundedRectangleBorder(
 | |
|             borderRadius: BorderRadius.circular(20),
 | |
|             side: BorderSide(
 | |
|               color: context.isDarkTheme
 | |
|                   ? const Color.fromARGB(255, 56, 56, 56)
 | |
|                   : Colors.black12,
 | |
|               width: 1,
 | |
|             ),
 | |
|           ),
 | |
|           elevation: 0,
 | |
|           borderOnForeground: false,
 | |
|           child: ListTile(
 | |
|             minVerticalPadding: 18,
 | |
|             title: Text(
 | |
|               "backup_controller_page_albums",
 | |
|               style: context.textTheme.titleMedium,
 | |
|             ).tr(),
 | |
|             subtitle: Padding(
 | |
|               padding: const EdgeInsets.only(top: 8.0),
 | |
|               child: Column(
 | |
|                 crossAxisAlignment: CrossAxisAlignment.start,
 | |
|                 children: [
 | |
|                   Text(
 | |
|                     "backup_controller_page_to_backup",
 | |
|                     style: context.textTheme.bodyMedium,
 | |
|                   ).tr(),
 | |
|                   buildSelectedAlbumName(),
 | |
|                   buildExcludedAlbumName(),
 | |
|                 ],
 | |
|               ),
 | |
|             ),
 | |
|             trailing: ElevatedButton(
 | |
|               onPressed: () async {
 | |
|                 await context.pushRoute(const BackupAlbumSelectionRoute());
 | |
|                 // waited until returning from selection
 | |
|                 await ref
 | |
|                     .read(backupProvider.notifier)
 | |
|                     .backupAlbumSelectionDone();
 | |
|                 // waited until backup albums are stored in DB
 | |
|                 ref.read(albumProvider.notifier).getDeviceAlbums();
 | |
|               },
 | |
|               child: const Text(
 | |
|                 "backup_controller_page_select",
 | |
|                 style: TextStyle(
 | |
|                   fontWeight: FontWeight.bold,
 | |
|                 ),
 | |
|               ).tr(),
 | |
|             ),
 | |
|           ),
 | |
|         ),
 | |
|       );
 | |
|     }
 | |
| 
 | |
|     void startBackup() {
 | |
|       ref.watch(errorBackupListProvider.notifier).empty();
 | |
|       if (ref.watch(backupProvider).backupProgress !=
 | |
|           BackUpProgressEnum.inBackground) {
 | |
|         ref.watch(backupProvider.notifier).startBackupProcess();
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     Widget buildBackupButton() {
 | |
|       return Padding(
 | |
|         padding: const EdgeInsets.only(
 | |
|           top: 24,
 | |
|         ),
 | |
|         child: Container(
 | |
|           child: backupState.backupProgress == BackUpProgressEnum.inProgress ||
 | |
|                   backupState.backupProgress ==
 | |
|                       BackUpProgressEnum.manualInProgress
 | |
|               ? ElevatedButton(
 | |
|                   style: ElevatedButton.styleFrom(
 | |
|                     foregroundColor: Colors.grey[50],
 | |
|                     backgroundColor: Colors.red[300],
 | |
|                     // padding: const EdgeInsets.all(14),
 | |
|                   ),
 | |
|                   onPressed: () {
 | |
|                     if (backupState.backupProgress ==
 | |
|                         BackUpProgressEnum.manualInProgress) {
 | |
|                       ref.read(manualUploadProvider.notifier).cancelBackup();
 | |
|                     } else {
 | |
|                       ref.read(backupProvider.notifier).cancelBackup();
 | |
|                     }
 | |
|                   },
 | |
|                   child: const Text(
 | |
|                     "backup_controller_page_cancel",
 | |
|                     style: TextStyle(
 | |
|                       fontSize: 14,
 | |
|                       fontWeight: FontWeight.bold,
 | |
|                     ),
 | |
|                   ).tr(),
 | |
|                 )
 | |
|               : ElevatedButton(
 | |
|                   onPressed: shouldBackup ? startBackup : null,
 | |
|                   child: const Text(
 | |
|                     "backup_controller_page_start_backup",
 | |
|                     style: TextStyle(
 | |
|                       fontSize: 16,
 | |
|                       fontWeight: FontWeight.bold,
 | |
|                     ),
 | |
|                   ).tr(),
 | |
|                 ),
 | |
|         ),
 | |
|       );
 | |
|     }
 | |
| 
 | |
|     buildBackgroundBackupInfo() {
 | |
|       return const ListTile(
 | |
|         leading: Icon(Icons.info_outline_rounded),
 | |
|         title: Text(
 | |
|           "Background backup is currently running, cannot start manual backup",
 | |
|         ),
 | |
|       );
 | |
|     }
 | |
| 
 | |
|     return Scaffold(
 | |
|       appBar: AppBar(
 | |
|         elevation: 0,
 | |
|         title: const Text(
 | |
|           "backup_controller_page_backup",
 | |
|         ).tr(),
 | |
|         leading: IconButton(
 | |
|           onPressed: () {
 | |
|             ref.watch(websocketProvider.notifier).listenUploadEvent();
 | |
|             context.popRoute(true);
 | |
|           },
 | |
|           splashRadius: 24,
 | |
|           icon: const Icon(
 | |
|             Icons.arrow_back_ios_rounded,
 | |
|           ),
 | |
|         ),
 | |
|         actions: [
 | |
|           Padding(
 | |
|             padding: const EdgeInsets.only(right: 8.0),
 | |
|             child: IconButton(
 | |
|               onPressed: () => context.pushRoute(const BackupOptionsRoute()),
 | |
|               splashRadius: 24,
 | |
|               icon: const Icon(
 | |
|                 Icons.settings_outlined,
 | |
|               ),
 | |
|             ),
 | |
|           ),
 | |
|         ],
 | |
|       ),
 | |
|       body: Padding(
 | |
|         padding: const EdgeInsets.only(left: 16.0, right: 16, bottom: 32),
 | |
|         child: ListView(
 | |
|           // crossAxisAlignment: CrossAxisAlignment.start,
 | |
|           children: hasAnyAlbum
 | |
|               ? [
 | |
|                   buildFolderSelectionTile(),
 | |
|                   BackupInfoCard(
 | |
|                     title: "backup_controller_page_total".tr(),
 | |
|                     subtitle: "backup_controller_page_total_sub".tr(),
 | |
|                     info: ref.watch(backupProvider).availableAlbums.isEmpty
 | |
|                         ? "..."
 | |
|                         : "${backupState.allUniqueAssets.length}",
 | |
|                   ),
 | |
|                   BackupInfoCard(
 | |
|                     title: "backup_controller_page_backup".tr(),
 | |
|                     subtitle: "backup_controller_page_backup_sub".tr(),
 | |
|                     info: ref.watch(backupProvider).availableAlbums.isEmpty
 | |
|                         ? "..."
 | |
|                         : "${backupState.selectedAlbumsBackupAssetsIds.length}",
 | |
|                   ),
 | |
|                   BackupInfoCard(
 | |
|                     title: "backup_controller_page_remainder".tr(),
 | |
|                     subtitle: "backup_controller_page_remainder_sub".tr(),
 | |
|                     info: ref.watch(backupProvider).availableAlbums.isEmpty
 | |
|                         ? "..."
 | |
|                         : "${max(0, backupState.allUniqueAssets.length - backupState.selectedAlbumsBackupAssetsIds.length)}",
 | |
|                   ),
 | |
|                   const Divider(),
 | |
|                   const CurrentUploadingAssetInfoBox(),
 | |
|                   if (!hasExclusiveAccess) buildBackgroundBackupInfo(),
 | |
|                   buildBackupButton(),
 | |
|                 ]
 | |
|               : [buildFolderSelectionTile()],
 | |
|         ),
 | |
|       ),
 | |
|     );
 | |
|   }
 | |
| }
 |