|
|
|
|
@ -30,6 +30,8 @@ class _ImmichScreenState extends State<ImmichScreen> {
|
|
|
|
|
String? _errorMessage;
|
|
|
|
|
final ImagePicker _imagePicker = ImagePicker();
|
|
|
|
|
bool _isUploading = false;
|
|
|
|
|
Set<String> _selectedAssetIds = {}; // Track selected assets for deletion
|
|
|
|
|
bool _isSelectionMode = false;
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
void initState() {
|
|
|
|
|
@ -102,24 +104,40 @@ class _ImmichScreenState extends State<ImmichScreen> {
|
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
|
return Scaffold(
|
|
|
|
|
appBar: AppBar(
|
|
|
|
|
title: const Text('Immich Media'),
|
|
|
|
|
title: Text(_isSelectionMode
|
|
|
|
|
? '${_selectedAssetIds.length} selected'
|
|
|
|
|
: 'Immich Media'),
|
|
|
|
|
actions: [
|
|
|
|
|
IconButton(
|
|
|
|
|
icon: const Icon(Icons.photo_library),
|
|
|
|
|
onPressed: _pickAndUploadImages,
|
|
|
|
|
tooltip: 'Upload from Gallery',
|
|
|
|
|
),
|
|
|
|
|
IconButton(
|
|
|
|
|
icon: const Icon(Icons.info_outline),
|
|
|
|
|
onPressed: _testServerConnection,
|
|
|
|
|
tooltip: 'Test Server Connection',
|
|
|
|
|
),
|
|
|
|
|
if (_assets.isNotEmpty)
|
|
|
|
|
if (_isSelectionMode) ...[
|
|
|
|
|
IconButton(
|
|
|
|
|
icon: const Icon(Icons.refresh),
|
|
|
|
|
onPressed: () => _loadAssets(forceRefresh: true),
|
|
|
|
|
tooltip: 'Refresh',
|
|
|
|
|
icon: const Icon(Icons.delete),
|
|
|
|
|
onPressed: _selectedAssetIds.isEmpty ? null : _deleteSelectedAssets,
|
|
|
|
|
tooltip: 'Delete Selected',
|
|
|
|
|
color: Colors.red,
|
|
|
|
|
),
|
|
|
|
|
IconButton(
|
|
|
|
|
icon: const Icon(Icons.close),
|
|
|
|
|
onPressed: _exitSelectionMode,
|
|
|
|
|
tooltip: 'Cancel Selection',
|
|
|
|
|
),
|
|
|
|
|
] else ...[
|
|
|
|
|
IconButton(
|
|
|
|
|
icon: const Icon(Icons.photo_library),
|
|
|
|
|
onPressed: _pickAndUploadImages,
|
|
|
|
|
tooltip: 'Upload from Gallery',
|
|
|
|
|
),
|
|
|
|
|
IconButton(
|
|
|
|
|
icon: const Icon(Icons.info_outline),
|
|
|
|
|
onPressed: _testServerConnection,
|
|
|
|
|
tooltip: 'Test Server Connection',
|
|
|
|
|
),
|
|
|
|
|
if (_assets.isNotEmpty)
|
|
|
|
|
IconButton(
|
|
|
|
|
icon: const Icon(Icons.refresh),
|
|
|
|
|
onPressed: () => _loadAssets(forceRefresh: true),
|
|
|
|
|
tooltip: 'Refresh',
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
body: _buildBody(),
|
|
|
|
|
@ -219,37 +237,66 @@ class _ImmichScreenState extends State<ImmichScreen> {
|
|
|
|
|
|
|
|
|
|
Widget _buildImageTile(ImmichAsset asset) {
|
|
|
|
|
final thumbnailUrl = _getThumbnailUrl(asset);
|
|
|
|
|
|
|
|
|
|
// For Immich API, we need to pass the API key as a header
|
|
|
|
|
// Since Image.network doesn't easily support custom headers,
|
|
|
|
|
// we'll use a workaround: Immich might accept the key in the URL query parameter
|
|
|
|
|
// OR we need to fetch images via Dio and convert to bytes.
|
|
|
|
|
// Let's check ImmichService - it has Dio with headers configured.
|
|
|
|
|
// Actually, we can use Image.network with headers parameter (Flutter supports this).
|
|
|
|
|
// But we need the API key. Let me check if ImmichService exposes it.
|
|
|
|
|
|
|
|
|
|
// Since Immich API requires x-api-key header, and Image.network supports headers,
|
|
|
|
|
// we need to get the API key. However, ImmichService doesn't expose it.
|
|
|
|
|
// Let's modify ImmichService to expose a method that returns headers, or
|
|
|
|
|
// we can fetch images via Dio and display them.
|
|
|
|
|
|
|
|
|
|
// For now, let's use Image.network and assume Immich might work without header
|
|
|
|
|
// (which it won't, but this is a placeholder). We'll fix this properly next.
|
|
|
|
|
final isSelected = _selectedAssetIds.contains(asset.id);
|
|
|
|
|
|
|
|
|
|
return GestureDetector(
|
|
|
|
|
onLongPress: () {
|
|
|
|
|
if (!_isSelectionMode) {
|
|
|
|
|
setState(() {
|
|
|
|
|
_isSelectionMode = true;
|
|
|
|
|
_selectedAssetIds.add(asset.id);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onTap: () {
|
|
|
|
|
// TODO: Navigate to full image view
|
|
|
|
|
_showImageDetails(asset);
|
|
|
|
|
if (_isSelectionMode) {
|
|
|
|
|
setState(() {
|
|
|
|
|
if (isSelected) {
|
|
|
|
|
_selectedAssetIds.remove(asset.id);
|
|
|
|
|
if (_selectedAssetIds.isEmpty) {
|
|
|
|
|
_isSelectionMode = false;
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
_selectedAssetIds.add(asset.id);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
_showImageDetails(asset);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
child: Container(
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
borderRadius: BorderRadius.circular(8),
|
|
|
|
|
color: Colors.grey[300],
|
|
|
|
|
),
|
|
|
|
|
child: ClipRRect(
|
|
|
|
|
borderRadius: BorderRadius.circular(8),
|
|
|
|
|
child: _buildImageWidget(thumbnailUrl, asset),
|
|
|
|
|
),
|
|
|
|
|
child: Stack(
|
|
|
|
|
children: [
|
|
|
|
|
Container(
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
borderRadius: BorderRadius.circular(8),
|
|
|
|
|
color: Colors.grey[300],
|
|
|
|
|
border: isSelected
|
|
|
|
|
? Border.all(color: Colors.blue, width: 3)
|
|
|
|
|
: null,
|
|
|
|
|
),
|
|
|
|
|
child: ClipRRect(
|
|
|
|
|
borderRadius: BorderRadius.circular(8),
|
|
|
|
|
child: _buildImageWidget(thumbnailUrl, asset),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
if (isSelected)
|
|
|
|
|
Positioned(
|
|
|
|
|
top: 8,
|
|
|
|
|
right: 8,
|
|
|
|
|
child: Container(
|
|
|
|
|
decoration: const BoxDecoration(
|
|
|
|
|
color: Colors.blue,
|
|
|
|
|
shape: BoxShape.circle,
|
|
|
|
|
),
|
|
|
|
|
padding: const EdgeInsets.all(4),
|
|
|
|
|
child: const Icon(
|
|
|
|
|
Icons.check_circle,
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
size: 24,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
@ -438,6 +485,86 @@ class _ImmichScreenState extends State<ImmichScreen> {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
void _exitSelectionMode() {
|
|
|
|
|
setState(() {
|
|
|
|
|
_isSelectionMode = false;
|
|
|
|
|
_selectedAssetIds.clear();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Future<void> _deleteSelectedAssets() async {
|
|
|
|
|
if (_selectedAssetIds.isEmpty || widget.immichService == null) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Show confirmation dialog
|
|
|
|
|
final confirmed = await showDialog<bool>(
|
|
|
|
|
context: context,
|
|
|
|
|
builder: (context) => AlertDialog(
|
|
|
|
|
title: const Text('Delete Assets'),
|
|
|
|
|
content: Text(
|
|
|
|
|
'Are you sure you want to delete ${_selectedAssetIds.length} asset(s)? This action cannot be undone.',
|
|
|
|
|
),
|
|
|
|
|
actions: [
|
|
|
|
|
TextButton(
|
|
|
|
|
onPressed: () => Navigator.of(context).pop(false),
|
|
|
|
|
child: const Text('Cancel'),
|
|
|
|
|
),
|
|
|
|
|
TextButton(
|
|
|
|
|
onPressed: () => Navigator.of(context).pop(true),
|
|
|
|
|
style: TextButton.styleFrom(foregroundColor: Colors.red),
|
|
|
|
|
child: const Text('Delete'),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
if (confirmed != true) return;
|
|
|
|
|
|
|
|
|
|
setState(() {
|
|
|
|
|
_isLoading = true;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
final assetIdsToDelete = _selectedAssetIds.toList();
|
|
|
|
|
await widget.immichService!.deleteAssets(assetIdsToDelete);
|
|
|
|
|
|
|
|
|
|
if (mounted) {
|
|
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
|
|
|
SnackBar(
|
|
|
|
|
content: Text('Successfully deleted ${assetIdsToDelete.length} asset(s)'),
|
|
|
|
|
backgroundColor: Colors.green,
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Remove deleted assets from local list
|
|
|
|
|
setState(() {
|
|
|
|
|
_assets.removeWhere((asset) => assetIdsToDelete.contains(asset.id));
|
|
|
|
|
_selectedAssetIds.clear();
|
|
|
|
|
_isSelectionMode = false;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Refresh the list to ensure consistency
|
|
|
|
|
await _loadAssets(forceRefresh: true);
|
|
|
|
|
}
|
|
|
|
|
} catch (e) {
|
|
|
|
|
if (mounted) {
|
|
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
|
|
|
SnackBar(
|
|
|
|
|
content: Text('Failed to delete assets: ${e.toString()}'),
|
|
|
|
|
backgroundColor: Colors.red,
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
} finally {
|
|
|
|
|
if (mounted) {
|
|
|
|
|
setState(() {
|
|
|
|
|
_isLoading = false;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// Formats server info map as a readable string.
|
|
|
|
|
String _formatServerInfo(Map<String, dynamic> info) {
|
|
|
|
|
final buffer = StringBuffer();
|
|
|
|
|
|