fluffychat/lib/components/list_items/message.dart

201 lines
6.2 KiB
Dart
Raw Normal View History

2020-01-01 19:10:13 +01:00
import 'package:bubble/bubble.dart';
import 'package:famedlysdk/famedlysdk.dart';
import 'package:fluffychat/components/dialogs/redact_message_dialog.dart';
import 'package:fluffychat/components/message_content.dart';
import 'package:fluffychat/utils/app_route.dart';
2020-01-09 12:16:34 +01:00
import 'package:fluffychat/utils/date_time_extension.dart';
2020-01-18 13:22:22 +01:00
import 'package:fluffychat/utils/string_color.dart';
import 'package:fluffychat/views/content_web_view.dart';
2020-01-01 19:10:13 +01:00
import 'package:flutter/material.dart';
2020-01-08 20:01:52 +01:00
import 'package:flutter/services.dart';
2020-01-01 19:10:13 +01:00
import '../avatar.dart';
import '../matrix.dart';
import 'state_message.dart';
class Message extends StatelessWidget {
final Event event;
2020-01-17 10:39:46 +01:00
final Event nextEvent;
2020-01-01 19:10:13 +01:00
2020-01-17 10:39:46 +01:00
const Message(this.event, {this.nextEvent});
2020-01-01 19:10:13 +01:00
@override
Widget build(BuildContext context) {
if (![EventTypes.Message, EventTypes.Sticker].contains(event.type)) {
return StateMessage(event);
}
2020-01-01 19:10:13 +01:00
Client client = Matrix.of(context).client;
final bool ownMessage = event.senderId == client.userID;
Alignment alignment = ownMessage ? Alignment.topRight : Alignment.topLeft;
2020-01-03 11:57:00 +01:00
Color color = Theme.of(context).secondaryHeaderColor;
final bool sameSender = nextEvent != null &&
[EventTypes.Message, EventTypes.Sticker].contains(nextEvent.type)
? nextEvent.sender.id == event.sender.id
: false;
2020-01-17 10:39:46 +01:00
BubbleNip nip = sameSender
? BubbleNip.no
: ownMessage ? BubbleNip.rightBottom : BubbleNip.leftBottom;
2020-01-01 19:10:13 +01:00
final Color textColor = ownMessage ? Colors.white : Colors.black;
MainAxisAlignment rowMainAxisAlignment =
ownMessage ? MainAxisAlignment.end : MainAxisAlignment.start;
if (ownMessage) {
2020-01-03 11:57:00 +01:00
color = event.status == -1
? Colors.redAccent
: Theme.of(context).primaryColor;
2020-01-01 19:10:13 +01:00
}
List<PopupMenuEntry<String>> popupMenuList = [];
2020-01-02 22:31:39 +01:00
if (event.canRedact && !event.redacted && event.status > 1) {
2020-01-01 19:10:13 +01:00
popupMenuList.add(
const PopupMenuItem<String>(
value: "remove",
child: Text('Remove message'),
),
);
2020-01-02 22:31:39 +01:00
}
2020-01-08 20:01:52 +01:00
if (!event.redacted &&
[
MessageTypes.Text,
MessageTypes.Reply,
MessageTypes.Location,
MessageTypes.Notice,
MessageTypes.Emote,
MessageTypes.None,
].contains(event.messageType) &&
2020-01-14 12:45:52 +01:00
event.body.isNotEmpty) {
2020-01-08 20:01:52 +01:00
popupMenuList.add(
const PopupMenuItem<String>(
value: "copy",
child: Text('Copy'),
),
);
}
2020-01-17 11:37:02 +01:00
if (!event.redacted) {
popupMenuList.add(
const PopupMenuItem<String>(
value: "forward",
child: Text('Forward'),
),
);
}
2020-01-01 19:10:13 +01:00
if (ownMessage && event.status == -1) {
popupMenuList.add(
const PopupMenuItem<String>(
value: "resend",
child: Text('Send again'),
),
);
popupMenuList.add(
const PopupMenuItem<String>(
value: "delete",
child: Text('Delete message'),
),
);
}
List<Widget> rowChildren = [
Expanded(
child: PopupMenuButton(
2020-01-08 21:20:52 +01:00
tooltip: "Tap to show menu",
2020-01-01 19:10:13 +01:00
onSelected: (String choice) async {
switch (choice) {
case "remove":
2020-01-02 22:31:39 +01:00
await showDialog(
2020-01-01 19:10:13 +01:00
context: context,
builder: (BuildContext context) => RedactMessageDialog(event),
);
break;
case "resend":
2020-01-02 22:31:39 +01:00
await event.sendAgain();
2020-01-01 19:10:13 +01:00
break;
case "delete":
2020-01-02 22:31:39 +01:00
await event.remove();
2020-01-01 19:10:13 +01:00
break;
2020-01-08 20:01:52 +01:00
case "copy":
2020-01-14 12:45:52 +01:00
await Clipboard.setData(ClipboardData(text: event.body));
2020-01-08 20:01:52 +01:00
break;
2020-01-17 11:37:02 +01:00
case "forward":
Matrix.of(context).shareContent = event.content;
Navigator.of(context).popUntil((r) => r.isFirst);
break;
2020-01-01 19:10:13 +01:00
}
},
itemBuilder: (BuildContext context) => popupMenuList,
child: Opacity(
opacity: event.status == 0 ? 0.5 : 1,
child: Bubble(
elevation: 0,
alignment: alignment,
margin: BubbleEdges.symmetric(horizontal: 4),
color: color,
nip: nip,
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text(
ownMessage ? "You" : event.sender.calcDisplayname(),
style: TextStyle(
2020-01-17 10:39:46 +01:00
color: ownMessage
? textColor
2020-01-18 13:22:22 +01:00
: event.sender.calcDisplayname().color,
2020-01-01 19:10:13 +01:00
fontWeight: FontWeight.bold,
),
),
SizedBox(width: 4),
Text(
2020-01-09 12:16:34 +01:00
event.time.localizedTime(context),
2020-01-05 12:27:03 +01:00
style: TextStyle(
2020-01-17 10:39:46 +01:00
color: textColor.withAlpha(180),
2020-01-05 12:27:03 +01:00
),
2020-01-01 19:10:13 +01:00
),
],
),
MessageContent(
event,
textColor: textColor,
),
],
),
),
),
),
),
];
final Widget avatarOrSizedBox = sameSender
? SizedBox(width: 40)
: Avatar(
event.sender.avatarUrl,
2020-01-18 13:22:22 +01:00
event.sender.calcDisplayname(),
onTap: () => Navigator.of(context).push(
AppRoute.defaultRoute(
context,
ContentWebView(event.sender.avatarUrl),
),
),
);
2020-01-02 22:31:39 +01:00
if (ownMessage) {
2020-01-17 10:39:46 +01:00
rowChildren.add(avatarOrSizedBox);
2020-01-02 22:31:39 +01:00
} else {
2020-01-17 10:39:46 +01:00
rowChildren.insert(0, avatarOrSizedBox);
2020-01-02 22:31:39 +01:00
}
2020-01-17 10:39:46 +01:00
2020-01-01 19:10:13 +01:00
return Padding(
2020-01-17 10:39:46 +01:00
padding: EdgeInsets.only(
2020-01-18 13:22:22 +01:00
left: 8.0, right: 8.0, bottom: sameSender ? 4.0 : 8.0),
2020-01-01 19:10:13 +01:00
child: Row(
crossAxisAlignment: CrossAxisAlignment.end,
mainAxisAlignment: rowMainAxisAlignment,
children: rowChildren,
),
);
}
}