277 lines
9.7 KiB
Dart
277 lines
9.7 KiB
Dart
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/api/api_exception.dart';
|
|
import 'package:simplecloudnotifier/components/layout/scaffold.dart';
|
|
import 'package:simplecloudnotifier/models/api_error.dart';
|
|
import 'package:simplecloudnotifier/models/channel.dart';
|
|
import 'package:simplecloudnotifier/models/keytoken.dart';
|
|
import 'package:simplecloudnotifier/models/message.dart';
|
|
import 'package:simplecloudnotifier/state/app_auth.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<MessageViewPage> createState() => _MessageViewPageState();
|
|
}
|
|
|
|
class _MessageViewPageState extends State<MessageViewPage> {
|
|
late Future<(Message, ChannelWithSubscription?, KeyToken?)>? mainFuture;
|
|
(Message, ChannelWithSubscription?, KeyToken?)? mainFutureSnapshot = null;
|
|
static final _dateFormat = DateFormat('yyyy-MM-dd kk:mm');
|
|
|
|
bool _monospaceMode = false;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
mainFuture = fetchData();
|
|
}
|
|
|
|
Future<(Message, ChannelWithSubscription?, KeyToken?)> fetchData() async {
|
|
final acc = Provider.of<AppAuth>(context, listen: false);
|
|
|
|
final msg = await APIClient.getMessage(acc, widget.message.messageID);
|
|
|
|
ChannelWithSubscription? chn = null;
|
|
try {
|
|
chn = await APIClient.getChannel(acc, msg.channelID); //TODO getShortChannel (?) -> no perm
|
|
} on APIException catch (e) {
|
|
if (e.error == APIError.USER_AUTH_FAILED) {
|
|
chn = null;
|
|
} else {
|
|
rethrow;
|
|
}
|
|
}
|
|
|
|
KeyToken? tok = null;
|
|
try {
|
|
tok = await APIClient.getKeyToken(acc, msg.usedKeyID); //TODO getShortKeyToken (?) -> no perm
|
|
} on APIException catch (e) {
|
|
if (e.error == APIError.USER_AUTH_FAILED) {
|
|
tok = null;
|
|
} else {
|
|
rethrow;
|
|
}
|
|
}
|
|
|
|
//TODO getShortUser for sender
|
|
|
|
//await Future.delayed(const Duration(seconds: 2), () {});
|
|
|
|
final r = (msg, chn, tok);
|
|
|
|
mainFutureSnapshot = r;
|
|
|
|
return r;
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SCNScaffold(
|
|
title: 'Message',
|
|
showSearch: false,
|
|
showShare: true,
|
|
onShare: _share,
|
|
child: FutureBuilder<(Message, ChannelWithSubscription?, KeyToken?)>(
|
|
future: mainFuture,
|
|
builder: (context, snapshot) {
|
|
if (snapshot.hasData) {
|
|
final (msg, chn, tok) = snapshot.data!;
|
|
return _buildMessageView(context, msg, chn, tok, false);
|
|
} 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, true);
|
|
} 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, ChannelWithSubscription? channel, KeyToken? token, bool loading) {
|
|
final userAccUserID = context.select<AppAuth, String?>((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, token, loading),
|
|
SizedBox(height: 8),
|
|
if (message.content != null) ..._buildMessageContent(context, message, channel, token),
|
|
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?.channel.displayName ?? message.channelInternalName], () => {/*TODO*/}),
|
|
_buildMetaCard(context, FontAwesomeIcons.solidTimer, 'Timestamp', [message.timestamp], null),
|
|
_buildMetaCard(context, FontAwesomeIcons.solidUser, 'User', ['TODO'], () => {/*TODO*/}), //TODO
|
|
if (message.senderUserID == userAccUserID) UI.button(text: "Delete Message", onPressed: () {/*TODO*/}, color: Colors.red[900]),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
String _resolveChannelName(ChannelWithSubscription? channel, Message message) {
|
|
return channel?.channel.displayName ?? message.channelInternalName;
|
|
}
|
|
|
|
List<Widget> _buildMessageHeader(BuildContext context, Message message, ChannelWithSubscription? channel, KeyToken? token, bool loading) {
|
|
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),
|
|
if (!loading) Text(message.title, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
|
|
if (loading)
|
|
Stack(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Flexible(child: Text(message.title, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold))),
|
|
SizedBox(height: 20, width: 20),
|
|
],
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(child: SizedBox(width: 0)),
|
|
SizedBox(child: CircularProgressIndicator(), height: 20, width: 20),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
];
|
|
}
|
|
|
|
List<Widget> _buildMessageContent(BuildContext context, Message message, ChannelWithSubscription? channel, KeyToken? token) {
|
|
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: <String>["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<String> 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,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
}
|