generated from dellevin/template
122 lines
3.8 KiB
Dart
122 lines
3.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
import '../../../models/book_annotation.dart';
|
|
import '../../../utils/reader/book_annotation_dao.dart';
|
|
|
|
/// 书签列表组件 — 显示当前书籍的所有书签，点击跳转
|
|
class BookmarkList extends StatefulWidget {
|
|
final String bookId;
|
|
final void Function(String cfi) onNavigate;
|
|
|
|
const BookmarkList({
|
|
super.key,
|
|
required this.bookId,
|
|
required this.onNavigate,
|
|
});
|
|
|
|
@override
|
|
State<BookmarkList> createState() => _BookmarkListState();
|
|
}
|
|
|
|
class _BookmarkListState extends State<BookmarkList> {
|
|
final _dao = BookAnnotationDao();
|
|
List<BookAnnotation> _bookmarks = [];
|
|
bool _loading = true;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_loadBookmarks();
|
|
}
|
|
|
|
Future<void> _loadBookmarks() async {
|
|
final bookmarks = await _dao.getBookmarks(widget.bookId);
|
|
if (mounted) {
|
|
setState(() {
|
|
_bookmarks = bookmarks;
|
|
_loading = false;
|
|
});
|
|
}
|
|
}
|
|
|
|
Future<void> _deleteBookmark(BookAnnotation bookmark) async {
|
|
await _dao.deleteById(bookmark.id!);
|
|
await _loadBookmarks();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
|
|
if (_loading) {
|
|
return const Center(child: CircularProgressIndicator());
|
|
}
|
|
|
|
if (_bookmarks.isEmpty) {
|
|
return Center(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(Icons.bookmark_border, size: 48, color: colors.onSurfaceVariant.withAlpha(80)),
|
|
const SizedBox(height: 12),
|
|
Text('暂无书签', style: TextStyle(color: colors.onSurfaceVariant)),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
'阅读时点击顶部 ⭐ 按钮添加书签',
|
|
style: TextStyle(fontSize: 12, color: colors.onSurfaceVariant.withAlpha(150)),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
return ListView.builder(
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
itemCount: _bookmarks.length,
|
|
itemBuilder: (context, index) {
|
|
final bm = _bookmarks[index];
|
|
return Dismissible(
|
|
key: ValueKey(bm.id),
|
|
direction: DismissDirection.endToStart,
|
|
background: Container(
|
|
alignment: Alignment.centerRight,
|
|
padding: const EdgeInsets.only(right: 16),
|
|
color: colors.error,
|
|
child: const Icon(Icons.delete, color: Colors.white),
|
|
),
|
|
confirmDismiss: (_) async {
|
|
return await showDialog<bool>(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
title: const Text('删除书签'),
|
|
content: Text('确定删除「${bm.content.isNotEmpty ? bm.content : bm.chapter}」？'),
|
|
actions: [
|
|
TextButton(onPressed: () => Navigator.pop(ctx, false), child: const Text('取消')),
|
|
TextButton(onPressed: () => Navigator.pop(ctx, true), child: const Text('删除')),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
onDismissed: (_) => _deleteBookmark(bm),
|
|
child: ListTile(
|
|
leading: Icon(Icons.bookmark, color: Colors.amber, size: 20),
|
|
title: Text(
|
|
bm.content.isNotEmpty ? bm.content : bm.chapter,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(fontSize: 14),
|
|
),
|
|
subtitle: Text(
|
|
bm.chapter.isNotEmpty ? bm.chapter : '',
|
|
style: TextStyle(fontSize: 12, color: colors.onSurfaceVariant),
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
dense: true,
|
|
onTap: () => widget.onNavigate(bm.cfi),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|