generated from dellevin/template
509 lines
20 KiB
Dart
509 lines
20 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../providers/app_provider.dart';
|
|
import '../models/data_models.dart';
|
|
import '../utils/toast_util.dart';
|
|
|
|
/// 回收站页面
|
|
class RecycleBinPage extends StatefulWidget {
|
|
const RecycleBinPage({super.key});
|
|
|
|
@override
|
|
State<RecycleBinPage> createState() => _RecycleBinPageState();
|
|
}
|
|
|
|
enum _ItemType { movie, book, note, movieReview, bookReview, bookExcerpt }
|
|
|
|
class _DeletedItem {
|
|
final _ItemType type;
|
|
final String id;
|
|
final String title;
|
|
final String subtitle;
|
|
final IconData icon;
|
|
final String typeLabel;
|
|
|
|
_DeletedItem.movie(Movie m)
|
|
: type = _ItemType.movie,
|
|
id = m.id,
|
|
title = m.title,
|
|
subtitle = '删除于 ${m.updatedAt.year}.${m.updatedAt.month.toString().padLeft(2, '0')}.${m.updatedAt.day.toString().padLeft(2, '0')}',
|
|
icon = Icons.movie_outlined,
|
|
typeLabel = '影视';
|
|
|
|
_DeletedItem.book(Book b)
|
|
: type = _ItemType.book,
|
|
id = b.id,
|
|
title = b.title,
|
|
subtitle = '删除于 ${b.updatedAt.year}.${b.updatedAt.month.toString().padLeft(2, '0')}.${b.updatedAt.day.toString().padLeft(2, '0')}',
|
|
icon = Icons.menu_book_outlined,
|
|
typeLabel = '书籍';
|
|
|
|
_DeletedItem.note(Note n)
|
|
: type = _ItemType.note,
|
|
id = n.id,
|
|
title = n.title.isNotEmpty ? n.title : n.summary,
|
|
subtitle = '删除于 ${n.updatedAt.year}.${n.updatedAt.month.toString().padLeft(2, '0')}.${n.updatedAt.day.toString().padLeft(2, '0')}',
|
|
icon = Icons.description_outlined,
|
|
typeLabel = '笔记';
|
|
|
|
_DeletedItem.movieReview(MovieReview r)
|
|
: type = _ItemType.movieReview,
|
|
id = r.id,
|
|
title = r.content.isNotEmpty ? r.content : '影评',
|
|
subtitle = '删除于 ${r.updatedAt.year}.${r.updatedAt.month.toString().padLeft(2, '0')}.${r.updatedAt.day.toString().padLeft(2, '0')}',
|
|
icon = Icons.rate_review_outlined,
|
|
typeLabel = '影评';
|
|
|
|
_DeletedItem.bookReview(BookReview r)
|
|
: type = _ItemType.bookReview,
|
|
id = r.id,
|
|
title = r.content.isNotEmpty ? r.content : '书评',
|
|
subtitle = '删除于 ${r.updatedAt.year}.${r.updatedAt.month.toString().padLeft(2, '0')}.${r.updatedAt.day.toString().padLeft(2, '0')}',
|
|
icon = Icons.rate_review_outlined,
|
|
typeLabel = '书评';
|
|
|
|
_DeletedItem.bookExcerpt(BookExcerpt e)
|
|
: type = _ItemType.bookExcerpt,
|
|
id = e.id,
|
|
title = e.content.isNotEmpty ? e.content : '摘抄',
|
|
subtitle = '删除于 ${e.updatedAt.year}.${e.updatedAt.month.toString().padLeft(2, '0')}.${e.updatedAt.day.toString().padLeft(2, '0')}',
|
|
icon = Icons.format_quote_outlined,
|
|
typeLabel = '书摘';
|
|
|
|
}
|
|
|
|
class _RecycleBinPageState extends State<RecycleBinPage> {
|
|
List<_DeletedItem> _allItems = [];
|
|
_ItemType? _filterType;
|
|
bool _isLoading = true;
|
|
|
|
List<_DeletedItem> get _filteredItems =>
|
|
_filterType == null ? _allItems : _allItems.where((i) => i.type == _filterType).toList();
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_loadDeletedItems();
|
|
}
|
|
|
|
Future<void> _loadDeletedItems() async {
|
|
setState(() => _isLoading = true);
|
|
final provider = context.read<AppProvider>();
|
|
final movies = await provider.getDeletedMovies();
|
|
final books = await provider.getDeletedBooks();
|
|
final notes = await provider.getDeletedNotes();
|
|
final movieReviews = await provider.getDeletedMovieReviews();
|
|
final bookReviews = await provider.getDeletedBookReviews();
|
|
final bookExcerpts = await provider.getDeletedBookExcerpts();
|
|
if (!mounted) return;
|
|
setState(() {
|
|
_allItems = [
|
|
for (final m in movies) _DeletedItem.movie(m),
|
|
for (final b in books) _DeletedItem.book(b),
|
|
for (final n in notes) _DeletedItem.note(n),
|
|
for (final r in movieReviews) _DeletedItem.movieReview(r),
|
|
for (final r in bookReviews) _DeletedItem.bookReview(r),
|
|
for (final e in bookExcerpts) _DeletedItem.bookExcerpt(e),
|
|
];
|
|
_isLoading = false;
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return Scaffold(
|
|
backgroundColor: colors.surface,
|
|
appBar: AppBar(
|
|
title: const Text('回收站'),
|
|
actions: [
|
|
if (_allItems.isNotEmpty)
|
|
Padding(
|
|
padding: const EdgeInsets.only(right: 12),
|
|
child: TextButton(
|
|
onPressed: _showClearAllDialog,
|
|
style: TextButton.styleFrom(
|
|
backgroundColor: colors.surface,
|
|
foregroundColor: Colors.red,
|
|
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 6),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(20),
|
|
side: BorderSide(color: colors.error.withValues(alpha: 0.15), width: 0.5),
|
|
),
|
|
minimumSize: Size.zero,
|
|
),
|
|
child: const Text('清空', style: TextStyle(fontSize: 12, fontWeight: FontWeight.w500)),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
body: _isLoading
|
|
? Center(child: CircularProgressIndicator(strokeWidth: 2, color: colors.primary))
|
|
: Column(
|
|
children: [
|
|
if (_allItems.isNotEmpty) _buildFilterRow(),
|
|
Expanded(
|
|
child: _filteredItems.isEmpty
|
|
? _buildEmptyState()
|
|
: RefreshIndicator(
|
|
onRefresh: _loadDeletedItems,
|
|
child: ListView.builder(
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
itemCount: _filteredItems.length,
|
|
itemBuilder: (_, i) => _buildCard(_filteredItems[i]),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildFilterRow() {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
border: Border(bottom: BorderSide(color: colors.outlineVariant, width: 0.5)),
|
|
),
|
|
child: Wrap(
|
|
spacing: 8,
|
|
runSpacing: 8,
|
|
children: [
|
|
_filterChip('全部', null),
|
|
_filterChip('影视', _ItemType.movie),
|
|
_filterChip('书籍', _ItemType.book),
|
|
_filterChip('笔记', _ItemType.note),
|
|
_filterChip('影评', _ItemType.movieReview),
|
|
_filterChip('书评', _ItemType.bookReview),
|
|
_filterChip('书摘', _ItemType.bookExcerpt),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _filterChip(String label, _ItemType? type) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
final active = _filterType == type;
|
|
final count = type == null ? _allItems.length : _allItems.where((i) => i.type == type).length;
|
|
return GestureDetector(
|
|
onTap: () => setState(() => _filterType = type),
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
|
|
decoration: BoxDecoration(
|
|
color: active ? colors.primary : colors.surfaceContainerHighest,
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
child: Text(
|
|
'$label · $count',
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w500,
|
|
color: active ? colors.onPrimary : colors.onSurface.withValues(alpha: 0.5),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildCard(_DeletedItem item) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return Dismissible(
|
|
key: Key('${item.type.name}_${item.id}'),
|
|
direction: DismissDirection.endToStart,
|
|
background: _buildDismissBackground(),
|
|
confirmDismiss: (_) async => _showConfirmDialog('确定要彻底删除吗？此操作不可恢复。'),
|
|
onDismissed: (_) => _permanentDelete(item),
|
|
child: Container(
|
|
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: colors.surfaceContainerHigh,
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: colors.outlineVariant, width: 0.5),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 40,
|
|
height: 40,
|
|
decoration: BoxDecoration(
|
|
color: colors.surface,
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: colors.outlineVariant, width: 0.5),
|
|
),
|
|
child: Icon(item.icon, size: 20, color: colors.onSurface.withValues(alpha: 0.5)),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Text(
|
|
item.title,
|
|
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: colors.onSurface, height: 1.3),
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
const SizedBox(width: 6),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 1),
|
|
decoration: BoxDecoration(
|
|
color: colors.surface,
|
|
borderRadius: BorderRadius.circular(3),
|
|
border: Border.all(color: colors.outlineVariant, width: 0.5),
|
|
),
|
|
child: Text(
|
|
item.typeLabel,
|
|
style: TextStyle(fontSize: 9, fontWeight: FontWeight.w600, color: colors.onSurface.withValues(alpha: 0.4)),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 3),
|
|
Text(
|
|
item.subtitle,
|
|
style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.35)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
_actionBtn(Icons.restore, '恢复', colors.primary, () => _restore(item)),
|
|
const SizedBox(width: 6),
|
|
_actionBtn(Icons.delete_outline, '删除', colors.error, () => _permanentDelete(item)),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildDismissBackground() {
|
|
return Container(
|
|
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: Colors.red,
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
alignment: Alignment.centerRight,
|
|
padding: const EdgeInsets.only(right: 24),
|
|
child: const Icon(Icons.delete_forever, color: Colors.white, size: 22),
|
|
);
|
|
}
|
|
|
|
Widget _actionBtn(IconData icon, String tooltip, Color color, VoidCallback onTap) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return Material(
|
|
color: Colors.transparent,
|
|
child: InkWell(
|
|
onTap: onTap,
|
|
borderRadius: BorderRadius.circular(6),
|
|
child: Tooltip(
|
|
message: tooltip,
|
|
child: Container(
|
|
width: 32,
|
|
height: 32,
|
|
decoration: BoxDecoration(
|
|
color: colors.surface,
|
|
borderRadius: BorderRadius.circular(6),
|
|
border: Border.all(color: colors.outlineVariant, width: 0.5),
|
|
),
|
|
child: Icon(icon, size: 16, color: color),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildEmptyState() {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
width: 72,
|
|
height: 72,
|
|
decoration: BoxDecoration(
|
|
color: colors.surfaceContainerHigh,
|
|
borderRadius: BorderRadius.circular(18),
|
|
),
|
|
child: Icon(Icons.delete_outline, size: 32, color: colors.onSurface.withValues(alpha: 0.15)),
|
|
),
|
|
const SizedBox(height: 16),
|
|
Text(
|
|
_filterType == null ? '回收站是空的' : '没有删除的项目',
|
|
style: TextStyle(fontSize: 14, color: colors.onSurface.withValues(alpha: 0.35)),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text('删除的项目会显示在这里', style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.25))),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> _restore(_DeletedItem item) async {
|
|
final confirmed = await showDialog<bool>(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
backgroundColor: Theme.of(context).colorScheme.surface,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
title: Text('确认恢复', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: Theme.of(context).colorScheme.onSurface)),
|
|
content: Text('确定要恢复"${item.title}"到${item.typeLabel}里面吗？', style: TextStyle(fontSize: 14, color: Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.6), height: 1.5)),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(ctx, false),
|
|
style: TextButton.styleFrom(foregroundColor: Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.6)),
|
|
child: const Text('取消'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () => Navigator.pop(ctx, true),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Theme.of(context).colorScheme.primary,
|
|
foregroundColor: Theme.of(context).colorScheme.onPrimary,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
),
|
|
child: const Text('恢复'),
|
|
),
|
|
],
|
|
actionsPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
),
|
|
);
|
|
if (confirmed != true || !mounted) return;
|
|
final provider = context.read<AppProvider>();
|
|
switch (item.type) {
|
|
case _ItemType.movie:
|
|
await provider.restoreMovie(item.id);
|
|
if (mounted) ToastUtil.show(context, '影视已恢复');
|
|
case _ItemType.book:
|
|
await provider.restoreBook(item.id);
|
|
if (mounted) ToastUtil.show(context, '书籍已恢复');
|
|
case _ItemType.note:
|
|
await provider.restoreNote(item.id);
|
|
if (mounted) ToastUtil.show(context, '笔记已恢复');
|
|
case _ItemType.movieReview:
|
|
await provider.restoreMovieReview(item.id);
|
|
if (mounted) ToastUtil.show(context, '影评已恢复');
|
|
case _ItemType.bookReview:
|
|
await provider.restoreBookReview(item.id);
|
|
if (mounted) ToastUtil.show(context, '书评已恢复');
|
|
case _ItemType.bookExcerpt:
|
|
await provider.restoreBookExcerpt(item.id);
|
|
if (mounted) ToastUtil.show(context, '书摘已恢复');
|
|
}
|
|
_loadDeletedItems();
|
|
}
|
|
|
|
Future<void> _permanentDelete(_DeletedItem item) async {
|
|
final confirmed = await _showConfirmDialog('确定要彻底删除吗？此操作不可恢复。');
|
|
if (!confirmed) return;
|
|
final provider = context.read<AppProvider>();
|
|
switch (item.type) {
|
|
case _ItemType.movie:
|
|
await provider.permanentDeleteMovie(item.id);
|
|
case _ItemType.book:
|
|
await provider.permanentDeleteBook(item.id);
|
|
case _ItemType.note:
|
|
await provider.permanentDeleteNote(item.id);
|
|
case _ItemType.movieReview:
|
|
await provider.permanentDeleteMovieReview(item.id);
|
|
case _ItemType.bookReview:
|
|
await provider.permanentDeleteBookReview(item.id);
|
|
case _ItemType.bookExcerpt:
|
|
await provider.permanentDeleteBookExcerpt(item.id);
|
|
}
|
|
_loadDeletedItems();
|
|
if (mounted) ToastUtil.show(context, '已彻底删除');
|
|
}
|
|
|
|
Future<bool> _showConfirmDialog(String message) async {
|
|
final colors = Theme.of(context).colorScheme;
|
|
final result = await showDialog<bool>(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
backgroundColor: colors.surface,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
title: Text('确认删除', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: colors.onSurface)),
|
|
content: Text(message, style: TextStyle(fontSize: 14, color: colors.onSurface.withValues(alpha: 0.6), height: 1.5)),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(ctx, false),
|
|
style: TextButton.styleFrom(foregroundColor: colors.onSurface.withValues(alpha: 0.6)),
|
|
child: const Text('取消'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () => Navigator.pop(ctx, true),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: colors.error,
|
|
foregroundColor: colors.onError,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
),
|
|
child: const Text('删除'),
|
|
),
|
|
],
|
|
actionsPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
),
|
|
);
|
|
return result ?? false;
|
|
}
|
|
|
|
void _showClearAllDialog() {
|
|
final pageContext = context;
|
|
final colors = Theme.of(pageContext).colorScheme;
|
|
showDialog(
|
|
context: pageContext,
|
|
builder: (ctx) => AlertDialog(
|
|
backgroundColor: colors.surface,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
title: Row(
|
|
children: [
|
|
const Icon(Icons.warning_amber_rounded, color: Colors.red, size: 22),
|
|
const SizedBox(width: 8),
|
|
Text('清空回收站', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: colors.onSurface)),
|
|
],
|
|
),
|
|
content: Text(
|
|
'确定要清空回收站吗？所有项目将被彻底删除，此操作不可恢复。',
|
|
style: TextStyle(fontSize: 14, color: colors.onSurface.withValues(alpha: 0.6), height: 1.5),
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(ctx),
|
|
style: TextButton.styleFrom(foregroundColor: colors.onSurface.withValues(alpha: 0.6)),
|
|
child: const Text('取消'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () async {
|
|
Navigator.pop(ctx);
|
|
await pageContext.read<AppProvider>().clearRecycleBin();
|
|
_loadDeletedItems();
|
|
if (mounted) ToastUtil.show(pageContext, '回收站已清空');
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: colors.error,
|
|
foregroundColor: colors.onError,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
),
|
|
child: const Text('清空'),
|
|
),
|
|
],
|
|
actionsPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
),
|
|
);
|
|
}
|
|
}
|