fluffychat/lib/pages/chat/events/message_content.dart

272 lines
9.6 KiB
Dart
Raw Normal View History

2020-01-01 19:10:13 +01:00
import 'package:flutter/material.dart';
2021-10-26 18:50:34 +02:00
import 'package:flutter_gen/gen_l10n/l10n.dart';
2021-10-26 18:50:34 +02:00
import 'package:future_loading_dialog/future_loading_dialog.dart';
import 'package:matrix/matrix.dart';
2020-09-05 13:45:03 +02:00
import 'package:matrix_link_text/link_text.dart';
2020-01-01 19:10:13 +01:00
import 'package:url_launcher/url_launcher.dart';
2021-10-26 18:50:34 +02:00
import 'package:fluffychat/utils/matrix_sdk_extensions.dart/event_extension.dart';
import 'package:fluffychat/utils/matrix_sdk_extensions.dart/matrix_locals.dart';
2021-11-09 21:32:16 +01:00
import 'package:fluffychat/widgets/matrix.dart';
import '../../../config/app_config.dart';
import '../../../pages/video_viewer/video_viewer.dart';
import '../../../utils/platform_infos.dart';
import '../../../utils/url_launcher.dart';
import '../../bootstrap/bootstrap_dialog.dart';
2021-11-09 21:32:16 +01:00
import 'audio_player.dart';
2021-10-26 18:50:34 +02:00
import 'html_message.dart';
2021-11-09 21:32:16 +01:00
import 'image_bubble.dart';
2021-08-01 09:53:43 +02:00
import 'map_bubble.dart';
2021-10-26 18:50:34 +02:00
import 'message_download_content.dart';
import 'sticker.dart';
2020-01-01 19:10:13 +01:00
class MessageContent extends StatelessWidget {
final Event event;
final Color textColor;
2021-11-13 13:06:36 +01:00
final void Function(Event) onInfoTab;
2020-01-01 19:10:13 +01:00
2021-11-13 13:06:36 +01:00
const MessageContent(this.event, {this.onInfoTab, Key key, this.textColor})
: super(key: key);
2020-01-01 19:10:13 +01:00
2020-11-22 11:46:31 +01:00
void _verifyOrRequestKey(BuildContext context) async {
if (event.content['can_request_session'] != true) {
2021-05-23 13:11:55 +02:00
ScaffoldMessenger.of(context).showSnackBar(SnackBar(
2021-04-03 13:09:20 +02:00
content: Text(
event.type == EventTypes.Encrypted
2020-11-22 11:46:31 +01:00
? L10n.of(context).needPantalaimonWarning
: event.getLocalizedBody(
MatrixLocals(L10n.of(context)),
),
2021-04-03 13:09:20 +02:00
)));
2020-11-22 11:46:31 +01:00
return;
}
final client = Matrix.of(context).client;
if (client.isUnknownSession && client.encryption.crossSigning.enabled) {
await BootstrapDialog(
client: Matrix.of(context).client,
).show(context);
final timeline = await event.room.getTimeline();
timeline.requestKeys();
timeline.cancelSubscriptions();
2020-11-22 11:46:31 +01:00
} else {
2020-12-25 09:58:34 +01:00
final success = await showFutureLoadingDialog(
context: context,
future: () => event.requestKey(),
2020-11-22 11:46:31 +01:00
);
2020-12-25 09:58:34 +01:00
if (success.error == null) {
2021-05-23 13:11:55 +02:00
ScaffoldMessenger.of(context).showSnackBar(SnackBar(
2021-04-03 13:09:20 +02:00
content: Text(L10n.of(context).requestToReadOlderMessages)));
2020-11-22 11:46:31 +01:00
}
}
}
2020-01-01 19:10:13 +01:00
@override
Widget build(BuildContext context) {
2021-11-13 13:06:36 +01:00
final fontSize = AppConfig.messageFontSize * AppConfig.fontSizeFactor;
2021-11-15 07:59:51 +01:00
final buttonTextColor =
event.senderId == Matrix.of(context).client.userID ? textColor : null;
2020-01-01 19:10:13 +01:00
switch (event.type) {
case EventTypes.Message:
2020-02-21 09:45:37 +01:00
case EventTypes.Encrypted:
case EventTypes.Sticker:
2020-03-29 20:13:25 +02:00
switch (event.messageType) {
case MessageTypes.Image:
2021-11-19 10:01:35 +01:00
return ImageBubble(
event,
width: 400,
height: 300,
fit: BoxFit.cover,
);
case MessageTypes.Sticker:
2021-11-19 10:01:35 +01:00
return Sticker(event);
case MessageTypes.Audio:
if (PlatformInfos.isMobile) {
return AudioPlayerWidget(
event,
color: textColor,
);
}
return MessageDownloadContent(event, textColor);
2020-03-13 21:58:48 +01:00
case MessageTypes.Video:
2021-08-08 17:55:00 +02:00
if (event.showThumbnail &&
(PlatformInfos.isMobile || PlatformInfos.isWeb)) {
return Stack(
alignment: Alignment.center,
children: <Widget>[
2021-11-14 20:24:17 +01:00
ImageBubble(
event,
width: 400,
height: 300,
fit: BoxFit.cover,
tapToView: false,
),
FloatingActionButton.extended(
onPressed: () => showDialog(
context: Matrix.of(context).navigatorContext,
useRootNavigator: false,
builder: (_) => VideoViewer(event),
),
label: Text(L10n.of(context).play('Video')),
icon: const Icon(Icons.video_camera_front_outlined),
),
],
2021-08-08 17:55:00 +02:00
);
}
return MessageDownloadContent(event, textColor);
2020-03-13 21:58:48 +01:00
case MessageTypes.File:
2020-05-03 11:56:53 +02:00
return MessageDownloadContent(event, textColor);
case MessageTypes.Text:
2020-05-09 13:36:41 +02:00
case MessageTypes.Notice:
case MessageTypes.Emote:
if (AppConfig.renderHtml &&
2020-05-13 15:58:59 +02:00
!event.redacted &&
2020-09-21 09:44:13 +02:00
event.isRichMessage) {
var html = event.formattedText;
2020-05-09 13:36:41 +02:00
if (event.messageType == MessageTypes.Emote) {
2020-05-13 15:58:59 +02:00
html = '* $html';
2020-05-09 13:36:41 +02:00
}
final bigEmotes = event.onlyEmotes &&
event.numberEmotes > 0 &&
event.numberEmotes <= 10;
2020-05-09 13:36:41 +02:00
return HtmlMessage(
html: html,
2020-05-15 07:47:32 +02:00
defaultTextStyle: TextStyle(
color: textColor,
2020-09-20 11:35:28 +02:00
fontSize: bigEmotes ? fontSize * 3 : fontSize,
2020-05-15 07:47:32 +02:00
),
2021-01-27 20:08:09 +01:00
linkStyle: TextStyle(
color: textColor.withAlpha(150),
fontSize: bigEmotes ? fontSize * 3 : fontSize,
decoration: TextDecoration.underline,
),
2020-05-14 07:43:21 +02:00
room: event.room,
2020-09-20 11:35:28 +02:00
emoteSize: bigEmotes ? fontSize * 3 : fontSize * 1.5,
2020-05-09 13:36:41 +02:00
);
}
// else we fall through to the normal message rendering
continue textmessage;
case MessageTypes.BadEncrypted:
2020-11-22 11:46:31 +01:00
case EventTypes.Encrypted:
2021-11-13 13:06:36 +01:00
return _ButtonContent(
2021-11-15 07:59:51 +01:00
textColor: buttonTextColor,
2020-11-22 11:46:31 +01:00
onPressed: () => _verifyOrRequestKey(context),
2021-10-14 18:09:30 +02:00
icon: const Icon(Icons.lock_outline),
2021-11-13 13:06:36 +01:00
label: L10n.of(context).encrypted,
2020-11-22 11:46:31 +01:00
);
case MessageTypes.Location:
2021-08-01 09:53:43 +02:00
final geoUri =
Uri.tryParse(event.content.tryGet<String>('geo_uri'));
if (geoUri != null &&
geoUri.scheme == 'geo' &&
geoUri.path != null) {
final latlong = geoUri.path
.split(';')
.first
.split(',')
.map((s) => double.tryParse(s))
.toList();
if (latlong.length == 2 &&
latlong.first != null &&
latlong.last != null) {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
MapBubble(
latitude: latlong.first,
longitude: latlong.last,
),
2021-10-14 18:09:30 +02:00
const SizedBox(height: 6),
2021-08-01 09:53:43 +02:00
OutlinedButton.icon(
icon: Icon(Icons.location_on_outlined, color: textColor),
onPressed:
UrlLauncher(context, geoUri.toString()).launchUrl,
label: Text(
L10n.of(context).openInMaps,
style: TextStyle(color: textColor),
),
),
],
);
}
}
continue textmessage;
case MessageTypes.None:
2020-05-09 13:36:41 +02:00
textmessage:
2020-02-21 09:45:37 +01:00
default:
2020-04-08 17:43:07 +02:00
if (event.content['msgtype'] == Matrix.callNamespace) {
2021-11-13 13:06:36 +01:00
return _ButtonContent(
2020-04-08 17:43:07 +02:00
onPressed: () => launch(event.body),
2021-10-14 18:09:30 +02:00
icon: const Icon(Icons.phone_outlined, color: Colors.green),
2021-11-13 13:06:36 +01:00
label: L10n.of(context).videoCall,
2021-11-15 07:59:51 +01:00
textColor: buttonTextColor,
2020-04-08 17:43:07 +02:00
);
}
2020-11-22 21:45:23 +01:00
if (event.redacted) {
2021-11-13 13:06:36 +01:00
return _ButtonContent(
label: L10n.of(context)
.redactedAnEvent(event.sender.calcDisplayname()),
icon: const Icon(Icons.delete_outlined),
2021-11-15 07:59:51 +01:00
textColor: buttonTextColor,
2021-11-13 13:06:36 +01:00
onPressed: () => onInfoTab(event),
2020-11-22 21:45:23 +01:00
);
}
final bigEmotes = event.onlyEmotes &&
event.numberEmotes > 0 &&
event.numberEmotes <= 10;
2020-01-06 20:36:11 +01:00
return LinkText(
text: event.getLocalizedBody(MatrixLocals(L10n.of(context)),
hideReply: true),
2020-01-06 20:36:11 +01:00
textStyle: TextStyle(
color: textColor,
2020-09-20 11:35:28 +02:00
fontSize: bigEmotes ? fontSize * 3 : fontSize,
decoration: event.redacted ? TextDecoration.lineThrough : null,
),
2021-01-27 20:08:09 +01:00
linkStyle: TextStyle(
color: textColor.withAlpha(150),
fontSize: bigEmotes ? fontSize * 3 : fontSize,
decoration: TextDecoration.underline,
),
2020-09-05 13:45:03 +02:00
onLinkTap: (url) => UrlLauncher(context, url).launchUrl(),
);
2020-01-04 09:37:09 +01:00
}
2020-02-21 09:45:37 +01:00
break;
2020-01-19 15:07:42 +01:00
default:
2021-11-13 13:06:36 +01:00
return _ButtonContent(
label: L10n.of(context)
2020-06-10 10:07:01 +02:00
.userSentUnknownEvent(event.sender.calcDisplayname(), event.type),
2021-11-13 13:06:36 +01:00
icon: const Icon(Icons.info_outlined),
2021-11-15 07:59:51 +01:00
textColor: buttonTextColor,
2021-11-13 13:06:36 +01:00
onPressed: () => onInfoTab(event),
2020-01-02 23:38:46 +01:00
);
2020-01-01 19:10:13 +01:00
}
2020-05-09 13:36:41 +02:00
return Container(); // else flutter analyze complains
2020-01-01 19:10:13 +01:00
}
}
2021-11-13 13:06:36 +01:00
class _ButtonContent extends StatelessWidget {
final void Function() onPressed;
final String label;
final Icon icon;
final Color textColor;
const _ButtonContent({
@required this.label,
@required this.icon,
@required this.textColor,
@required this.onPressed,
Key key,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return TextButton.icon(
2021-11-13 13:06:36 +01:00
onPressed: onPressed,
icon: icon,
2021-11-14 12:00:49 +01:00
label: Text(label, overflow: TextOverflow.ellipsis),
2021-11-15 07:59:51 +01:00
style: TextButton.styleFrom(primary: textColor),
2021-11-13 13:06:36 +01:00
);
}
}