import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:font_awesome_flutter/font_awesome_flutter.dart'; import 'package:intl/intl.dart'; import 'package:provider/provider.dart'; import 'package:share_plus/share_plus.dart'; import 'package:simplecloudnotifier/api/api_client.dart'; import 'package:simplecloudnotifier/components/layout/scaffold.dart'; import 'package:simplecloudnotifier/models/channel.dart'; import 'package:simplecloudnotifier/models/keytoken.dart'; import 'package:simplecloudnotifier/models/message.dart'; import 'package:simplecloudnotifier/models/user.dart'; import 'package:simplecloudnotifier/state/app_auth.dart'; import 'package:simplecloudnotifier/state/app_bar_state.dart'; import 'package:simplecloudnotifier/utils/toaster.dart'; import 'package:simplecloudnotifier/utils/ui.dart'; class MessageViewPage extends StatefulWidget { const MessageViewPage({super.key, required this.message}); final Message message; // Potentially trimmed @override State createState() => _MessageViewPageState(); } class _MessageViewPageState extends State { late Future<(Message, ChannelPreview, KeyTokenPreview, UserPreview)>? mainFuture; (Message, ChannelPreview, KeyTokenPreview, UserPreview)? mainFutureSnapshot = null; static final _dateFormat = DateFormat('yyyy-MM-dd kk:mm'); bool _monospaceMode = false; @override void initState() { mainFuture = fetchData(); super.initState(); } Future<(Message, ChannelPreview, KeyTokenPreview, UserPreview)> fetchData() async { try { await Future.delayed(const Duration(seconds: 0), () {}); // this is annoyingly important - otherwise we call setLoadingIndeterminate directly in initStat() and get an exception.... AppBarState().setLoadingIndeterminate(true); final acc = Provider.of(context, listen: false); final msg = await APIClient.getMessage(acc, widget.message.messageID); final fut_chn = APIClient.getChannelPreview(acc, msg.channelID); final fut_key = APIClient.getKeyTokenPreview(acc, msg.usedKeyID); final fut_usr = APIClient.getUserPreview(acc, msg.senderUserID); final chn = await fut_chn; final key = await fut_key; final usr = await fut_usr; //await Future.delayed(const Duration(seconds: 10), () {}); final r = (msg, chn, key, usr); mainFutureSnapshot = r; return r; } finally { AppBarState().setLoadingIndeterminate(false); } } @override void dispose() { super.dispose(); } @override Widget build(BuildContext context) { return SCNScaffold( title: 'Message', showSearch: false, showShare: true, onShare: _share, child: FutureBuilder<(Message, ChannelPreview, KeyTokenPreview, UserPreview)>( future: mainFuture, builder: (context, snapshot) { if (snapshot.hasData) { final (msg, chn, tok, usr) = snapshot.data!; return _buildMessageView(context, msg, chn, tok, usr); } else if (snapshot.hasError) { return Center(child: Text('${snapshot.error}')); //TODO nice error page } else if (!widget.message.trimmed) { return _buildMessageView(context, widget.message, null, null, null); } else { return const Center(child: CircularProgressIndicator()); } }, ), ); } void _share() async { var msg = widget.message; if (mainFutureSnapshot != null) { (msg, _, _, _) = mainFutureSnapshot!; } if (msg.content != null) { final result = await Share.share(msg.content!, subject: msg.title); if (result.status == ShareResultStatus.unavailable) { Toaster.error('Error', "Failed to open share dialog"); } } else { final result = await Share.share(msg.title); if (result.status == ShareResultStatus.unavailable) { Toaster.error('Error', "Failed to open share dialog"); } } } Widget _buildMessageView(BuildContext context, Message message, ChannelPreview? channel, KeyTokenPreview? token, UserPreview? user) { final userAccUserID = context.select((v) => v.userID); return SingleChildScrollView( child: Padding( padding: const EdgeInsets.fromLTRB(24, 16, 24, 16), child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ ..._buildMessageHeader(context, message, channel), SizedBox(height: 8), if (message.content != null) ..._buildMessageContent(context, message), SizedBox(height: 8), if (message.senderName != null) _buildMetaCard(context, FontAwesomeIcons.solidSignature, 'Sender', [message.senderName!], () => {/*TODO*/}), _buildMetaCard(context, FontAwesomeIcons.solidGearCode, 'KeyToken', [message.usedKeyID, if (token != null) token.name], () => {/*TODO*/}), _buildMetaCard(context, FontAwesomeIcons.solidIdCardClip, 'MessageID', [message.messageID, if (message.userMessageID != null) message.userMessageID!], null), _buildMetaCard(context, FontAwesomeIcons.solidSnake, 'Channel', [message.channelID, channel?.displayName ?? message.channelInternalName], () => {/*TODO*/}), _buildMetaCard(context, FontAwesomeIcons.solidTimer, 'Timestamp', [message.timestamp], null), _buildMetaCard(context, FontAwesomeIcons.solidUser, 'User', [if (user != null) user.userID, if (user?.username != null) user!.username!], () => {/*TODO*/}), //TODO if (message.senderUserID == userAccUserID) UI.button(text: "Delete Message", onPressed: () {/*TODO*/}, color: Colors.red[900]), ], ), ), ); } String _resolveChannelName(ChannelPreview? channel, Message message) { return channel?.displayName ?? message.channelInternalName; } List _buildMessageHeader(BuildContext context, Message message, ChannelPreview? channel) { return [ Row( children: [ UI.channelChip( context: context, text: _resolveChannelName(channel, message), margin: const EdgeInsets.fromLTRB(0, 0, 4, 0), fontSize: 16, ), Expanded(child: SizedBox()), Text(_dateFormat.format(DateTime.parse(message.timestamp)), style: const TextStyle(fontSize: 14)), ], ), SizedBox(height: 8), Text(message.title, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold)), ]; } List _buildMessageContent(BuildContext context, Message message) { return [ Row( children: [ if (message.priority == 2) FaIcon(FontAwesomeIcons.solidTriangleExclamation, size: 16, color: Colors.red[900]), if (message.priority == 0) FaIcon(FontAwesomeIcons.solidDown, size: 16, color: Colors.lightBlue[900]), Expanded(child: SizedBox()), UI.buttonIconOnly( onPressed: () { Clipboard.setData(new ClipboardData(text: message.content ?? '')); Toaster.info("Clipboard", 'Copied text to Clipboard'); }, icon: FontAwesomeIcons.copy, ), UI.buttonIconOnly( icon: _monospaceMode ? FontAwesomeIcons.lineColumns : FontAwesomeIcons.alignLeft, onPressed: () { setState(() { _monospaceMode = !_monospaceMode; }); }, ), ], ), _monospaceMode ? UI.box( context: context, padding: const EdgeInsets.all(4), child: SingleChildScrollView( scrollDirection: Axis.horizontal, child: Text( message.content ?? '', style: TextStyle(fontFamily: "monospace", fontFamilyFallback: ["Courier"]), ), ), borderColor: (message.priority == 2) ? Colors.red[900] : null, ) : UI.box( context: context, padding: const EdgeInsets.all(4), child: Text(message.content ?? ''), borderColor: (message.priority == 2) ? Colors.red[900] : null, ) ]; } Widget _buildMetaCard(BuildContext context, IconData icn, String title, List values, void Function()? action) { final container = UI.box( context: context, padding: EdgeInsets.fromLTRB(16, 2, 4, 2), child: Row( children: [ FaIcon(icn, size: 18), SizedBox(width: 16), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text(title, style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold)), for (final val in values) Text(val, style: const TextStyle(fontSize: 14)), ], ), ], ), ); if (action == null) { return Padding( padding: EdgeInsets.symmetric(vertical: 4, horizontal: 0), child: container, ); } else { return Padding( padding: EdgeInsets.symmetric(vertical: 4, horizontal: 0), child: InkWell( splashColor: Theme.of(context).splashColor, onTap: action, child: container, ), ); } } }