You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
288 lines
11 KiB
Dart
288 lines
11 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
|
import 'package:flutter_linkify/flutter_linkify.dart';
|
|
import 'package:matrix/matrix.dart';
|
|
|
|
import 'package:fluffychat/utils/date_time_extension.dart';
|
|
import 'package:fluffychat/utils/fluffy_share.dart';
|
|
import 'package:fluffychat/utils/url_launcher.dart';
|
|
import 'package:fluffychat/widgets/avatar.dart';
|
|
import 'package:fluffychat/widgets/presence_builder.dart';
|
|
import '../../widgets/matrix.dart';
|
|
import 'user_bottom_sheet.dart';
|
|
|
|
class UserBottomSheetView extends StatelessWidget {
|
|
final UserBottomSheetController controller;
|
|
|
|
const UserBottomSheetView(this.controller, {super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final user = controller.widget.user;
|
|
final userId = (user?.id ?? controller.widget.profile?.userId)!;
|
|
final displayname = (user?.calcDisplayname() ??
|
|
controller.widget.profile?.displayName ??
|
|
controller.widget.profile?.userId.localpart)!;
|
|
final avatarUrl = user?.avatarUrl ?? controller.widget.profile?.avatarUrl;
|
|
|
|
final client = Matrix.of(controller.widget.outerContext).client;
|
|
final profileSearchError = controller.widget.profileSearchError;
|
|
return SafeArea(
|
|
child: Scaffold(
|
|
appBar: AppBar(
|
|
leading: CloseButton(
|
|
onPressed: Navigator.of(context, rootNavigator: false).pop,
|
|
),
|
|
centerTitle: false,
|
|
title: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(displayname),
|
|
PresenceBuilder(
|
|
userId: userId,
|
|
client: client,
|
|
builder: (context, presence) {
|
|
if (presence == null ||
|
|
(presence.presence == PresenceType.offline &&
|
|
presence.lastActiveTimestamp == null)) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
|
|
final dotColor = presence.presence.isOnline
|
|
? Colors.green
|
|
: presence.presence.isUnavailable
|
|
? Colors.orange
|
|
: Colors.grey;
|
|
|
|
final lastActiveTimestamp = presence.lastActiveTimestamp;
|
|
|
|
return Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Container(
|
|
width: 8,
|
|
height: 8,
|
|
margin: const EdgeInsets.only(right: 8),
|
|
decoration: BoxDecoration(
|
|
color: dotColor,
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
),
|
|
if (presence.currentlyActive == true)
|
|
Text(
|
|
L10n.of(context)!.currentlyActive,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: Theme.of(context).textTheme.bodySmall,
|
|
)
|
|
else if (lastActiveTimestamp != null)
|
|
Text(
|
|
L10n.of(context)!.lastActiveAgo(
|
|
lastActiveTimestamp.localizedTimeShort(context),
|
|
),
|
|
overflow: TextOverflow.ellipsis,
|
|
style: Theme.of(context).textTheme.bodySmall,
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
if (userId != client.userID &&
|
|
!client.ignoredUsers.contains(userId))
|
|
Padding(
|
|
padding: const EdgeInsets.only(right: 8.0),
|
|
child: IconButton(
|
|
icon: const Icon(Icons.block_outlined),
|
|
tooltip: L10n.of(context)!.block,
|
|
onPressed: () => controller
|
|
.participantAction(UserBottomSheetAction.ignore),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
body: ListView(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Material(
|
|
elevation:
|
|
Theme.of(context).appBarTheme.scrolledUnderElevation ??
|
|
4,
|
|
shadowColor: Theme.of(context).appBarTheme.shadowColor,
|
|
shape: RoundedRectangleBorder(
|
|
side: BorderSide(
|
|
color: Theme.of(context).dividerColor,
|
|
),
|
|
borderRadius: BorderRadius.circular(
|
|
Avatar.defaultSize * 2.5,
|
|
),
|
|
),
|
|
child: Avatar(
|
|
mxContent: avatarUrl,
|
|
name: displayname,
|
|
size: Avatar.defaultSize * 2.5,
|
|
fontSize: 18 * 2.5,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
TextButton.icon(
|
|
onPressed: () => FluffyShare.share(
|
|
'https://matrix.to/#/$userId',
|
|
context,
|
|
),
|
|
icon: Icon(
|
|
Icons.adaptive.share_outlined,
|
|
size: 16,
|
|
),
|
|
style: TextButton.styleFrom(
|
|
foregroundColor:
|
|
Theme.of(context).colorScheme.onBackground,
|
|
),
|
|
label: Text(
|
|
displayname,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
// style: const TextStyle(fontSize: 18),
|
|
),
|
|
),
|
|
TextButton.icon(
|
|
onPressed: () => FluffyShare.share(
|
|
userId,
|
|
context,
|
|
copyOnly: true,
|
|
),
|
|
icon: const Icon(
|
|
Icons.copy_outlined,
|
|
size: 14,
|
|
),
|
|
style: TextButton.styleFrom(
|
|
foregroundColor:
|
|
Theme.of(context).colorScheme.secondary,
|
|
),
|
|
label: Text(
|
|
userId,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
// style: const TextStyle(fontSize: 12),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (userId != client.userID)
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 16.0,
|
|
vertical: 8.0,
|
|
),
|
|
child: ElevatedButton.icon(
|
|
onPressed: () => controller
|
|
.participantAction(UserBottomSheetAction.message),
|
|
icon: const Icon(Icons.forum_outlined),
|
|
label: Text(
|
|
controller.widget.user == null
|
|
? L10n.of(context)!.startConversation
|
|
: L10n.of(context)!.sendAMessage,
|
|
),
|
|
),
|
|
),
|
|
PresenceBuilder(
|
|
userId: userId,
|
|
client: client,
|
|
builder: (context, presence) {
|
|
final status = presence?.statusMsg;
|
|
if (status == null || status.isEmpty) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
return ListTile(
|
|
title: SelectableLinkify(
|
|
text: status,
|
|
style: const TextStyle(fontSize: 16),
|
|
options: const LinkifyOptions(humanize: false),
|
|
linkStyle: const TextStyle(
|
|
color: Colors.blueAccent,
|
|
decorationColor: Colors.blueAccent,
|
|
),
|
|
onOpen: (url) => UrlLauncher(context, url.url).launchUrl(),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
if (controller.widget.onMention != null)
|
|
ListTile(
|
|
leading: const Icon(Icons.alternate_email_outlined),
|
|
title: Text(L10n.of(context)!.mention),
|
|
onTap: () =>
|
|
controller.participantAction(UserBottomSheetAction.mention),
|
|
),
|
|
if (user != null && user.canChangePowerLevel)
|
|
ListTile(
|
|
title: Text(L10n.of(context)!.setPermissionsLevel),
|
|
leading: const Icon(Icons.edit_attributes_outlined),
|
|
onTap: () => controller
|
|
.participantAction(UserBottomSheetAction.permission),
|
|
),
|
|
if (user != null && user.canKick)
|
|
ListTile(
|
|
title: Text(L10n.of(context)!.kickFromChat),
|
|
leading: const Icon(Icons.exit_to_app_outlined),
|
|
onTap: () =>
|
|
controller.participantAction(UserBottomSheetAction.kick),
|
|
),
|
|
if (user != null &&
|
|
user.canBan &&
|
|
user.membership != Membership.ban)
|
|
ListTile(
|
|
title: Text(L10n.of(context)!.banFromChat),
|
|
leading: const Icon(Icons.warning_sharp),
|
|
onTap: () =>
|
|
controller.participantAction(UserBottomSheetAction.ban),
|
|
)
|
|
else if (user != null &&
|
|
user.canBan &&
|
|
user.membership == Membership.ban)
|
|
ListTile(
|
|
title: Text(L10n.of(context)!.unbanFromChat),
|
|
leading: const Icon(Icons.warning_outlined),
|
|
onTap: () =>
|
|
controller.participantAction(UserBottomSheetAction.unban),
|
|
),
|
|
if (user != null && user.id != client.userID)
|
|
ListTile(
|
|
textColor: Theme.of(context).colorScheme.onErrorContainer,
|
|
iconColor: Theme.of(context).colorScheme.onErrorContainer,
|
|
title: Text(L10n.of(context)!.reportUser),
|
|
leading: const Icon(Icons.report_outlined),
|
|
onTap: () =>
|
|
controller.participantAction(UserBottomSheetAction.report),
|
|
),
|
|
if (profileSearchError != null)
|
|
ListTile(
|
|
leading: const Icon(
|
|
Icons.warning_outlined,
|
|
color: Colors.orange,
|
|
),
|
|
subtitle: Text(
|
|
L10n.of(context)!.profileNotFound,
|
|
style: const TextStyle(color: Colors.orange),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|