2020-10-13 21:40:22 +00:00
|
|
|
import 'dart:async';
|
|
|
|
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter/widgets.dart';
|
|
|
|
import 'package:logging/logging.dart';
|
2020-10-28 15:25:32 +00:00
|
|
|
import 'package:photos/core/configuration.dart';
|
2020-10-13 21:40:22 +00:00
|
|
|
import 'package:photos/core/event_bus.dart';
|
|
|
|
import 'package:photos/db/collections_db.dart';
|
|
|
|
import 'package:photos/db/files_db.dart';
|
|
|
|
import 'package:photos/events/remote_sync_event.dart';
|
2020-10-29 00:30:02 +00:00
|
|
|
import 'package:photos/models/collection_items.dart';
|
2020-10-13 21:40:22 +00:00
|
|
|
import 'package:photos/ui/common_elements.dart';
|
|
|
|
import 'package:photos/ui/loading_widget.dart';
|
2020-10-13 21:46:46 +00:00
|
|
|
import 'package:photos/ui/shared_collection_page.dart';
|
2020-10-13 21:40:22 +00:00
|
|
|
import 'package:photos/ui/thumbnail_widget.dart';
|
|
|
|
|
|
|
|
class SharedCollectionGallery extends StatefulWidget {
|
|
|
|
const SharedCollectionGallery({Key key}) : super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
_SharedCollectionGalleryState createState() =>
|
|
|
|
_SharedCollectionGalleryState();
|
|
|
|
}
|
|
|
|
|
|
|
|
class _SharedCollectionGalleryState extends State<SharedCollectionGallery> {
|
|
|
|
Logger _logger = Logger("SharedCollectionGallery");
|
|
|
|
StreamSubscription<RemoteSyncEvent> _subscription;
|
|
|
|
|
|
|
|
@override
|
|
|
|
void initState() {
|
|
|
|
_subscription = Bus.instance.on<RemoteSyncEvent>().listen((event) {
|
|
|
|
if (event.success) {
|
|
|
|
setState(() {});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
super.initState();
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2020-10-28 15:25:32 +00:00
|
|
|
return FutureBuilder<List<CollectionWithThumbnail>>(
|
|
|
|
future:
|
|
|
|
CollectionsDB.instance.getAllCollections().then((collections) async {
|
|
|
|
final c = List<CollectionWithThumbnail>();
|
2020-10-13 21:40:22 +00:00
|
|
|
for (final collection in collections) {
|
2020-10-28 15:25:32 +00:00
|
|
|
if (collection.ownerID == Configuration.instance.getUserID()) {
|
|
|
|
continue;
|
|
|
|
}
|
2020-10-29 00:50:39 +00:00
|
|
|
final thumbnail =
|
|
|
|
await FilesDB.instance.getLatestFileInCollection(collection.id);
|
|
|
|
if (thumbnail == null) {
|
|
|
|
continue;
|
2020-10-13 21:40:22 +00:00
|
|
|
}
|
2020-10-29 00:50:39 +00:00
|
|
|
final lastUpdatedFile = await FilesDB.instance
|
|
|
|
.getLastModifiedFileInCollection(collection.id);
|
|
|
|
c.add(CollectionWithThumbnail(
|
|
|
|
collection,
|
|
|
|
thumbnail,
|
|
|
|
lastUpdatedFile,
|
|
|
|
));
|
2020-10-13 21:40:22 +00:00
|
|
|
}
|
2020-10-29 00:50:39 +00:00
|
|
|
c.sort((first, second) {
|
|
|
|
return second.lastUpdatedFile.updationTime
|
|
|
|
.compareTo(first.lastUpdatedFile.updationTime);
|
|
|
|
});
|
2020-10-13 21:40:22 +00:00
|
|
|
return c;
|
|
|
|
}),
|
|
|
|
builder: (context, snapshot) {
|
|
|
|
if (snapshot.hasData) {
|
|
|
|
if (snapshot.data.isEmpty) {
|
|
|
|
return nothingToSeeHere;
|
|
|
|
} else {
|
|
|
|
return _getSharedCollectionsGallery(snapshot.data);
|
|
|
|
}
|
|
|
|
} else if (snapshot.hasError) {
|
|
|
|
_logger.shout(snapshot.error);
|
|
|
|
return Center(child: Text(snapshot.error.toString()));
|
|
|
|
} else {
|
|
|
|
return loadWidget;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget _getSharedCollectionsGallery(
|
2020-10-28 15:25:32 +00:00
|
|
|
List<CollectionWithThumbnail> collections) {
|
2020-10-13 21:40:22 +00:00
|
|
|
return Container(
|
|
|
|
margin: EdgeInsets.only(top: 24),
|
|
|
|
child: GridView.builder(
|
|
|
|
shrinkWrap: true,
|
|
|
|
padding: EdgeInsets.only(bottom: 12),
|
|
|
|
physics: ScrollPhysics(), // to disable GridView's scrolling
|
|
|
|
itemBuilder: (context, index) {
|
|
|
|
return _buildCollection(context, collections[index]);
|
|
|
|
},
|
|
|
|
itemCount: collections.length,
|
|
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
|
|
crossAxisCount: 2,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2020-10-28 15:25:32 +00:00
|
|
|
Widget _buildCollection(BuildContext context, CollectionWithThumbnail c) {
|
2020-10-13 21:40:22 +00:00
|
|
|
return GestureDetector(
|
|
|
|
child: Column(
|
|
|
|
children: <Widget>[
|
2020-10-26 10:25:23 +00:00
|
|
|
ClipRRect(
|
|
|
|
borderRadius: BorderRadius.circular(4.0),
|
|
|
|
child: Container(
|
2020-10-30 16:03:13 +00:00
|
|
|
child: Stack(
|
|
|
|
children: [
|
|
|
|
Hero(
|
2020-10-26 10:25:23 +00:00
|
|
|
tag: "shared_collection" + c.thumbnail.tag(),
|
|
|
|
child: ThumbnailWidget(c.thumbnail)),
|
2020-10-30 16:03:13 +00:00
|
|
|
Align(
|
|
|
|
alignment: Alignment.bottomRight,
|
|
|
|
child: Container(
|
|
|
|
child: Text(
|
|
|
|
c.collection.ownerEmail.substring(0, 1),
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
),
|
|
|
|
padding: EdgeInsets.all(8),
|
|
|
|
margin: EdgeInsets.fromLTRB(0, 0, 4, 0),
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
shape: BoxShape.circle,
|
|
|
|
color: Theme.of(context).accentColor,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
2020-10-26 10:25:23 +00:00
|
|
|
height: 150,
|
|
|
|
width: 150,
|
|
|
|
),
|
2020-10-13 21:40:22 +00:00
|
|
|
),
|
|
|
|
Padding(padding: EdgeInsets.all(2)),
|
|
|
|
Expanded(
|
|
|
|
child: Text(
|
|
|
|
c.collection.name,
|
|
|
|
style: TextStyle(
|
|
|
|
fontSize: 16,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
onTap: () {
|
2020-10-13 21:46:46 +00:00
|
|
|
final page = SharedCollectionPage(c.collection);
|
|
|
|
Navigator.of(context).push(
|
|
|
|
MaterialPageRoute(
|
|
|
|
builder: (BuildContext context) {
|
|
|
|
return page;
|
|
|
|
},
|
|
|
|
),
|
|
|
|
);
|
2020-10-13 21:40:22 +00:00
|
|
|
},
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
void dispose() {
|
|
|
|
_subscription.cancel();
|
|
|
|
super.dispose();
|
|
|
|
}
|
|
|
|
}
|