2020-01-01 19:10:13 +01:00
|
|
|
import 'package:bubble/bubble.dart';
|
|
|
|
import 'package:famedlysdk/famedlysdk.dart';
|
|
|
|
import 'package:fluffychat/components/message_content.dart';
|
2020-01-20 13:46:39 +01:00
|
|
|
import 'package:fluffychat/i18n/i18n.dart';
|
2020-01-17 11:08:12 +01:00
|
|
|
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';
|
2020-01-17 11:08:12 +01:00
|
|
|
import 'package:fluffychat/views/content_web_view.dart';
|
2020-01-01 19:10:13 +01:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
|
|
|
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-02-09 15:15:29 +01:00
|
|
|
final Function(Event) onSelect;
|
|
|
|
final bool longPressSelect;
|
|
|
|
final bool selected;
|
2020-01-01 19:10:13 +01:00
|
|
|
|
2020-02-09 15:15:29 +01:00
|
|
|
const Message(this.event,
|
|
|
|
{this.nextEvent, this.longPressSelect, this.onSelect, this.selected});
|
2020-01-01 19:10:13 +01:00
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2020-01-04 13:53:49 +01:00
|
|
|
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-02-07 20:00:20 +01:00
|
|
|
Color color = Theme.of(context).secondaryHeaderColor;
|
2020-01-17 11:08:12 +01:00
|
|
|
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(
|
2020-01-20 13:46:39 +01:00
|
|
|
PopupMenuItem<String>(
|
2020-01-01 19:10:13 +01:00
|
|
|
value: "remove",
|
2020-01-20 13:46:39 +01:00
|
|
|
child: Text(I18n.of(context).removeMessage),
|
2020-01-01 19:10:13 +01:00
|
|
|
),
|
|
|
|
);
|
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(
|
2020-01-27 10:59:03 +01:00
|
|
|
PopupMenuItem<String>(
|
2020-01-08 20:01:52 +01:00
|
|
|
value: "copy",
|
2020-01-27 10:59:03 +01:00
|
|
|
child: Text(I18n.of(context).copy),
|
2020-01-08 20:01:52 +01:00
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2020-01-17 11:37:02 +01:00
|
|
|
if (!event.redacted) {
|
|
|
|
popupMenuList.add(
|
2020-01-20 13:46:39 +01:00
|
|
|
PopupMenuItem<String>(
|
2020-01-17 11:37:02 +01:00
|
|
|
value: "forward",
|
2020-01-20 13:46:39 +01:00
|
|
|
child: Text(I18n.of(context).forward),
|
2020-01-17 11:37:02 +01:00
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2020-01-01 19:10:13 +01:00
|
|
|
if (ownMessage && event.status == -1) {
|
|
|
|
popupMenuList.add(
|
2020-01-20 13:46:39 +01:00
|
|
|
PopupMenuItem<String>(
|
2020-01-01 19:10:13 +01:00
|
|
|
value: "resend",
|
2020-01-20 13:46:39 +01:00
|
|
|
child: Text(I18n.of(context).tryToSendAgain),
|
2020-01-01 19:10:13 +01:00
|
|
|
),
|
|
|
|
);
|
|
|
|
popupMenuList.add(
|
2020-01-20 13:46:39 +01:00
|
|
|
PopupMenuItem<String>(
|
2020-01-01 19:10:13 +01:00
|
|
|
value: "delete",
|
2020-01-20 13:46:39 +01:00
|
|
|
child: Text(I18n.of(context).deleteMessage),
|
2020-01-01 19:10:13 +01:00
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
List<Widget> rowChildren = [
|
|
|
|
Expanded(
|
2020-02-09 15:15:29 +01:00
|
|
|
child: InkWell(
|
|
|
|
onTap: longPressSelect ? null : () => onSelect(event),
|
|
|
|
onLongPress: !longPressSelect ? null : () => onSelect(event),
|
2020-01-23 21:22:25 +01:00
|
|
|
child: AnimatedOpacity(
|
|
|
|
duration: Duration(milliseconds: 500),
|
2020-02-09 15:15:29 +01:00
|
|
|
opacity: (event.status == 0 || event.redacted) ? 0.5 : 1,
|
2020-01-01 19:10:13 +01:00
|
|
|
child: Bubble(
|
2020-02-07 20:00:20 +01:00
|
|
|
elevation: 0,
|
|
|
|
radius: Radius.circular(8),
|
2020-01-01 19:10:13 +01:00
|
|
|
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(
|
2020-01-20 13:46:39 +01:00
|
|
|
ownMessage
|
|
|
|
? I18n.of(context).you
|
|
|
|
: event.sender.calcDisplayname(),
|
2020-01-01 19:10:13 +01:00
|
|
|
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,
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
];
|
2020-01-17 11:08:12 +01:00
|
|
|
final Widget avatarOrSizedBox = sameSender
|
|
|
|
? SizedBox(width: 40)
|
|
|
|
: Avatar(
|
|
|
|
event.sender.avatarUrl,
|
2020-01-18 13:22:22 +01:00
|
|
|
event.sender.calcDisplayname(),
|
2020-01-17 11:08:12 +01:00
|
|
|
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-02-09 15:15:29 +01:00
|
|
|
return AnimatedContainer(
|
|
|
|
duration: Duration(milliseconds: 300),
|
|
|
|
curve: Curves.fastOutSlowIn,
|
|
|
|
color: selected
|
|
|
|
? Theme.of(context).primaryColor.withAlpha(100)
|
|
|
|
: Theme.of(context).backgroundColor,
|
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,
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|