improve UI of member list, sort by power level
This commit is contained in:
parent
27dca24889
commit
0c950247b0
4 changed files with 114 additions and 43 deletions
49
lib/controllers/members_grouped_controller.dart
Normal file
49
lib/controllers/members_grouped_controller.dart
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
import "package:fast_immutable_collections/fast_immutable_collections.dart";
|
||||
import "package:flutter_riverpod/flutter_riverpod.dart";
|
||||
import "package:nexus/controllers/members_by_status_controller.dart";
|
||||
import "package:nexus/controllers/rooms_controller.dart";
|
||||
import "package:nexus/models/configs/members_by_status_config.dart";
|
||||
import "package:nexus/models/content/content.dart";
|
||||
import "package:nexus/models/content/power_levels.dart";
|
||||
import "package:nexus/models/event.dart";
|
||||
|
||||
class MembersGroupedController extends AsyncNotifier<IMap<int, ISet<Event>>> {
|
||||
final MembersByStatusConfig config;
|
||||
MembersGroupedController(this.config);
|
||||
|
||||
@override
|
||||
Future<IMap<int, ISet<Event>>> build() async {
|
||||
final event = ref.watch(
|
||||
RoomsController.provider.select((value) {
|
||||
final room = value[config.roomId];
|
||||
final eventRowId = room?.state[EventType.powerLevels.type]?[""];
|
||||
return eventRowId == null ? null : room?.events[eventRowId];
|
||||
}),
|
||||
);
|
||||
|
||||
final content = event?.content is PowerLevelsContent
|
||||
? event!.content as PowerLevelsContent
|
||||
: PowerLevelsContent();
|
||||
|
||||
final members = await ref.watch(
|
||||
MembersByStatusController.provider(config).future,
|
||||
);
|
||||
|
||||
return members.fold<IMap<int, ISet<Event>>>(.new(), (result, event) {
|
||||
final groupKey = content.users[event.stateKey!] ?? content.usersDefault;
|
||||
|
||||
return result.update(
|
||||
groupKey,
|
||||
(value) => value.add(event),
|
||||
ifAbsent: () => .new({event}),
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
static final provider =
|
||||
AsyncNotifierProvider.family<
|
||||
MembersGroupedController,
|
||||
IMap<int, ISet<Event>>,
|
||||
MembersByStatusConfig
|
||||
>(MembersGroupedController.new);
|
||||
}
|
||||
|
|
@ -1,13 +1,14 @@
|
|||
import "package:flutter/material.dart";
|
||||
import "package:flutter_hooks/flutter_hooks.dart";
|
||||
import "package:hooks_riverpod/hooks_riverpod.dart";
|
||||
import "package:nexus/controllers/members_by_status_controller.dart";
|
||||
import "package:material_segmented_list/material_segmented_list.dart";
|
||||
import "package:nexus/controllers/members_grouped_controller.dart";
|
||||
import "package:nexus/helpers/extensions/get_localpart.dart";
|
||||
import "package:nexus/helpers/extensions/show_user_popover.dart";
|
||||
import "package:nexus/helpers/extensions/string_to_color.dart";
|
||||
import "package:nexus/models/content/membership.dart";
|
||||
import "package:nexus/models/membership_status.dart";
|
||||
import "package:nexus/widgets/avatar_or_hash.dart";
|
||||
import "package:nexus/widgets/divider_text.dart";
|
||||
import "package:nexus/widgets/error_dialog.dart";
|
||||
import "package:nexus/widgets/loading.dart";
|
||||
|
||||
|
|
@ -18,11 +19,6 @@ class MemberList extends HookConsumerWidget {
|
|||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final status = useState(MembershipStatus.join);
|
||||
final membersProvider = ref.watch(
|
||||
MembersByStatusController.provider(
|
||||
.new(roomId: roomId, status: status.value),
|
||||
),
|
||||
);
|
||||
|
||||
return Drawer(
|
||||
shape: Border(),
|
||||
|
|
@ -64,50 +60,67 @@ class MemberList extends HookConsumerWidget {
|
|||
),
|
||||
],
|
||||
),
|
||||
switch (membersProvider) {
|
||||
switch (ref.watch(
|
||||
MembersGroupedController.provider(
|
||||
.new(roomId: roomId, status: status.value),
|
||||
),
|
||||
)) {
|
||||
AsyncError(:final error, :final stackTrace) => ErrorDialog(
|
||||
error,
|
||||
stackTrace,
|
||||
),
|
||||
AsyncData(:final value) || AsyncLoading(:final value?) => Expanded(
|
||||
child: ListView(
|
||||
children: value
|
||||
.map(
|
||||
(member) => switch (member.content) {
|
||||
MembershipContent(
|
||||
:final avatarUrl,
|
||||
:final displayName,
|
||||
) =>
|
||||
InkWell(
|
||||
onTapUp: (details) => context.showUserPopover(
|
||||
member.content as MembershipContent,
|
||||
member.stateKey!,
|
||||
roomId: roomId,
|
||||
globalPosition: details.globalPosition,
|
||||
),
|
||||
child: ListTile(
|
||||
leading: AvatarOrHash(
|
||||
avatarUrl,
|
||||
displayName ?? member.sender.localpart,
|
||||
),
|
||||
title: Text(
|
||||
displayName ?? member.stateKey!.localpart,
|
||||
overflow: .ellipsis,
|
||||
style: .new(
|
||||
color: member.stateKey!.colorHash,
|
||||
fontWeight: .bold,
|
||||
padding: .all(12),
|
||||
children: [
|
||||
for (final MapEntry(key: powerLevel, value: members)
|
||||
in value.toEntryIList(
|
||||
compare: (a, b) => (b?.key ?? double.negativeInfinity)
|
||||
.compareTo(a?.key ?? double.negativeInfinity),
|
||||
)) ...[
|
||||
DividerText("Power Level $powerLevel"),
|
||||
SegmentedListSection(
|
||||
children: members
|
||||
.map(
|
||||
(member) => switch (member.content) {
|
||||
MembershipContent(
|
||||
:final avatarUrl,
|
||||
:final displayName,
|
||||
) =>
|
||||
SegmentedListTile(
|
||||
onTap: () {},
|
||||
// context.showUserPopover(
|
||||
// member.content as MembershipContent,
|
||||
// member.stateKey!,
|
||||
// roomId: roomId,
|
||||
// globalPosition: details.globalPosition,
|
||||
// ),
|
||||
title: Text(
|
||||
displayName ?? member.stateKey!.localpart,
|
||||
overflow: .ellipsis,
|
||||
style: .new(
|
||||
color: member.stateKey!.colorHash,
|
||||
fontWeight: .bold,
|
||||
),
|
||||
),
|
||||
subtitle: Text(
|
||||
member.stateKey!,
|
||||
overflow: .ellipsis,
|
||||
),
|
||||
leading: AvatarOrHash(
|
||||
avatarUrl,
|
||||
displayName ?? member.sender.localpart,
|
||||
),
|
||||
),
|
||||
_ => throw Exception(
|
||||
"Member content was not MembershipContent",
|
||||
),
|
||||
subtitle: Text(
|
||||
member.stateKey!,
|
||||
overflow: .ellipsis,
|
||||
),
|
||||
),
|
||||
),
|
||||
_ => SizedBox.shrink(),
|
||||
},
|
||||
)
|
||||
.toList(),
|
||||
},
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
AsyncLoading _ => Loading(),
|
||||
|
|
|
|||
|
|
@ -760,6 +760,14 @@ packages:
|
|||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "0.13.0"
|
||||
material_segmented_list:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
name: material_segmented_list
|
||||
sha256: "384bfd41a78e745397ceff1dd39700961e6a5419ad911d1797bcc13ea3824241"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "1.0.5"
|
||||
measure_size:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -64,6 +64,7 @@ dependencies:
|
|||
media_kit_video: 2.0.1
|
||||
media_kit_libs_video: 1.0.7
|
||||
measure_size: ^5.0.2
|
||||
material_segmented_list: ^1.0.5
|
||||
|
||||
dev_dependencies:
|
||||
build_runner: 2.15.0
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue