Solian/lib/widgets/posts/post_item.dart

242 lines
7.4 KiB
Dart
Raw Normal View History

2024-05-18 10:17:16 +00:00
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
2024-05-23 12:00:26 +00:00
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
2024-05-18 10:17:16 +00:00
import 'package:get/get_utils/get_utils.dart';
import 'package:solian/models/post.dart';
2024-05-25 05:19:16 +00:00
import 'package:solian/router.dart';
2024-05-18 10:17:16 +00:00
import 'package:solian/widgets/account/account_avatar.dart';
2024-05-18 14:23:36 +00:00
import 'package:solian/widgets/attachments/attachment_list.dart';
import 'package:solian/widgets/posts/post_quick_action.dart';
2024-05-18 10:17:16 +00:00
import 'package:timeago/timeago.dart' show format;
2024-05-26 05:39:21 +00:00
import 'package:url_launcher/url_launcher_string.dart';
2024-05-18 10:17:16 +00:00
class PostItem extends StatefulWidget {
final Post item;
2024-05-25 05:19:16 +00:00
final bool isClickable;
final bool isCompact;
final bool isReactable;
2024-05-25 05:19:16 +00:00
final bool isShowReply;
2024-05-25 09:21:27 +00:00
final bool isShowEmbed;
2024-05-25 16:11:00 +00:00
final String? overrideAttachmentParent;
2024-05-18 10:17:16 +00:00
const PostItem({
super.key,
required this.item,
2024-05-25 05:19:16 +00:00
this.isClickable = false,
this.isCompact = false,
this.isReactable = true,
2024-05-25 05:19:16 +00:00
this.isShowReply = true,
2024-05-25 09:21:27 +00:00
this.isShowEmbed = true,
2024-05-25 16:11:00 +00:00
this.overrideAttachmentParent,
});
2024-05-18 10:17:16 +00:00
@override
State<PostItem> createState() => _PostItemState();
}
class _PostItemState extends State<PostItem> {
2024-05-19 12:30:50 +00:00
late final Post item;
@override
void initState() {
item = widget.item;
super.initState();
}
Widget buildReply(BuildContext context) {
return Column(
children: [
Row(
children: [
2024-05-23 12:00:26 +00:00
FaIcon(
FontAwesomeIcons.reply,
size: 16,
color: Theme.of(context).colorScheme.onSurface.withOpacity(0.75),
),
Text(
'postRepliedNotify'.trParams(
2024-05-25 16:11:00 +00:00
{'username': '@${widget.item.replyTo!.author.name}'},
),
style: TextStyle(
color:
Theme.of(context).colorScheme.onSurface.withOpacity(0.75),
),
).paddingOnly(left: 6),
],
).paddingOnly(left: 12),
Card(
elevation: 1,
child: PostItem(
item: widget.item.replyTo!,
isCompact: true,
2024-05-25 16:11:00 +00:00
overrideAttachmentParent: widget.item.alias,
).paddingSymmetric(vertical: 8),
),
],
);
}
Widget buildRepost(BuildContext context) {
return Column(
children: [
Row(
children: [
2024-05-23 12:00:26 +00:00
FaIcon(
FontAwesomeIcons.retweet,
size: 16,
color: Theme.of(context).colorScheme.onSurface.withOpacity(0.75),
),
Text(
'postRepostedNotify'.trParams(
2024-05-25 16:11:00 +00:00
{'username': '@${widget.item.repostTo!.author.name}'},
),
style: TextStyle(
color:
Theme.of(context).colorScheme.onSurface.withOpacity(0.75),
),
).paddingOnly(left: 6),
],
).paddingOnly(left: 12),
Card(
elevation: 1,
child: PostItem(
item: widget.item.repostTo!,
isCompact: true,
2024-05-25 16:11:00 +00:00
overrideAttachmentParent: widget.item.alias,
).paddingSymmetric(vertical: 8),
),
],
);
}
2024-05-18 10:17:16 +00:00
@override
Widget build(BuildContext context) {
2024-05-19 12:30:50 +00:00
final hasAttachment = item.attachments?.isNotEmpty ?? false;
if (widget.isCompact) {
return Column(
children: [
Row(
children: [
AccountAvatar(content: item.author.avatar.toString(), radius: 10),
Text(
item.author.nick,
style: const TextStyle(fontWeight: FontWeight.bold),
).paddingOnly(left: 6),
Text(format(item.createdAt, locale: 'en_short'))
.paddingOnly(left: 4),
],
).paddingSymmetric(horizontal: 12),
Markdown(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
data: item.content,
padding: const EdgeInsets.all(0),
2024-05-26 05:39:21 +00:00
onTapLink: (text, href, title) async {
if (href == null) return;
await launchUrlString(
href,
mode: LaunchMode.externalApplication,
);
},
).paddingOnly(
left: 16,
right: 12,
top: 2,
bottom: hasAttachment ? 4 : 0,
),
2024-05-25 16:11:00 +00:00
AttachmentList(
parentId: widget.overrideAttachmentParent ?? widget.item.alias,
attachmentsId: item.attachments ?? List.empty(),
),
],
);
}
2024-05-18 14:23:36 +00:00
return Column(
2024-05-18 10:17:16 +00:00
children: [
2024-05-18 14:23:36 +00:00
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
AccountAvatar(content: item.author.avatar.toString()),
2024-05-18 14:23:36 +00:00
Expanded(
child: Column(
2024-05-18 10:17:16 +00:00
children: [
2024-05-18 14:23:36 +00:00
Row(
children: [
Text(
2024-05-19 12:30:50 +00:00
item.author.nick,
2024-05-18 14:23:36 +00:00
style: const TextStyle(fontWeight: FontWeight.bold),
2024-05-18 16:56:32 +00:00
).paddingOnly(left: 12),
Text(format(item.createdAt, locale: 'en_short'))
.paddingOnly(left: 4),
2024-05-18 14:23:36 +00:00
],
),
Markdown(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
2024-05-19 12:30:50 +00:00
data: item.content,
2024-05-18 14:23:36 +00:00
padding: const EdgeInsets.all(0),
2024-05-18 16:56:32 +00:00
).paddingOnly(left: 12, right: 8),
2024-05-25 09:21:27 +00:00
if (widget.item.replyTo != null && widget.isShowEmbed)
2024-05-25 05:19:16 +00:00
GestureDetector(
child: buildReply(context).paddingOnly(top: 4),
onTap: () {
if (!widget.isClickable) return;
AppRouter.instance.pushNamed(
'postDetail',
pathParameters: {
'alias': widget.item.replyTo!.alias,
},
);
},
),
2024-05-25 09:21:27 +00:00
if (widget.item.repostTo != null && widget.isShowEmbed)
2024-05-25 05:19:16 +00:00
GestureDetector(
child: buildRepost(context).paddingOnly(top: 4),
onTap: () {
if (!widget.isClickable) return;
AppRouter.instance.pushNamed(
'postDetail',
pathParameters: {
'alias': widget.item.repostTo!.alias,
},
);
},
),
2024-05-18 10:17:16 +00:00
],
),
2024-05-18 14:23:36 +00:00
)
],
).paddingOnly(
top: 10,
2024-05-19 12:30:50 +00:00
bottom: hasAttachment ? 10 : 0,
2024-05-18 14:23:36 +00:00
right: 16,
left: 16,
),
2024-05-25 16:11:00 +00:00
AttachmentList(
parentId: widget.item.alias,
attachmentsId: item.attachments ?? List.empty(),
),
2024-05-19 12:30:50 +00:00
PostQuickAction(
2024-05-25 05:19:16 +00:00
isShowReply: widget.isShowReply,
isReactable: widget.isReactable,
2024-05-19 12:30:50 +00:00
item: widget.item,
onReact: (symbol, changes) {
setState(() {
item.reactionList[symbol] =
(item.reactionList[symbol] ?? 0) + changes;
2024-05-19 12:30:50 +00:00
});
},
).paddingOnly(
top: hasAttachment ? 10 : 6,
left: hasAttachment ? 16 : 60,
right: 16,
bottom: 10,
),
2024-05-18 10:17:16 +00:00
],
);
}
}