Solian/lib/widgets/posts/item.dart
2024-05-01 17:37:34 +08:00

272 lines
7.5 KiB
Dart

import 'package:flutter/material.dart';
import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
import 'package:solian/models/post.dart';
import 'package:solian/widgets/account/avatar.dart';
import 'package:solian/widgets/posts/comment_list.dart';
import 'package:solian/widgets/posts/content/article.dart';
import 'package:solian/widgets/posts/content/attachment.dart';
import 'package:solian/widgets/posts/content/moment.dart';
import 'package:solian/widgets/posts/item_action.dart';
import 'package:solian/widgets/posts/reaction_list.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:timeago/timeago.dart' as timeago;
class PostItem extends StatefulWidget {
final Post item;
final bool? brief;
final bool? ripple;
final Function? onUpdate;
final Function? onDelete;
final Function? onTap;
const PostItem({
super.key,
required this.item,
this.brief,
this.ripple,
this.onUpdate,
this.onDelete,
this.onTap,
});
@override
State<PostItem> createState() => _PostItemState();
}
class _PostItemState extends State<PostItem> {
Map<String, dynamic>? reactionList;
void viewActions() {
showModalBottomSheet(
context: context,
builder: (context) => PostItemAction(
item: widget.item,
onUpdate: widget.onUpdate,
),
);
}
void viewComments() {
final PagingController<int, Post> commentPaging =
PagingController(firstPageKey: 0);
showModalBottomSheet(
context: context,
builder: (context) {
return Column(
children: [
CommentListHeader(
related: widget.item,
paging: commentPaging,
),
Expanded(
child: CustomScrollView(
slivers: [
CommentList(
related: widget.item,
dataset: '${widget.item.modelType}s',
paging: commentPaging,
),
],
),
),
],
);
},
);
}
Widget renderContent() {
switch (widget.item.modelType) {
case 'article':
return ArticleContent(item: widget.item, brief: widget.brief ?? true);
default:
return MomentContent(item: widget.item, brief: widget.brief ?? true);
}
}
Widget renderAttachments() {
if (widget.item.modelType == 'article') return Container();
if (widget.item.attachments != null &&
widget.item.attachments!.isNotEmpty) {
return Padding(
padding: const EdgeInsets.only(top: 8),
child: AttachmentList(
items: widget.item.attachments!, provider: 'interactive'),
);
} else {
return Container();
}
}
Widget renderReactions() {
return Container(
height: 48,
padding: const EdgeInsets.only(top: 8, left: 4, right: 4),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ActionChip(
avatar: const Icon(Icons.comment),
label: Text(widget.item.commentCount.toString()),
tooltip: AppLocalizations.of(context)!.comment,
onPressed: () => viewComments(),
),
const VerticalDivider(thickness: 0.3, indent: 8, endIndent: 8),
Expanded(
child: ReactionList(
item: widget.item,
reactionList: reactionList,
onReact: (symbol, changes) {
setState(() {
if (!reactionList!.containsKey(symbol)) {
reactionList![symbol] = 0;
}
reactionList![symbol] += changes;
});
},
),
),
],
),
);
}
String getAuthorDescribe() => widget.item.author.description.isNotEmpty
? widget.item.author.description
: 'No description yet.';
@override
void initState() {
reactionList = widget.item.reactionList ?? {};
super.initState();
}
@override
Widget build(BuildContext context) {
final headingParts = [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 12),
child: Row(
children: [
Text(
widget.item.author.nick,
style: const TextStyle(fontWeight: FontWeight.bold),
),
const SizedBox(width: 4),
Text(timeago.format(widget.item.createdAt))
],
),
),
];
Widget content;
if (widget.brief ?? true) {
content = Padding(
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16),
child: Column(
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
AccountAvatar(
source: widget.item.author.avatar,
direct: true,
),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
...headingParts,
Padding(
padding:
const EdgeInsets.only(left: 12, right: 12, top: 4),
child: renderContent(),
),
renderAttachments(),
renderReactions(),
],
),
),
],
),
],
),
);
} else {
content = Column(
children: [
Padding(
padding: const EdgeInsets.only(left: 12, right: 12, top: 16),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
AccountAvatar(
source: widget.item.author.avatar,
direct: true,
),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
...headingParts,
Padding(
padding: const EdgeInsets.symmetric(horizontal: 12),
child: Text(
getAuthorDescribe(),
maxLines: 1,
),
),
],
),
),
],
),
),
const Padding(
padding: EdgeInsets.only(top: 6),
child: Divider(thickness: 0.3),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
child: renderContent(),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 8),
child: renderAttachments(),
),
ClipRRect(
borderRadius: BorderRadius.circular(8),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 8),
child: renderReactions(),
),
),
],
);
}
final ripple = widget.ripple ?? true;
if (ripple) {
return InkWell(
child: content,
onTap: () {
if (widget.onTap != null) widget.onTap!();
},
onLongPress: () => viewActions(),
);
} else {
return GestureDetector(
child: content,
onTap: () {
if (widget.onTap != null) widget.onTap!();
},
onLongPress: () => viewActions(),
);
}
}
}