mirror of
https://github.com/immich-app/immich.git
synced 2024-11-18 03:19:01 -07:00
33b1410d82
* properly done background backup service * new concurrency/locking management with heartbeat fix communication erros with Kotlin plugin on start/stop service methods better error handling for BackgroundService public methods Add default notification message when service is running * configurable WiFi & charging requirement for service * use translations in background service
296 lines
9.8 KiB
Dart
296 lines
9.8 KiB
Dart
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:fluttertoast/fluttertoast.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:immich_mobile/constants/immich_colors.dart';
|
|
import 'package:immich_mobile/modules/backup/providers/backup.provider.dart';
|
|
import 'package:immich_mobile/modules/backup/ui/album_info_card.dart';
|
|
import 'package:immich_mobile/shared/ui/immich_loading_indicator.dart';
|
|
import 'package:immich_mobile/shared/ui/immich_toast.dart';
|
|
|
|
class BackupAlbumSelectionPage extends HookConsumerWidget {
|
|
const BackupAlbumSelectionPage({Key? key}) : super(key: key);
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final availableAlbums = ref.watch(backupProvider).availableAlbums;
|
|
final selectedBackupAlbums = ref.watch(backupProvider).selectedBackupAlbums;
|
|
final excludedBackupAlbums = ref.watch(backupProvider).excludedBackupAlbums;
|
|
final isDarkTheme = Theme.of(context).brightness == Brightness.dark;
|
|
|
|
useEffect(
|
|
() {
|
|
ref.read(backupProvider.notifier).getBackupInfo();
|
|
return null;
|
|
},
|
|
[],
|
|
);
|
|
|
|
_buildAlbumSelectionList() {
|
|
if (availableAlbums.isEmpty) {
|
|
return const Center(
|
|
child: ImmichLoadingIndicator(),
|
|
);
|
|
}
|
|
|
|
return SizedBox(
|
|
height: 265,
|
|
child: ListView.builder(
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: availableAlbums.length,
|
|
physics: const BouncingScrollPhysics(),
|
|
itemBuilder: ((context, index) {
|
|
var thumbnailData = availableAlbums[index].thumbnailData;
|
|
return Padding(
|
|
padding: index == 0
|
|
? const EdgeInsets.only(left: 16.00)
|
|
: const EdgeInsets.all(0),
|
|
child: AlbumInfoCard(
|
|
imageData: thumbnailData,
|
|
albumInfo: availableAlbums[index],
|
|
),
|
|
);
|
|
}),
|
|
),
|
|
);
|
|
}
|
|
|
|
_buildSelectedAlbumNameChip() {
|
|
return selectedBackupAlbums.map((album) {
|
|
void removeSelection() {
|
|
if (ref.watch(backupProvider).selectedBackupAlbums.length == 1) {
|
|
ImmichToast.show(
|
|
context: context,
|
|
msg: "backup_err_only_album".tr(),
|
|
toastType: ToastType.error,
|
|
gravity: ToastGravity.BOTTOM,
|
|
);
|
|
return;
|
|
}
|
|
|
|
ref.watch(backupProvider.notifier).removeAlbumForBackup(album);
|
|
}
|
|
|
|
return Padding(
|
|
padding: const EdgeInsets.only(right: 8.0),
|
|
child: GestureDetector(
|
|
onTap: removeSelection,
|
|
child: Chip(
|
|
visualDensity: VisualDensity.compact,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(5),
|
|
),
|
|
label: Text(
|
|
album.name,
|
|
style: TextStyle(
|
|
fontSize: 10,
|
|
color: Theme.of(context).brightness == Brightness.dark
|
|
? Colors.black
|
|
: Colors.white,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
backgroundColor: Theme.of(context).primaryColor,
|
|
deleteIconColor: isDarkTheme ? Colors.black : Colors.white,
|
|
deleteIcon: const Icon(
|
|
Icons.cancel_rounded,
|
|
size: 15,
|
|
),
|
|
onDeleted: removeSelection,
|
|
),
|
|
),
|
|
);
|
|
}).toSet();
|
|
}
|
|
|
|
_buildExcludedAlbumNameChip() {
|
|
return excludedBackupAlbums.map((album) {
|
|
void removeSelection() {
|
|
ref
|
|
.watch(backupProvider.notifier)
|
|
.removeExcludedAlbumForBackup(album);
|
|
}
|
|
|
|
return GestureDetector(
|
|
onTap: removeSelection,
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(right: 8.0),
|
|
child: Chip(
|
|
visualDensity: VisualDensity.compact,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(5),
|
|
),
|
|
label: Text(
|
|
album.name,
|
|
style: TextStyle(
|
|
fontSize: 10,
|
|
color: isDarkTheme ? Colors.black : immichBackgroundColor,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
backgroundColor: Colors.red[300],
|
|
deleteIconColor:
|
|
isDarkTheme ? Colors.black : immichBackgroundColor,
|
|
deleteIcon: const Icon(
|
|
Icons.cancel_rounded,
|
|
size: 15,
|
|
),
|
|
onDeleted: removeSelection,
|
|
),
|
|
),
|
|
);
|
|
}).toSet();
|
|
}
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
leading: IconButton(
|
|
onPressed: () => AutoRouter.of(context).pop(),
|
|
icon: const Icon(Icons.arrow_back_ios_rounded),
|
|
),
|
|
title: const Text(
|
|
"backup_album_selection_page_select_albums",
|
|
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
|
|
).tr(),
|
|
elevation: 0,
|
|
),
|
|
body: ListView(
|
|
physics: const ClampingScrollPhysics(),
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
vertical: 8.0,
|
|
horizontal: 16.0,
|
|
),
|
|
child: const Text(
|
|
"backup_album_selection_page_selection_info",
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 14,
|
|
),
|
|
).tr(),
|
|
),
|
|
// Selected Album Chips
|
|
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16.0),
|
|
child: Wrap(
|
|
children: [
|
|
..._buildSelectedAlbumNameChip(),
|
|
..._buildExcludedAlbumNameChip()
|
|
],
|
|
),
|
|
),
|
|
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8),
|
|
child: Card(
|
|
margin: const EdgeInsets.all(0),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(5),
|
|
side: BorderSide(
|
|
color: isDarkTheme
|
|
? const Color.fromARGB(255, 0, 0, 0)
|
|
: const Color.fromARGB(255, 235, 235, 235),
|
|
width: 1,
|
|
),
|
|
),
|
|
elevation: 0,
|
|
borderOnForeground: false,
|
|
child: Column(
|
|
children: [
|
|
ListTile(
|
|
visualDensity: VisualDensity.compact,
|
|
title: const Text(
|
|
"backup_album_selection_page_total_assets",
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 14,
|
|
),
|
|
).tr(),
|
|
trailing: Text(
|
|
ref
|
|
.watch(backupProvider)
|
|
.allUniqueAssets
|
|
.length
|
|
.toString(),
|
|
style: const TextStyle(fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
|
|
ListTile(
|
|
title: Text(
|
|
"backup_album_selection_page_albums_device"
|
|
.tr(args: [availableAlbums.length.toString()]),
|
|
style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 14),
|
|
),
|
|
subtitle: Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 8.0),
|
|
child: Text(
|
|
"backup_album_selection_page_albums_tap",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: Theme.of(context).primaryColor,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
).tr(),
|
|
),
|
|
trailing: IconButton(
|
|
splashRadius: 16,
|
|
icon: Icon(
|
|
Icons.info,
|
|
size: 20,
|
|
color: Theme.of(context).primaryColor,
|
|
),
|
|
onPressed: () {
|
|
// show the dialog
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return AlertDialog(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
elevation: 5,
|
|
title: Text(
|
|
'backup_album_selection_page_selection_info',
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.bold,
|
|
color: Theme.of(context).primaryColor,
|
|
),
|
|
).tr(),
|
|
content: SingleChildScrollView(
|
|
child: ListBody(
|
|
children: [
|
|
const Text(
|
|
'backup_album_selection_page_assets_scatter',
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
),
|
|
).tr(),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 16.0),
|
|
child: _buildAlbumSelectionList(),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|