mirror of
https://gitlab.com/nkming2/nc-photos.git
synced 2025-03-22 15:09:22 +01:00
Extract album grid item builder
This commit is contained in:
parent
1ae39fba70
commit
91747efb0f
2 changed files with 100 additions and 63 deletions
94
lib/widget/builder/album_grid_item_builder.dart
Normal file
94
lib/widget/builder/album_grid_item_builder.dart
Normal file
|
@ -0,0 +1,94 @@
|
||||||
|
import 'package:cached_network_image/cached_network_image.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/widgets.dart';
|
||||||
|
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
||||||
|
import 'package:nc_photos/account.dart';
|
||||||
|
import 'package:nc_photos/api/api.dart';
|
||||||
|
import 'package:nc_photos/api/api_util.dart' as api_util;
|
||||||
|
import 'package:nc_photos/entity/album.dart';
|
||||||
|
import 'package:nc_photos/entity/album/provider.dart';
|
||||||
|
import 'package:nc_photos/theme.dart';
|
||||||
|
import 'package:nc_photos/widget/album_grid_item.dart';
|
||||||
|
|
||||||
|
/// Build a standard [AlbumGridItem] for an [Album]
|
||||||
|
class AlbumGridItemBuilder {
|
||||||
|
AlbumGridItemBuilder({
|
||||||
|
@required this.account,
|
||||||
|
@required this.album,
|
||||||
|
this.isSelected = false,
|
||||||
|
this.onTap,
|
||||||
|
this.onLongPress,
|
||||||
|
});
|
||||||
|
|
||||||
|
AlbumGridItem build(BuildContext context) {
|
||||||
|
var subtitle = "";
|
||||||
|
String subtitle2;
|
||||||
|
if (album.provider is AlbumStaticProvider) {
|
||||||
|
subtitle = AppLocalizations.of(context)
|
||||||
|
.albumSize(AlbumStaticProvider.of(album).items.length);
|
||||||
|
} else if (album.provider is AlbumDirProvider) {
|
||||||
|
final provider = album.provider as AlbumDirProvider;
|
||||||
|
subtitle = provider.dirs.first.strippedPath;
|
||||||
|
if (provider.dirs.length > 1) {
|
||||||
|
subtitle2 = "+${provider.dirs.length - 1}";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return AlbumGridItem(
|
||||||
|
cover: _buildAlbumCover(context, album),
|
||||||
|
title: album.name,
|
||||||
|
subtitle: subtitle,
|
||||||
|
subtitle2: subtitle2,
|
||||||
|
icon: album.provider is AlbumDirProvider ? Icons.folder : null,
|
||||||
|
isSelected: isSelected,
|
||||||
|
onTap: onTap,
|
||||||
|
onLongPress: onLongPress,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildAlbumCover(BuildContext context, Album album) {
|
||||||
|
Widget cover;
|
||||||
|
try {
|
||||||
|
final coverFile = album.coverProvider.getCover(album);
|
||||||
|
final previewUrl = api_util.getFilePreviewUrl(account, coverFile,
|
||||||
|
width: 512, height: 512);
|
||||||
|
cover = FittedBox(
|
||||||
|
clipBehavior: Clip.hardEdge,
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
child: CachedNetworkImage(
|
||||||
|
imageUrl: previewUrl,
|
||||||
|
httpHeaders: {
|
||||||
|
"Authorization": Api.getAuthorizationHeaderValue(account),
|
||||||
|
},
|
||||||
|
fadeInDuration: const Duration(),
|
||||||
|
filterQuality: FilterQuality.high,
|
||||||
|
errorWidget: (context, url, error) {
|
||||||
|
// just leave it empty
|
||||||
|
return Container();
|
||||||
|
},
|
||||||
|
imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
} catch (_) {
|
||||||
|
cover = Icon(
|
||||||
|
Icons.panorama,
|
||||||
|
color: Colors.white.withOpacity(.8),
|
||||||
|
size: 88,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(8),
|
||||||
|
child: Container(
|
||||||
|
color: AppTheme.getListItemBackgroundColor(context),
|
||||||
|
constraints: const BoxConstraints.expand(),
|
||||||
|
child: cover,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
final Account account;
|
||||||
|
final Album album;
|
||||||
|
final bool isSelected;
|
||||||
|
final VoidCallback onTap;
|
||||||
|
final VoidCallback onLongPress;
|
||||||
|
}
|
|
@ -1,4 +1,3 @@
|
||||||
import 'package:cached_network_image/cached_network_image.dart';
|
|
||||||
import 'package:flutter/foundation.dart';
|
import 'package:flutter/foundation.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter/widgets.dart';
|
import 'package:flutter/widgets.dart';
|
||||||
|
@ -8,8 +7,6 @@ import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
|
||||||
import 'package:kiwi/kiwi.dart';
|
import 'package:kiwi/kiwi.dart';
|
||||||
import 'package:logging/logging.dart';
|
import 'package:logging/logging.dart';
|
||||||
import 'package:nc_photos/account.dart';
|
import 'package:nc_photos/account.dart';
|
||||||
import 'package:nc_photos/api/api.dart';
|
|
||||||
import 'package:nc_photos/api/api_util.dart' as api_util;
|
|
||||||
import 'package:nc_photos/bloc/list_album.dart';
|
import 'package:nc_photos/bloc/list_album.dart';
|
||||||
import 'package:nc_photos/entity/album.dart';
|
import 'package:nc_photos/entity/album.dart';
|
||||||
import 'package:nc_photos/entity/album/provider.dart';
|
import 'package:nc_photos/entity/album/provider.dart';
|
||||||
|
@ -23,8 +20,10 @@ import 'package:nc_photos/theme.dart';
|
||||||
import 'package:nc_photos/use_case/remove.dart';
|
import 'package:nc_photos/use_case/remove.dart';
|
||||||
import 'package:nc_photos/widget/album_grid_item.dart';
|
import 'package:nc_photos/widget/album_grid_item.dart';
|
||||||
import 'package:nc_photos/widget/album_importer.dart';
|
import 'package:nc_photos/widget/album_importer.dart';
|
||||||
|
import 'package:nc_photos/widget/album_search_delegate.dart';
|
||||||
import 'package:nc_photos/widget/album_viewer.dart';
|
import 'package:nc_photos/widget/album_viewer.dart';
|
||||||
import 'package:nc_photos/widget/archive_viewer.dart';
|
import 'package:nc_photos/widget/archive_viewer.dart';
|
||||||
|
import 'package:nc_photos/widget/builder/album_grid_item_builder.dart';
|
||||||
import 'package:nc_photos/widget/dynamic_album_viewer.dart';
|
import 'package:nc_photos/widget/dynamic_album_viewer.dart';
|
||||||
import 'package:nc_photos/widget/home_app_bar.dart';
|
import 'package:nc_photos/widget/home_app_bar.dart';
|
||||||
import 'package:nc_photos/widget/new_album_dialog.dart';
|
import 'package:nc_photos/widget/new_album_dialog.dart';
|
||||||
|
@ -196,69 +195,13 @@ class _HomeAlbumsState extends State<HomeAlbums>
|
||||||
|
|
||||||
Widget _buildAlbumItem(BuildContext context, int index) {
|
Widget _buildAlbumItem(BuildContext context, int index) {
|
||||||
final item = _items[index];
|
final item = _items[index];
|
||||||
var subtitle = "";
|
return AlbumGridItemBuilder(
|
||||||
String subtitle2;
|
account: widget.account,
|
||||||
if (item.album.provider is AlbumStaticProvider) {
|
album: item.album,
|
||||||
subtitle = AppLocalizations.of(context)
|
|
||||||
.albumSize(AlbumStaticProvider.of(item.album).items.length);
|
|
||||||
} else if (item.album.provider is AlbumDirProvider) {
|
|
||||||
final provider = item.album.provider as AlbumDirProvider;
|
|
||||||
subtitle = provider.dirs.first.strippedPath;
|
|
||||||
if (provider.dirs.length > 1) {
|
|
||||||
subtitle2 = "+${provider.dirs.length - 1}";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return AlbumGridItem(
|
|
||||||
cover: _buildAlbumCover(context, item.album),
|
|
||||||
title: item.album.name,
|
|
||||||
subtitle: subtitle,
|
|
||||||
subtitle2: subtitle2,
|
|
||||||
icon: item.album.provider is AlbumDirProvider ? Icons.folder : null,
|
|
||||||
isSelected: _selectedItems.contains(item),
|
isSelected: _selectedItems.contains(item),
|
||||||
onTap: () => _onItemTap(item),
|
onTap: () => _onItemTap(item),
|
||||||
onLongPress: _isSelectionMode ? null : () => _onItemLongPress(item),
|
onLongPress: _isSelectionMode ? null : () => _onItemLongPress(item),
|
||||||
);
|
).build(context);
|
||||||
}
|
|
||||||
|
|
||||||
Widget _buildAlbumCover(BuildContext context, Album album) {
|
|
||||||
Widget cover;
|
|
||||||
try {
|
|
||||||
final coverFile = album.coverProvider.getCover(album);
|
|
||||||
final previewUrl = api_util.getFilePreviewUrl(widget.account, coverFile,
|
|
||||||
width: 512, height: 512);
|
|
||||||
cover = FittedBox(
|
|
||||||
clipBehavior: Clip.hardEdge,
|
|
||||||
fit: BoxFit.cover,
|
|
||||||
child: CachedNetworkImage(
|
|
||||||
imageUrl: previewUrl,
|
|
||||||
httpHeaders: {
|
|
||||||
"Authorization": Api.getAuthorizationHeaderValue(widget.account),
|
|
||||||
},
|
|
||||||
fadeInDuration: const Duration(),
|
|
||||||
filterQuality: FilterQuality.high,
|
|
||||||
errorWidget: (context, url, error) {
|
|
||||||
// just leave it empty
|
|
||||||
return Container();
|
|
||||||
},
|
|
||||||
imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
} catch (_) {
|
|
||||||
cover = Icon(
|
|
||||||
Icons.panorama,
|
|
||||||
color: Colors.white.withOpacity(.8),
|
|
||||||
size: 88,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return ClipRRect(
|
|
||||||
borderRadius: BorderRadius.circular(8),
|
|
||||||
child: Container(
|
|
||||||
color: AppTheme.getListItemBackgroundColor(context),
|
|
||||||
constraints: const BoxConstraints.expand(),
|
|
||||||
child: cover,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Widget _buildArchiveItem(BuildContext context) {
|
Widget _buildArchiveItem(BuildContext context) {
|
||||||
|
|
Loading…
Reference in a new issue