2020-06-15 18:42:25 +00:00
|
|
|
import 'dart:async';
|
|
|
|
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:photos/core/event_bus.dart';
|
2020-11-16 16:35:16 +00:00
|
|
|
import 'package:photos/events/sync_status_update_event.dart';
|
2020-10-03 17:58:26 +00:00
|
|
|
import 'package:photos/services/sync_service.dart';
|
2022-06-12 16:29:19 +00:00
|
|
|
import 'package:photos/ui/header_error_widget.dart';
|
2020-06-15 18:42:25 +00:00
|
|
|
|
2022-06-13 07:16:11 +00:00
|
|
|
const double kContainerHeight = 36;
|
2022-06-12 16:10:38 +00:00
|
|
|
|
2022-06-12 14:50:00 +00:00
|
|
|
class StatusBarWidget extends StatefulWidget {
|
|
|
|
const StatusBarWidget({Key key}) : super(key: key);
|
2020-06-15 18:55:07 +00:00
|
|
|
|
2020-06-15 18:42:25 +00:00
|
|
|
@override
|
2022-06-12 16:10:38 +00:00
|
|
|
State<StatusBarWidget> createState() => _StatusBarWidgetState();
|
2020-06-15 18:42:25 +00:00
|
|
|
}
|
|
|
|
|
2022-06-12 14:50:00 +00:00
|
|
|
class _StatusBarWidgetState extends State<StatusBarWidget> {
|
2020-11-12 16:32:10 +00:00
|
|
|
StreamSubscription<SyncStatusUpdate> _subscription;
|
2022-06-12 16:10:38 +00:00
|
|
|
bool _showStatus = false;
|
|
|
|
|
|
|
|
@override
|
|
|
|
void initState() {
|
|
|
|
_subscription = Bus.instance.on<SyncStatusUpdate>().listen((event) {
|
2022-07-03 07:47:15 +00:00
|
|
|
if (event.status == SyncStatus.completedFirstGalleryImport ||
|
|
|
|
event.status == SyncStatus.completedBackup) {
|
2022-07-04 06:02:17 +00:00
|
|
|
Future.delayed(const Duration(milliseconds: 2000), () {
|
2022-06-12 16:10:38 +00:00
|
|
|
if (mounted) {
|
|
|
|
setState(() {
|
|
|
|
_showStatus = false;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
setState(() {
|
|
|
|
_showStatus = true;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
super.initState();
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
void dispose() {
|
|
|
|
_subscription.cancel();
|
|
|
|
super.dispose();
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2022-06-13 07:16:11 +00:00
|
|
|
return Padding(
|
|
|
|
padding: const EdgeInsets.only(bottom: 0),
|
|
|
|
child: Column(
|
|
|
|
children: [
|
|
|
|
Stack(
|
|
|
|
children: [
|
|
|
|
AnimatedOpacity(
|
|
|
|
opacity: _showStatus ? 0 : 1,
|
2022-07-04 06:02:17 +00:00
|
|
|
duration: const Duration(milliseconds: 1000),
|
|
|
|
child: const StatusBarBrandingWidget(),
|
2022-06-13 07:16:11 +00:00
|
|
|
),
|
|
|
|
AnimatedOpacity(
|
|
|
|
opacity: _showStatus ? 1 : 0,
|
2022-07-04 06:02:17 +00:00
|
|
|
duration: const Duration(milliseconds: 1000),
|
|
|
|
child: const SyncStatusWidget(),
|
2022-06-13 07:16:11 +00:00
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
AnimatedOpacity(
|
|
|
|
opacity: _showStatus ? 1 : 0,
|
2022-07-04 06:02:17 +00:00
|
|
|
duration: const Duration(milliseconds: 1000),
|
|
|
|
child: const Divider(),
|
2022-06-13 07:16:11 +00:00
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
2022-06-12 16:10:38 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class SyncStatusWidget extends StatefulWidget {
|
|
|
|
const SyncStatusWidget({Key key}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
2022-07-03 09:45:00 +00:00
|
|
|
State<SyncStatusWidget> createState() => _SyncStatusWidgetState();
|
2022-06-12 16:10:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
class _SyncStatusWidgetState extends State<SyncStatusWidget> {
|
|
|
|
static const Duration kSleepDuration = Duration(milliseconds: 3000);
|
2020-06-15 18:42:25 +00:00
|
|
|
|
2022-06-12 16:10:38 +00:00
|
|
|
SyncStatusUpdate _event;
|
|
|
|
StreamSubscription<SyncStatusUpdate> _subscription;
|
|
|
|
|
2020-06-15 18:42:25 +00:00
|
|
|
@override
|
|
|
|
void initState() {
|
2020-11-12 16:32:10 +00:00
|
|
|
_subscription = Bus.instance.on<SyncStatusUpdate>().listen((event) {
|
2020-06-15 18:42:25 +00:00
|
|
|
setState(() {
|
|
|
|
_event = event;
|
|
|
|
});
|
|
|
|
});
|
2020-11-16 16:35:16 +00:00
|
|
|
_event = SyncService.instance.getLastSyncStatusEvent();
|
2020-06-15 18:42:25 +00:00
|
|
|
super.initState();
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
void dispose() {
|
|
|
|
_subscription.cancel();
|
|
|
|
super.dispose();
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2021-04-27 21:43:51 +00:00
|
|
|
bool isNotOutdatedEvent = _event != null &&
|
2022-07-03 07:47:15 +00:00
|
|
|
(_event.status == SyncStatus.completedBackup ||
|
|
|
|
_event.status == SyncStatus.completedFirstGalleryImport) &&
|
2022-07-03 09:45:00 +00:00
|
|
|
(DateTime.now().microsecondsSinceEpoch - _event.timestamp >
|
|
|
|
kSleepDuration.inMicroseconds);
|
2021-04-27 21:43:51 +00:00
|
|
|
if (_event == null || isNotOutdatedEvent) {
|
2021-04-05 12:46:26 +00:00
|
|
|
return Container();
|
|
|
|
}
|
|
|
|
if (_event.status == SyncStatus.error) {
|
2022-06-12 14:38:07 +00:00
|
|
|
return HeaderErrorWidget(error: _event.error);
|
2021-04-05 12:46:26 +00:00
|
|
|
}
|
2022-07-03 07:47:15 +00:00
|
|
|
if (_event.status == SyncStatus.completedBackup) {
|
2022-07-04 06:02:17 +00:00
|
|
|
return const SyncStatusCompletedWidget();
|
2021-04-05 12:46:26 +00:00
|
|
|
}
|
2022-06-12 16:28:50 +00:00
|
|
|
return RefreshIndicatorWidget(_event);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class RefreshIndicatorWidget extends StatelessWidget {
|
|
|
|
static const _inProgressIcon = CircularProgressIndicator(
|
|
|
|
strokeWidth: 2,
|
|
|
|
valueColor: AlwaysStoppedAnimation<Color>(Color.fromRGBO(45, 194, 98, 1.0)),
|
|
|
|
);
|
|
|
|
|
|
|
|
final SyncStatusUpdate event;
|
|
|
|
|
|
|
|
const RefreshIndicatorWidget(this.event, {Key key}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2022-06-12 16:10:38 +00:00
|
|
|
return Container(
|
|
|
|
height: kContainerHeight,
|
2021-04-05 12:46:26 +00:00
|
|
|
width: double.infinity,
|
|
|
|
alignment: Alignment.center,
|
|
|
|
child: SingleChildScrollView(
|
2022-07-04 06:02:17 +00:00
|
|
|
physics: const NeverScrollableScrollPhysics(),
|
2021-04-05 12:46:26 +00:00
|
|
|
child: Column(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
children: [
|
|
|
|
Row(
|
2021-02-02 16:57:16 +00:00
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
children: [
|
2021-04-05 12:46:26 +00:00
|
|
|
Container(
|
2022-07-04 06:02:17 +00:00
|
|
|
padding: const EdgeInsets.all(2),
|
2021-04-05 12:46:26 +00:00
|
|
|
width: 22,
|
|
|
|
height: 22,
|
2022-06-12 16:10:38 +00:00
|
|
|
child: _inProgressIcon,
|
2021-04-05 12:46:26 +00:00
|
|
|
),
|
|
|
|
Padding(
|
|
|
|
padding: const EdgeInsets.fromLTRB(12, 4, 0, 0),
|
|
|
|
child: Text(_getRefreshingText()),
|
2021-02-02 16:57:16 +00:00
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
2021-04-05 12:46:26 +00:00
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
2021-02-02 16:57:16 +00:00
|
|
|
}
|
|
|
|
|
2022-06-12 14:36:11 +00:00
|
|
|
String _getRefreshingText() {
|
2022-07-03 07:47:15 +00:00
|
|
|
if (event.status == SyncStatus.startedFirstGalleryImport ||
|
|
|
|
event.status == SyncStatus.completedFirstGalleryImport) {
|
2022-06-12 14:36:11 +00:00
|
|
|
return "Loading gallery...";
|
|
|
|
}
|
2022-07-03 07:47:15 +00:00
|
|
|
if (event.status == SyncStatus.applyingRemoteDiff) {
|
2022-06-12 14:36:11 +00:00
|
|
|
return "Syncing...";
|
|
|
|
}
|
2022-07-03 07:47:15 +00:00
|
|
|
if (event.status == SyncStatus.preparingForUpload) {
|
2022-06-12 14:36:11 +00:00
|
|
|
return "Encrypting backup...";
|
|
|
|
}
|
2022-07-03 07:47:15 +00:00
|
|
|
if (event.status == SyncStatus.inProgress) {
|
2022-07-03 09:45:00 +00:00
|
|
|
return event.completed.toString() +
|
|
|
|
"/" +
|
|
|
|
event.total.toString() +
|
|
|
|
" memories preserved";
|
2022-06-12 14:36:11 +00:00
|
|
|
}
|
2022-06-12 16:28:50 +00:00
|
|
|
if (event.status == SyncStatus.paused) {
|
|
|
|
return event.reason;
|
2022-06-12 14:36:11 +00:00
|
|
|
}
|
2022-06-12 16:28:50 +00:00
|
|
|
if (event.status == SyncStatus.error) {
|
|
|
|
return event.reason ?? "Upload failed";
|
2022-06-12 16:14:55 +00:00
|
|
|
}
|
2022-07-03 07:47:15 +00:00
|
|
|
if (event.status == SyncStatus.completedBackup) {
|
2022-06-12 16:28:50 +00:00
|
|
|
if (event.wasStopped) {
|
2022-06-12 14:36:11 +00:00
|
|
|
return "Sync stopped";
|
|
|
|
}
|
|
|
|
}
|
2022-06-12 16:14:55 +00:00
|
|
|
return "All memories preserved";
|
2022-06-12 14:36:11 +00:00
|
|
|
}
|
|
|
|
}
|
2022-06-12 16:10:38 +00:00
|
|
|
|
|
|
|
class StatusBarBrandingWidget extends StatelessWidget {
|
|
|
|
const StatusBarBrandingWidget({Key key}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
return Container(
|
|
|
|
height: kContainerHeight,
|
2022-07-04 06:02:17 +00:00
|
|
|
padding: const EdgeInsets.only(left: 12),
|
|
|
|
child: const Align(
|
2022-06-13 07:16:11 +00:00
|
|
|
alignment: Alignment.centerLeft,
|
2022-06-12 16:10:38 +00:00
|
|
|
child: Text(
|
|
|
|
"ente",
|
|
|
|
style: TextStyle(
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
fontFamily: 'Montserrat',
|
2022-06-13 05:04:31 +00:00
|
|
|
fontSize: 24,
|
2022-06-12 16:10:38 +00:00
|
|
|
height: 1,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class SyncStatusCompletedWidget extends StatelessWidget {
|
|
|
|
const SyncStatusCompletedWidget({Key key}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2022-06-12 18:11:58 +00:00
|
|
|
return SizedBox(
|
|
|
|
height: kContainerHeight,
|
2022-06-13 07:16:11 +00:00
|
|
|
child: Align(
|
|
|
|
alignment: Alignment.center,
|
|
|
|
child: Column(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
children: [
|
|
|
|
Row(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
children: [
|
|
|
|
Icon(
|
2022-06-12 18:11:58 +00:00
|
|
|
Icons.cloud_done_outlined,
|
|
|
|
color: Theme.of(context).buttonColor,
|
2022-06-13 07:16:11 +00:00
|
|
|
size: 22,
|
2022-06-12 18:11:58 +00:00
|
|
|
),
|
2022-07-04 06:02:17 +00:00
|
|
|
const Padding(
|
|
|
|
padding: EdgeInsets.only(left: 12),
|
2022-06-13 07:16:11 +00:00
|
|
|
child: Text("All memories preserved"),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
2022-06-12 18:11:58 +00:00
|
|
|
),
|
2022-06-12 16:10:38 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|