129 lines
4 KiB
Dart
129 lines
4 KiB
Dart
|
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:flutter/material.dart';
|
||
|
|
|
||
|
|
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) {
|
||
|
|
if (event.typeKey != "m.room.message") return StateMessage(event);
|
||
|
|
|
||
|
|
Client client = Matrix.of(context).client;
|
||
|
|
final bool ownMessage = event.senderId == client.userID;
|
||
|
|
Alignment alignment = ownMessage ? Alignment.topRight : Alignment.topLeft;
|
||
|
|
Color color = Color(0xFFF8F8F8);
|
||
|
|
BubbleNip nip = ownMessage ? BubbleNip.rightBottom : BubbleNip.leftBottom;
|
||
|
|
final Color textColor = ownMessage ? Colors.white : Colors.black;
|
||
|
|
MainAxisAlignment rowMainAxisAlignment =
|
||
|
|
ownMessage ? MainAxisAlignment.end : MainAxisAlignment.start;
|
||
|
|
|
||
|
|
if (ownMessage) {
|
||
|
|
color = event.status == -1 ? Colors.redAccent : Color(0xFF5625BA);
|
||
|
|
}
|
||
|
|
List<PopupMenuEntry<String>> popupMenuList = [];
|
||
|
|
if (event.canRedact && !event.redacted && event.status > 1)
|
||
|
|
popupMenuList.add(
|
||
|
|
const PopupMenuItem<String>(
|
||
|
|
value: "remove",
|
||
|
|
child: Text('Remove message'),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
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":
|
||
|
|
showDialog(
|
||
|
|
context: context,
|
||
|
|
builder: (BuildContext context) => RedactMessageDialog(event),
|
||
|
|
);
|
||
|
|
break;
|
||
|
|
case "resend":
|
||
|
|
event.sendAgain();
|
||
|
|
break;
|
||
|
|
case "delete":
|
||
|
|
event.remove();
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
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(
|
||
|
|
event.time.toEventTimeString(),
|
||
|
|
style: TextStyle(color: textColor, fontSize: 12),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
MessageContent(
|
||
|
|
event,
|
||
|
|
textColor: textColor,
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
];
|
||
|
|
if (ownMessage)
|
||
|
|
rowChildren.add(Avatar(event.sender.avatarUrl));
|
||
|
|
else
|
||
|
|
rowChildren.insert(0, Avatar(event.sender.avatarUrl));
|
||
|
|
return Padding(
|
||
|
|
padding: const EdgeInsets.all(8.0),
|
||
|
|
child: Row(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
||
|
|
mainAxisAlignment: rowMainAxisAlignment,
|
||
|
|
children: rowChildren,
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|