diff --git a/assets/translations/en.json b/assets/translations/en.json index 9ba725bb..74807be8 100644 --- a/assets/translations/en.json +++ b/assets/translations/en.json @@ -47,6 +47,7 @@ "compress": "Compress", "report": "Report", "repost": "Repost", + "replyPost": "Reply", "reply": "Reply", "unset": "Unset", "untitled": "Untitled", @@ -158,5 +159,6 @@ "realmDeleted": "Realm {} has been deleted.", "realmDelete": "Delete realm {}", "realmDeleteDescription": "Are you sure you want to delete this realm? This operation is irreversible, all resources (posts, chat channels, publishers, etc) belonging to this realm will be permanently deleted. Be careful and think twice!", - "fieldChatMessage": "Message in {}" + "fieldChatMessage": "Message in {}", + "eventResourceTag": "Event {}" } diff --git a/assets/translations/zh.json b/assets/translations/zh.json index 85e69e9f..8df76610 100644 --- a/assets/translations/zh.json +++ b/assets/translations/zh.json @@ -47,7 +47,8 @@ "compress": "压缩", "report": "检举", "repost": "转帖", - "reply": "回贴", + "replyPost": "回贴", + "reply": "回复", "unset": "未设置", "untitled": "无题", "postDetail": "帖子详情", @@ -158,5 +159,6 @@ "realmDeleted": "领域 {} 已被删除" , "realmDelete": "删除领域 {}", "realmDeleteDescription": "你确定要删除这个领域吗？该操作不可撤销，其隶属于该领域的所有资源（帖子、聊天频道、发布者、制品等）都将被永久删除。三思而后行！", - "fieldChatMessage": "在 {} 中发消息" + "fieldChatMessage": "在 {} 中发消息", + "eventResourceTag": "消息 {}" } diff --git a/lib/screens/chat/room.dart b/lib/screens/chat/room.dart index f78f7485..4e8472d6 100644 --- a/lib/screens/chat/room.dart +++ b/lib/screens/chat/room.dart @@ -118,9 +118,11 @@ class _ChatRoomScreenState extends State { hasMerged: canMergePrevious, isPending: _messageController.unconfirmedMessages .contains(message.uuid), - onReply: () { - _inputGlobalKey.currentState?.setReply(message); + onReply: (value) { + _inputGlobalKey.currentState?.setReply(value); }, + onEdit: (value) {}, + onDelete: (value) {}, ); }, ), diff --git a/lib/widgets/chat/chat_message.dart b/lib/widgets/chat/chat_message.dart index 49b7d49b..e53d15bb 100644 --- a/lib/widgets/chat/chat_message.dart +++ b/lib/widgets/chat/chat_message.dart @@ -1,10 +1,12 @@ import 'package:easy_localization/easy_localization.dart'; import 'package:flutter/material.dart'; +import 'package:flutter_context_menu/flutter_context_menu.dart'; import 'package:gap/gap.dart'; import 'package:material_symbols_icons/symbols.dart'; import 'package:provider/provider.dart'; import 'package:styled_widget/styled_widget.dart'; import 'package:surface/providers/user_directory.dart'; +import 'package:surface/providers/userinfo.dart'; import 'package:surface/types/chat.dart'; import 'package:surface/widgets/account/account_image.dart'; import 'package:surface/widgets/attachment/attachment_list.dart'; @@ -17,7 +19,9 @@ class ChatMessage extends StatelessWidget { final bool isMerged; final bool hasMerged; final bool isPending; - final Function()? onReply; + final Function(SnChatMessage)? onReply; + final Function(SnChatMessage)? onEdit; + final Function(SnChatMessage)? onDelete; const ChatMessage({ super.key, required this.data, @@ -26,100 +30,139 @@ class ChatMessage extends StatelessWidget { this.hasMerged = false, this.isPending = false, this.onReply, + this.onEdit, + this.onDelete, }); @override Widget build(BuildContext context) { + final ua = context.read(); final ud = context.read(); final user = ud.getAccountFromCache(data.sender.accountId); + final isOwner = ua.isAuthorized && data.sender.accountId == ua.user!.id; + final dateFormatter = DateFormat('MM/dd HH:mm'); return SwipeTo( key: Key('chat-message-${data.id}'), iconOnLeftSwipe: Symbols.reply, swipeSensitivity: 20, - onLeftSwipe: onReply != null ? (_) => onReply!() : null, - child: Column( - crossAxisAlignment: CrossAxisAlignment.start, - children: [ - Row( - crossAxisAlignment: CrossAxisAlignment.start, - children: [ - if (!isMerged && !isCompact) - AccountImage( - content: user?.avatar, - ) - else if (isMerged) - const Gap(40), - const Gap(8), - Expanded( - child: Column( - crossAxisAlignment: CrossAxisAlignment.start, - children: [ - if (!isMerged) - Row( - crossAxisAlignment: CrossAxisAlignment.baseline, - textBaseline: TextBaseline.alphabetic, - children: [ - if (isCompact) - AccountImage( - content: user?.avatar, - radius: 12, - ).padding(right: 6), - Text( - (data.sender.nick?.isNotEmpty ?? false) - ? data.sender.nick! - : user!.nick, - ).bold(), - const Gap(6), - Text( - dateFormatter.format(data.createdAt.toLocal()), - ).fontSize(13), - ], - ), - if (isCompact) const Gap(4), - if (data.preload?.quoteEvent != null) - StyledWidget(Container( - decoration: BoxDecoration( - borderRadius: - const BorderRadius.all(Radius.circular(8)), - border: Border.all( - color: Theme.of(context).dividerColor, - width: 1, + onLeftSwipe: onReply != null ? (_) => onReply!(data) : null, + child: ContextMenuRegion( + contextMenu: ContextMenu( + entries: [ + MenuHeader(text: "eventResourceTag".tr(args: ['#${data.id}'])), + if (onReply != null) + MenuItem( + label: 'reply'.tr(), + icon: Symbols.reply, + onSelected: () { + onReply!(data); + }, + ), + if (isOwner && onEdit != null) + MenuItem( + label: 'edit'.tr(), + icon: Symbols.edit, + onSelected: () { + onEdit!(data); + }, + ), + if (isOwner && onDelete != null) + MenuItem( + label: 'delete'.tr(), + icon: Symbols.delete, + onSelected: () { + onDelete!(data); + }, + ), + ], + ), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + if (!isMerged && !isCompact) + AccountImage( + content: user?.avatar, + ) + else if (isMerged) + const Gap(40), + const Gap(8), + Expanded( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + if (!isMerged) + Row( + crossAxisAlignment: CrossAxisAlignment.baseline, + textBaseline: TextBaseline.alphabetic, + children: [ + if (isCompact) + AccountImage( + content: user?.avatar, + radius: 12, + ).padding(right: 6), + Text( + (data.sender.nick?.isNotEmpty ?? false) + ? data.sender.nick! + : user!.nick, + ).bold(), + const Gap(6), + Text( + dateFormatter.format(data.createdAt.toLocal()), + ).fontSize(13), + ], + ), + if (isCompact) const Gap(4), + if (data.preload?.quoteEvent != null) + StyledWidget(Container( + decoration: BoxDecoration( + borderRadius: + const BorderRadius.all(Radius.circular(8)), + border: Border.all( + color: Theme.of(context).dividerColor, + width: 1, + ), ), + padding: const EdgeInsets.only( + left: 4, + right: 4, + top: 8, + bottom: 6, + ), + child: ChatMessage( + data: data.preload!.quoteEvent!, + isCompact: true, + onReply: onReply, + onEdit: onEdit, + onDelete: onDelete, + ), + )).padding(bottom: 4, top: isMerged ? 4 : 2), + if (data.body['text'] != null) + MarkdownTextContent( + content: data.body['text'], + isAutoWarp: true, ), - padding: const EdgeInsets.only( - left: 4, - right: 4, - top: 8, - bottom: 6, - ), - child: ChatMessage( - data: data.preload!.quoteEvent!, - isCompact: true, - ), - )).padding(bottom: 4, top: isMerged ? 4 : 2), - if (data.body['text'] != null) - MarkdownTextContent( - content: data.body['text'], - isAutoWarp: true, - ), - ], - ), - ) - ], - ).opacity(isPending ? 0.5 : 1), - if (data.preload?.attachments?.isNotEmpty ?? false) - AttachmentList( - data: data.preload!.attachments!, - bordered: true, - noGrow: true, - maxHeight: 520, - listPadding: const EdgeInsets.only(top: 8), - ), - if (!hasMerged && !isCompact) const Gap(12), - ], + ], + ), + ) + ], + ).opacity(isPending ? 0.5 : 1), + if (data.preload?.attachments?.isNotEmpty ?? false) + AttachmentList( + data: data.preload!.attachments!, + bordered: true, + noGrow: true, + maxHeight: 520, + listPadding: const EdgeInsets.only(top: 8), + ), + if (!hasMerged && !isCompact) const Gap(12), + ], + ), ), ); } diff --git a/lib/widgets/post/post_item.dart b/lib/widgets/post/post_item.dart index 1f2800e2..038e2319 100644 --- a/lib/widgets/post/post_item.dart +++ b/lib/widgets/post/post_item.dart @@ -248,7 +248,7 @@ class _PostContentHeader extends StatelessWidget { children: [ const Icon(Symbols.reply), const Gap(16), - Text('reply').tr(), + Text('replyPost').tr(), ], ), onTap: () { diff --git a/lib/widgets/post/post_media_pending_list.dart b/lib/widgets/post/post_media_pending_list.dart index 34a9c99e..b41dcebb 100644 --- a/lib/widgets/post/post_media_pending_list.dart +++ b/lib/widgets/post/post_media_pending_list.dart @@ -76,11 +76,15 @@ class PostMediaPendingListRaw extends StatelessWidget { final media = attachments[idx]; final result = (!kIsWeb && (Platform.isIOS || Platform.isMacOS)) ? await showCupertinoImageCropper( + // ignore: use_build_context_synchronously context, + // ignore: use_build_context_synchronously imageProvider: media.getImageProvider(context)!, ) : await showMaterialImageCropper( + // ignore: use_build_context_synchronously context, + // ignore: use_build_context_synchronously imageProvider: media.getImageProvider(context)!, );