fluffychat/lib/pangea/activity_sessions/activity_participant_list.dart

import 'package:flutter/material.dart';

import 'package:collection/collection.dart';
import 'package:matrix/matrix.dart';

import 'package:fluffychat/pangea/activity_planner/activity_plan_model.dart';
import 'package:fluffychat/pangea/activity_sessions/activity_participant_indicator.dart';
import 'package:fluffychat/pangea/activity_sessions/activity_role_model.dart';
import 'package:fluffychat/pangea/spaces/load_participants_builder.dart';
import 'package:fluffychat/widgets/avatar.dart';
import 'package:fluffychat/widgets/matrix.dart';
import 'package:fluffychat/widgets/member_actions_popup_menu_button.dart';

class ActivityParticipantList extends StatelessWidget {
  final ActivityPlanModel activity;
  final Room? room;
  final Room? course;
  final Function(String)? onTap;
  final Map<String, ActivityRoleModel> assignedRoles;

  final bool Function(String)? canSelect;
  final bool Function(String)? isSelected;
  final bool Function(String)? isShimmering;
  final double Function(ActivityRoleModel?)? getOpacity;

  const ActivityParticipantList({
    super.key,
    required this.activity,
    required this.assignedRoles,
    this.room,
    this.course,
    this.onTap,
    this.canSelect,
    this.isSelected,
    this.isShimmering,
    this.getOpacity,
  });

  @override
  Widget build(BuildContext context) {
    return LoadParticipantsBuilder(
      room: room,
      builder: (context, participants) {
        final theme = Theme.of(context);
        final availableRoles = activity.roles.values.sorted(
          (a, b) => a.id.compareTo(b.id),
        );

        final remainingMembers = participants.participants.where(
          (p) => !assignedRoles.values.any((r) => r.userId == p.id),
        );
        return Column(
          spacing: 12.0,
          mainAxisSize: MainAxisSize.min,
          children: [
            LayoutBuilder(
              builder: (context, constraints) {
                const minItemWidth = 125.0;

                final rows =
                    (availableRoles.length /
                            (constraints.maxWidth / minItemWidth))
                        .ceil();

                final entriesPerRow = (availableRoles.length / rows).ceil();

                return Column(
                  spacing: 8.0,
                  children: List.generate(rows, (rowIndex) {
                    final entries = availableRoles
                        .skip(rowIndex * entriesPerRow)
                        .take(entriesPerRow)
                        .toList();

                    return Row(
                      spacing: 8.0,
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: entries.map((availableRole) {
                        final selected = isSelected != null
                            ? isSelected!(availableRole.id)
                            : false;

                        final assignedRole =
                            assignedRoles[availableRole.id] ??
                            (selected
                                ? ActivityRoleModel(
                                    id: availableRole.id,
                                    userId: Matrix.of(context).client.userID!,
                                    role: availableRole.name,
                                  )
                                : null);

                        final User? user =
                            participants.participants.firstWhereOrNull(
                              (u) => u.id == assignedRole?.userId,
                            ) ??
                            course?.getParticipants().firstWhereOrNull(
                              (u) => u.id == assignedRole?.userId,
                            );

                        final selectable = canSelect != null
                            ? canSelect!(availableRole.id)
                            : true;

                        final shimmering = isShimmering != null
                            ? isShimmering!(availableRole.id)
                            : false;

                        return Expanded(
                          child: ActivityParticipantIndicator(
                            name: availableRole.name,
                            userId: assignedRole?.userId,
                            opacity: getOpacity != null
                                ? getOpacity!(assignedRole)
                                : 1.0,
                            user: user,
                            onTap: onTap != null && selectable
                                ? () => onTap!(availableRole.id)
                                : null,
                            selected: selected,
                            selectable: selectable,
                            shimmer: shimmering,
                            room: room,
                          ),
                        );
                      }).toList(),
                    );
                  }),
                );
              },
            ),
            Wrap(
              alignment: WrapAlignment.center,
              spacing: 12.0,
              runSpacing: 12.0,
              children: remainingMembers.map((member) {
                return InkWell(
                  onTap: () => showMemberActionsPopupMenu(
                    context: context,
                    user: member,
                    room: room,
                  ),
                  child: Container(
                    decoration: BoxDecoration(
                      color: theme.colorScheme.primaryContainer,
                      borderRadius: BorderRadius.circular(18.0),
                    ),
                    padding: const EdgeInsets.all(4.0),
                    child: Opacity(
                      opacity: 0.5,
                      child: Row(
                        spacing: 4.0,
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          Avatar(
                            size: 18.0,
                            mxContent: member.avatarUrl,
                            name: member.calcDisplayname(),
                            userId: member.id,
                          ),
                          ConstrainedBox(
                            constraints: const BoxConstraints(maxWidth: 80.0),
                            child: Text(
                              member.calcDisplayname(),
                              style: TextStyle(
                                fontSize: 12.0,
                                color: theme.colorScheme.onPrimaryContainer,
                              ),
                              overflow: TextOverflow.ellipsis,
                              maxLines: 1,
                            ),
                          ),
                        ],
                      ),
                    ),
                  ),
                );
              }).toList(),
            ),
          ],
        );
      },
    );
  }
}