2020-01-01 18:10:13 +00: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';
|
2020-01-03 08:20:30 +00:00
|
|
|
import 'package:fluffychat/utils/chat_time.dart';
|
2020-01-01 18:10:13 +00:00
|
|
|
import 'package:flutter/material.dart';
|
2020-01-08 19:01:52 +00:00
|
|
|
import 'package:flutter/services.dart';
|
2020-01-01 18:10:13 +00:00
|
|
|
|
|
|
|
import '../avatar.dart';
|
|
|
|
import '../matrix.dart';
|
|
|
|
import 'state_message.dart';
|
|
|
|
|
|
|
|
class Message extends StatelessWidget {
|
|
|
|
final Event event;
|
|
|
|
|
|
|
|
const Message(this.event);
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2020-01-04 12:53:49 +00:00
|
|
|
if (![EventTypes.Message, EventTypes.Sticker].contains(event.type)) {
|
|
|
|
return StateMessage(event);
|
|
|
|
}
|
2020-01-01 18:10:13 +00:00
|
|
|
|
|
|
|
Client client = Matrix.of(context).client;
|
|
|
|
final bool ownMessage = event.senderId == client.userID;
|
|
|
|
Alignment alignment = ownMessage ? Alignment.topRight : Alignment.topLeft;
|
2020-01-03 10:57:00 +00:00
|
|
|
Color color = Theme.of(context).secondaryHeaderColor;
|
2020-01-01 18:10:13 +00:00
|
|
|
BubbleNip nip = ownMessage ? BubbleNip.rightBottom : BubbleNip.leftBottom;
|
|
|
|
final Color textColor = ownMessage ? Colors.white : Colors.black;
|
|
|
|
MainAxisAlignment rowMainAxisAlignment =
|
|
|
|
ownMessage ? MainAxisAlignment.end : MainAxisAlignment.start;
|
|
|
|
|
|
|
|
if (ownMessage) {
|
2020-01-03 10:57:00 +00:00
|
|
|
color = event.status == -1
|
|
|
|
? Colors.redAccent
|
|
|
|
: Theme.of(context).primaryColor;
|
2020-01-01 18:10:13 +00:00
|
|
|
}
|
|
|
|
List<PopupMenuEntry<String>> popupMenuList = [];
|
2020-01-02 21:31:39 +00:00
|
|
|
if (event.canRedact && !event.redacted && event.status > 1) {
|
2020-01-01 18:10:13 +00:00
|
|
|
popupMenuList.add(
|
|
|
|
const PopupMenuItem<String>(
|
|
|
|
value: "remove",
|
|
|
|
child: Text('Remove message'),
|
|
|
|
),
|
|
|
|
);
|
2020-01-02 21:31:39 +00:00
|
|
|
}
|
2020-01-08 19:01:52 +00:00
|
|
|
|
|
|
|
if (!event.redacted &&
|
|
|
|
[
|
|
|
|
MessageTypes.Text,
|
|
|
|
MessageTypes.Reply,
|
|
|
|
MessageTypes.Location,
|
|
|
|
MessageTypes.Notice,
|
|
|
|
MessageTypes.Emote,
|
|
|
|
MessageTypes.None,
|
|
|
|
].contains(event.messageType) &&
|
|
|
|
event.getBody().isNotEmpty) {
|
|
|
|
popupMenuList.add(
|
|
|
|
const PopupMenuItem<String>(
|
|
|
|
value: "copy",
|
|
|
|
child: Text('Copy'),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2020-01-01 18:10:13 +00: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(
|
|
|
|
onSelected: (String choice) async {
|
|
|
|
switch (choice) {
|
|
|
|
case "remove":
|
2020-01-02 21:31:39 +00:00
|
|
|
await showDialog(
|
2020-01-01 18:10:13 +00:00
|
|
|
context: context,
|
|
|
|
builder: (BuildContext context) => RedactMessageDialog(event),
|
|
|
|
);
|
|
|
|
break;
|
|
|
|
case "resend":
|
2020-01-02 21:31:39 +00:00
|
|
|
await event.sendAgain();
|
2020-01-01 18:10:13 +00:00
|
|
|
break;
|
|
|
|
case "delete":
|
2020-01-02 21:31:39 +00:00
|
|
|
await event.remove();
|
2020-01-01 18:10:13 +00:00
|
|
|
break;
|
2020-01-08 19:01:52 +00:00
|
|
|
case "copy":
|
|
|
|
await Clipboard.setData(ClipboardData(text: event.getBody()));
|
|
|
|
break;
|
2020-01-01 18:10:13 +00: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(
|
|
|
|
color: textColor,
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
SizedBox(width: 4),
|
|
|
|
Text(
|
2020-01-02 14:10:21 +00:00
|
|
|
ChatTime(event.time).toEventTimeString(),
|
2020-01-05 11:27:03 +00:00
|
|
|
style: TextStyle(
|
|
|
|
color: textColor.withAlpha(200),
|
|
|
|
),
|
2020-01-01 18:10:13 +00:00
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
MessageContent(
|
|
|
|
event,
|
|
|
|
textColor: textColor,
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
];
|
2020-01-02 21:31:39 +00:00
|
|
|
if (ownMessage) {
|
2020-01-01 18:10:13 +00:00
|
|
|
rowChildren.add(Avatar(event.sender.avatarUrl));
|
2020-01-02 21:31:39 +00:00
|
|
|
} else {
|
2020-01-01 18:10:13 +00:00
|
|
|
rowChildren.insert(0, Avatar(event.sender.avatarUrl));
|
2020-01-02 21:31:39 +00:00
|
|
|
}
|
2020-01-01 18:10:13 +00:00
|
|
|
return Padding(
|
|
|
|
padding: const EdgeInsets.all(8.0),
|
|
|
|
child: Row(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
|
|
mainAxisAlignment: rowMainAxisAlignment,
|
|
|
|
children: rowChildren,
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|