Solian/lib/widgets/posts/item.dart

264 lines
7.4 KiB
Dart
Raw Normal View History

2024-04-13 11:47:31 +00:00
import 'package:flutter/material.dart';
2024-04-16 12:36:47 +00:00
import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
2024-04-13 11:47:31 +00:00
import 'package:solian/models/post.dart';
2024-04-16 12:36:47 +00:00
import 'package:solian/widgets/posts/comment_list.dart';
2024-04-13 11:47:31 +00:00
import 'package:solian/widgets/posts/content/article.dart';
import 'package:solian/widgets/posts/content/attachment.dart';
import 'package:solian/widgets/posts/content/moment.dart';
2024-04-14 10:38:44 +00:00
import 'package:solian/widgets/posts/item_action.dart';
2024-04-15 15:08:32 +00:00
import 'package:solian/widgets/posts/reaction_list.dart';
2024-04-17 15:00:53 +00:00
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
2024-04-13 11:47:31 +00:00
import 'package:timeago/timeago.dart' as timeago;
class PostItem extends StatefulWidget {
final Post item;
2024-04-13 17:07:57 +00:00
final bool? brief;
final bool? ripple;
2024-04-14 10:38:44 +00:00
final Function? onUpdate;
2024-04-15 15:08:32 +00:00
final Function? onDelete;
final Function? onTap;
2024-04-13 11:47:31 +00:00
2024-04-15 15:08:32 +00:00
const PostItem({
super.key,
required this.item,
this.brief,
this.ripple,
2024-04-15 15:08:32 +00:00
this.onUpdate,
this.onDelete,
this.onTap,
2024-04-15 15:08:32 +00:00
});
2024-04-13 11:47:31 +00:00
@override
State<PostItem> createState() => _PostItemState();
}
class _PostItemState extends State<PostItem> {
Map<String, dynamic>? reactionList;
void viewActions() {
2024-04-14 10:38:44 +00:00
showModalBottomSheet(
context: context,
builder: (context) => PostItemAction(
item: widget.item,
onUpdate: widget.onUpdate,
),
);
}
void viewComments() {
final PagingController<int, Post> commentPaging = PagingController(firstPageKey: 0);
2024-04-16 12:36:47 +00:00
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,
),
],
),
),
],
);
},
);
}
2024-04-13 11:47:31 +00:00
Widget renderContent() {
switch (widget.item.modelType) {
2024-04-13 17:45:27 +00:00
case 'article':
2024-04-13 17:07:57 +00:00
return ArticleContent(item: widget.item, brief: widget.brief ?? true);
2024-04-13 11:47:31 +00:00
default:
2024-04-13 17:07:57 +00:00
return MomentContent(item: widget.item, brief: widget.brief ?? true);
2024-04-13 11:47:31 +00:00
}
}
Widget renderAttachments() {
2024-04-13 17:45:27 +00:00
if (widget.item.modelType == 'article') return Container();
if (widget.item.attachments != null && widget.item.attachments!.isNotEmpty) {
2024-04-13 17:45:27 +00:00
return Padding(
padding: const EdgeInsets.only(top: 8),
2024-04-17 15:00:53 +00:00
child: AttachmentList(items: widget.item.attachments!, provider: 'interactive'),
2024-04-13 17:45:27 +00:00
);
2024-04-13 11:47:31 +00:00
} else {
return Container();
}
}
2024-04-15 15:08:32 +00:00
Widget renderReactions() {
2024-04-15 15:40:36 +00:00
return Container(
height: 48,
padding: const EdgeInsets.only(top: 8, left: 4, right: 4),
2024-04-16 12:36:47 +00:00
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ActionChip(
avatar: const Icon(Icons.comment),
label: Text(widget.item.commentCount.toString()),
2024-04-17 15:00:53 +00:00
tooltip: AppLocalizations.of(context)!.comment,
onPressed: () => viewComments(),
2024-04-16 12:36:47 +00:00
),
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;
});
},
),
),
],
2024-04-15 15:40:36 +00:00
),
);
2024-04-15 15:08:32 +00:00
}
String getAuthorDescribe() =>
widget.item.author.description.isNotEmpty ? widget.item.author.description : 'No description yet.';
2024-04-13 17:45:27 +00:00
2024-04-15 15:08:32 +00:00
@override
void initState() {
reactionList = widget.item.reactionList;
super.initState();
}
2024-04-13 11:47:31 +00:00
@override
Widget build(BuildContext context) {
2024-04-13 17:45:27 +00:00
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))
],
),
),
];
2024-04-15 15:08:32 +00:00
Widget content;
2024-04-13 17:45:27 +00:00
if (widget.brief ?? true) {
2024-04-15 15:08:32 +00:00
content = Padding(
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16),
child: Column(
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
CircleAvatar(
backgroundImage: NetworkImage(widget.item.author.avatar),
),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
...headingParts,
Padding(
padding: const EdgeInsets.only(left: 12, right: 12, top: 4),
2024-04-15 15:08:32 +00:00
child: renderContent(),
),
renderAttachments(),
renderReactions(),
],
2024-04-14 10:38:44 +00:00
),
2024-04-15 15:08:32 +00:00
),
],
),
],
2024-04-13 17:45:27 +00:00
),
);
} else {
2024-04-15 15:08:32 +00:00
content = Column(
children: [
Padding(
padding: const EdgeInsets.only(left: 12, right: 12, top: 16),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
CircleAvatar(
backgroundImage: NetworkImage(widget.item.author.avatar),
),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
...headingParts,
Padding(
padding: const EdgeInsets.symmetric(horizontal: 12),
child: Text(
getAuthorDescribe(),
maxLines: 1,
2024-04-13 17:45:27 +00:00
),
2024-04-15 15:08:32 +00:00
),
],
2024-04-13 17:45:27 +00:00
),
2024-04-15 15:08:32 +00:00
),
],
2024-04-14 10:38:44 +00:00
),
2024-04-15 15:08:32 +00:00
),
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(),
2024-04-15 15:47:44 +00:00
),
ClipRRect(
borderRadius: BorderRadius.circular(8),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 8),
child: renderReactions(),
),
),
2024-04-15 15:08:32 +00:00
],
2024-04-13 17:45:27 +00:00
);
}
2024-04-15 15:08:32 +00:00
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(),
);
}
2024-04-13 11:47:31 +00:00
}
}