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.
103 lines
3.3 KiB
Dart
103 lines
3.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
|
import 'package:matrix/matrix.dart';
|
|
|
|
import 'package:fluffychat/config/app_config.dart';
|
|
import 'package:fluffychat/widgets/member_actions_popup_menu_button.dart';
|
|
import '../../widgets/avatar.dart';
|
|
|
|
class ParticipantListItem extends StatelessWidget {
|
|
final User user;
|
|
|
|
const ParticipantListItem(this.user, {super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
|
|
final membershipBatch = switch (user.membership) {
|
|
Membership.ban => L10n.of(context).banned,
|
|
Membership.invite => L10n.of(context).invited,
|
|
Membership.join => null,
|
|
Membership.knock => L10n.of(context).knocking,
|
|
Membership.leave => L10n.of(context).leftTheChat,
|
|
};
|
|
|
|
final permissionBatch = user.powerLevel >= 100
|
|
? L10n.of(context).admin
|
|
: user.powerLevel >= 50
|
|
? L10n.of(context).moderator
|
|
: '';
|
|
|
|
return ListTile(
|
|
onTap: () => showMemberActionsPopupMenu(context: context, user: user),
|
|
title: Row(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: Text(
|
|
user.calcDisplayname(),
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
if (permissionBatch.isNotEmpty)
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 12,
|
|
vertical: 6,
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: user.powerLevel >= 100
|
|
? theme.colorScheme.tertiary
|
|
: theme.colorScheme.tertiaryContainer,
|
|
borderRadius: BorderRadius.circular(
|
|
AppConfig.borderRadius,
|
|
),
|
|
),
|
|
child: Text(
|
|
permissionBatch,
|
|
style: theme.textTheme.labelSmall?.copyWith(
|
|
color: user.powerLevel >= 100
|
|
? theme.colorScheme.onTertiary
|
|
: theme.colorScheme.onTertiaryContainer,
|
|
),
|
|
),
|
|
),
|
|
membershipBatch == null
|
|
? const SizedBox.shrink()
|
|
: Container(
|
|
padding:
|
|
const EdgeInsets.symmetric(vertical: 4, horizontal: 8),
|
|
margin: const EdgeInsets.symmetric(horizontal: 8),
|
|
decoration: BoxDecoration(
|
|
color: theme.colorScheme.secondaryContainer,
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
membershipBatch,
|
|
style: theme.textTheme.labelSmall?.copyWith(
|
|
color: theme.colorScheme.onSecondaryContainer,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
subtitle: Text(
|
|
user.id,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
leading: Opacity(
|
|
opacity: user.membership == Membership.join ? 1 : 0.5,
|
|
child: Avatar(
|
|
mxContent: user.avatarUrl,
|
|
name: user.calcDisplayname(),
|
|
presenceUserId: user.stateKey,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|