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.
120 lines
4.3 KiB
Dart
120 lines
4.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:matrix/matrix.dart';
|
|
|
|
import 'package:fluffychat/l10n/l10n.dart';
|
|
import 'package:fluffychat/pangea/activity_planner/activity_plan_model.dart';
|
|
import 'package:fluffychat/pangea/activity_sessions/activity_role_model.dart';
|
|
import 'package:fluffychat/utils/string_color.dart';
|
|
import 'package:fluffychat/widgets/avatar.dart';
|
|
import 'package:fluffychat/widgets/hover_builder.dart';
|
|
|
|
class ActivityParticipantIndicator extends StatelessWidget {
|
|
final ActivityRole availableRole;
|
|
final ActivityRoleModel? assignedRole;
|
|
|
|
final String? avatarUrl;
|
|
|
|
final VoidCallback? onTap;
|
|
final bool selected;
|
|
final double opacity;
|
|
|
|
final EdgeInsetsGeometry? padding;
|
|
final BorderRadius? borderRadius;
|
|
|
|
const ActivityParticipantIndicator({
|
|
super.key,
|
|
required this.availableRole,
|
|
this.avatarUrl,
|
|
this.assignedRole,
|
|
this.selected = false,
|
|
this.onTap,
|
|
this.opacity = 1.0,
|
|
this.padding,
|
|
this.borderRadius,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
return AbsorbPointer(
|
|
absorbing: onTap == null,
|
|
child: MouseRegion(
|
|
cursor: SystemMouseCursors.click,
|
|
child: GestureDetector(
|
|
onTap: onTap,
|
|
child: HoverBuilder(
|
|
builder: (context, hovered) {
|
|
return Opacity(
|
|
opacity: opacity,
|
|
child: Container(
|
|
padding: padding ??
|
|
const EdgeInsets.symmetric(
|
|
vertical: 4.0,
|
|
horizontal: 8.0,
|
|
),
|
|
decoration: BoxDecoration(
|
|
borderRadius: borderRadius ?? BorderRadius.circular(8.0),
|
|
color: hovered || selected
|
|
? theme.colorScheme.surfaceContainerHighest
|
|
: Colors.transparent,
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
assignedRole != null
|
|
? avatarUrl == null || avatarUrl!.startsWith("mxc")
|
|
? Avatar(
|
|
mxContent: avatarUrl != null
|
|
? Uri.parse(avatarUrl!)
|
|
: null,
|
|
name: assignedRole?.userId.localpart,
|
|
size: 60.0,
|
|
)
|
|
: ClipRRect(
|
|
borderRadius: BorderRadius.circular(30),
|
|
child: CachedNetworkImage(
|
|
imageUrl: avatarUrl!,
|
|
width: 60.0,
|
|
height: 60.0,
|
|
fit: BoxFit.cover,
|
|
),
|
|
)
|
|
: CircleAvatar(
|
|
radius: 30.0,
|
|
backgroundColor:
|
|
theme.colorScheme.primaryContainer,
|
|
),
|
|
Text(
|
|
availableRole.name,
|
|
style: const TextStyle(
|
|
fontSize: 12.0,
|
|
),
|
|
),
|
|
Text(
|
|
assignedRole?.userId.localpart ??
|
|
L10n.of(context).openRoleLabel,
|
|
style: TextStyle(
|
|
fontSize: 12.0,
|
|
color:
|
|
(Theme.of(context).brightness == Brightness.light
|
|
? assignedRole
|
|
?.userId.localpart?.lightColorAvatar
|
|
: assignedRole
|
|
?.userId.localpart?.lightColorText) ??
|
|
assignedRole?.role?.lightColorAvatar,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|