0ct0pu5/ente
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #34 from ente-io/sort-button-styles

Browse source 
Minor changes to the sort button styles
This commit is contained in:
Neeraj Gupta 2021-09-09 12:33:29 +05:30 • committed by GitHub
commit 4939c4b089
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 61 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

101
lib/ui/collections_gallery_widget.dart
View file

@ -152,8 +152,14 @@ class _CollectionsGalleryWidgetState extends State<CollectionsGalleryWidget>
),
Padding(padding: EdgeInsets.all(4)),
Divider(),
_sortMenu(),
SectionTitle("on ente"),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
SectionTitle("on ente"),
_sortMenu(),
],
),
Padding(padding: EdgeInsets.all(12)),
Configuration.instance.hasConfiguredAccount()
? GridView.builder(
@ -178,50 +184,65 @@ class _CollectionsGalleryWidgetState extends State<CollectionsGalleryWidget>
);
}
PopupMenuButton<int> _sortMenu() {
String sortOptionText(AlbumSortKey key) {
Widget _sortMenu() {
Text sortOptionText(AlbumSortKey key) {
String text = key.toString();
switch (key) {
case AlbumSortKey.albumName:
return "album name";
text = "album name";
break;
case AlbumSortKey.lastUpdated:
return "last updated";
text = "last updated";
break;
case AlbumSortKey.recentPhoto:
return "recent photo";
text = "recent photo";
break;
}
return key.toString();
return Text(
text,
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 13,
color: Colors.white.withOpacity(0.6),
),
);
}
return PopupMenuButton(
offset: Offset(10, 40),
initialValue: sortKey?.index ?? 0,
child: Align(
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
Text(sortOptionText(sortKey),
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 14,
color: Theme.of(context).buttonColor,
),
),
Padding(padding: EdgeInsets.only(left: 5.0)),
Icon(Icons.sort_outlined),
],
)),
onSelected: (int index) {
setState(() {
sortKey = AlbumSortKey.values[index];
});
},
itemBuilder: (context) {
return List.generate(AlbumSortKey.values.length, (index) {
return PopupMenuItem(
value: index,
child: Text(sortOptionText(AlbumSortKey.values[index])),
);
});
},
);
return Padding(
padding: const EdgeInsets.only(right: 24),
child: PopupMenuButton(
offset: Offset(10, 40),
initialValue: sortKey?.index ?? 0,
child: Align(
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
sortOptionText(sortKey),
Padding(padding: EdgeInsets.only(left: 5.0)),
Icon(
Icons.sort,
color: Theme.of(context).buttonColor,
size: 20,
),
],
),
),
onSelected: (int index) {
setState(() {
sortKey = AlbumSortKey.values[index];
});
},
itemBuilder: (context) {
return List.generate(AlbumSortKey.values.length, (index) {
return PopupMenuItem(
value: index,
child: sortOptionText(AlbumSortKey.values[index]),
);
});
},
),
);
}
Widget _buildCollection(BuildContext context,