import 'package:flutter/material.dart'; import 'package:adaptive_dialog/adaptive_dialog.dart'; import 'package:collection/collection.dart'; import 'package:flutter_gen/gen_l10n/l10n.dart'; import 'package:future_loading_dialog/future_loading_dialog.dart'; import 'package:matrix/matrix.dart'; import 'package:vrouter/vrouter.dart'; import 'package:fluffychat/pages/chat_list/chat_list.dart'; import 'package:fluffychat/pages/chat_list/chat_list_item.dart'; import 'package:fluffychat/pages/chat_list/search_title.dart'; import 'package:fluffychat/utils/matrix_sdk_extensions/matrix_locals.dart'; import 'package:fluffychat/widgets/avatar.dart'; import '../../utils/localized_exception_extension.dart'; import '../../widgets/matrix.dart'; import 'chat_list_header.dart'; class SpaceView extends StatefulWidget { final ChatListController controller; final ScrollController scrollController; const SpaceView( this.controller, { Key? key, required this.scrollController, }) : super(key: key); @override State createState() => _SpaceViewState(); } class _SpaceViewState extends State { static final Map> _requests = {}; String? prevBatch; void _refresh() { setState(() { _requests.remove(widget.controller.activeSpaceId); }); } Future getFuture(String activeSpaceId) => _requests[activeSpaceId] ??= Matrix.of(context).client.getSpaceHierarchy( activeSpaceId, maxDepth: 1, from: prevBatch, ); void _onJoinSpaceChild(SpaceRoomsChunk spaceChild) async { final client = Matrix.of(context).client; final space = client.getRoomById(widget.controller.activeSpaceId!); if (client.getRoomById(spaceChild.roomId) == null) { final result = await showFutureLoadingDialog( context: context, future: () async { await client.joinRoom( spaceChild.roomId, serverName: space?.spaceChildren .firstWhereOrNull( (child) => child.roomId == spaceChild.roomId, ) ?.via, ); if (client.getRoomById(spaceChild.roomId) == null) { // Wait for room actually appears in sync await client.waitForRoomInSync(spaceChild.roomId, join: true); } }, ); if (result.error != null) return; _refresh(); } if (spaceChild.roomType == 'm.space') { if (spaceChild.roomId == widget.controller.activeSpaceId) { VRouter.of(context).toSegments(['spaces', spaceChild.roomId]); } else { widget.controller.setActiveSpace(spaceChild.roomId); } return; } VRouter.of(context).toSegments(['rooms', spaceChild.roomId]); } void _onSpaceChildContextMenu([ SpaceRoomsChunk? spaceChild, Room? room, ]) async { final client = Matrix.of(context).client; final activeSpaceId = widget.controller.activeSpaceId; final activeSpace = activeSpaceId == null ? null : client.getRoomById(activeSpaceId); final action = await showModalActionSheet( context: context, title: spaceChild?.name ?? room?.getLocalizedDisplayname( MatrixLocals(L10n.of(context)!), ), message: spaceChild?.topic ?? room?.topic, actions: [ if (room == null) SheetAction( key: SpaceChildContextAction.join, label: L10n.of(context)!.joinRoom, icon: Icons.send_outlined, ), if (spaceChild != null && (activeSpace?.canSendDefaultStates ?? false)) SheetAction( key: SpaceChildContextAction.removeFromSpace, label: L10n.of(context)!.removeFromSpace, icon: Icons.delete_sweep_outlined, ), if (room != null) SheetAction( key: SpaceChildContextAction.leave, label: L10n.of(context)!.leave, icon: Icons.delete_outlined, isDestructiveAction: true, ), ], ); if (action == null) return; switch (action) { case SpaceChildContextAction.join: _onJoinSpaceChild(spaceChild!); break; case SpaceChildContextAction.leave: await showFutureLoadingDialog( context: context, future: room!.leave, ); break; case SpaceChildContextAction.removeFromSpace: await showFutureLoadingDialog( context: context, future: () => activeSpace!.removeSpaceChild(spaceChild!.roomId), ); break; } } @override Widget build(BuildContext context) { final client = Matrix.of(context).client; final activeSpaceId = widget.controller.activeSpaceId; final allSpaces = client.rooms.where((room) => room.isSpace); if (activeSpaceId == null) { final rootSpaces = allSpaces .where( (space) => !allSpaces.any( (parentSpace) => parentSpace.spaceChildren .any((child) => child.roomId == space.id), ), ) .toList(); return CustomScrollView( controller: widget.scrollController, slivers: [ ChatListHeader(controller: widget.controller), SliverList( delegate: SliverChildBuilderDelegate( (context, i) { final rootSpace = rootSpaces[i]; final displayname = rootSpace.getLocalizedDisplayname( MatrixLocals(L10n.of(context)!), ); return Material( color: Theme.of(context).colorScheme.background, child: ListTile( leading: Avatar( mxContent: rootSpace.avatar, name: displayname, ), title: Text( displayname, maxLines: 1, overflow: TextOverflow.ellipsis, ), subtitle: Text( L10n.of(context)! .numChats(rootSpace.spaceChildren.length.toString()), ), onTap: () => widget.controller.setActiveSpace(rootSpace.id), onLongPress: () => _onSpaceChildContextMenu(null, rootSpace), trailing: const Icon(Icons.chevron_right_outlined), ), ); }, childCount: rootSpaces.length, ), ), ], ); } return FutureBuilder( future: getFuture(activeSpaceId), builder: (context, snapshot) { final response = snapshot.data; final error = snapshot.error; if (error != null) { return Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ Padding( padding: const EdgeInsets.all(16.0), child: Text(error.toLocalizedString(context)), ), IconButton( onPressed: _refresh, icon: const Icon(Icons.refresh_outlined), ) ], ); } if (response == null) { return CustomScrollView( slivers: [ ChatListHeader(controller: widget.controller), const SliverFillRemaining( child: Center( child: CircularProgressIndicator.adaptive(), ), ), ], ); } final parentSpace = allSpaces.firstWhereOrNull( (space) => space.spaceChildren.any((child) => child.roomId == activeSpaceId), ); final spaceChildren = response.rooms; final canLoadMore = response.nextBatch != null; return VWidgetGuard( onSystemPop: (redirector) async { if (parentSpace != null) { widget.controller.setActiveSpace(parentSpace.id); redirector.stopRedirection(); return; } }, child: CustomScrollView( controller: widget.scrollController, slivers: [ ChatListHeader(controller: widget.controller), SliverList( delegate: SliverChildBuilderDelegate( (context, i) { if (i == 0) { return ListTile( leading: BackButton( onPressed: () => widget.controller.setActiveSpace(parentSpace?.id), ), title: Text( parentSpace == null ? L10n.of(context)!.allSpaces : parentSpace.getLocalizedDisplayname( MatrixLocals(L10n.of(context)!), ), ), trailing: IconButton( icon: snapshot.connectionState != ConnectionState.done ? const CircularProgressIndicator.adaptive() : const Icon(Icons.refresh_outlined), onPressed: snapshot.connectionState != ConnectionState.done ? null : _refresh, ), ); } i--; if (canLoadMore && i == spaceChildren.length) { return ListTile( title: Text(L10n.of(context)!.loadMore), trailing: const Icon(Icons.chevron_right_outlined), onTap: () { prevBatch = response.nextBatch; _refresh(); }, ); } final spaceChild = spaceChildren[i]; final room = client.getRoomById(spaceChild.roomId); if (room != null && !room.isSpace) { return ChatListItem( room, onLongPress: () => _onSpaceChildContextMenu(spaceChild, room), activeChat: widget.controller.activeChat == room.id, ); } final isSpace = spaceChild.roomType == 'm.space'; final topic = spaceChild.topic?.isEmpty ?? true ? null : spaceChild.topic; if (spaceChild.roomId == activeSpaceId) { return SearchTitle( title: spaceChild.name ?? spaceChild.canonicalAlias ?? 'Space', icon: Padding( padding: const EdgeInsets.symmetric(horizontal: 10.0), child: Avatar( size: 24, mxContent: spaceChild.avatarUrl, name: spaceChild.name, fontSize: 9, ), ), color: Theme.of(context) .colorScheme .secondaryContainer .withAlpha(128), trailing: const Padding( padding: EdgeInsets.symmetric(horizontal: 16.0), child: Icon(Icons.edit_outlined), ), onTap: () => _onJoinSpaceChild(spaceChild), ); } return ListTile( leading: Avatar( mxContent: spaceChild.avatarUrl, name: spaceChild.name, ), title: Row( children: [ Expanded( child: Text( spaceChild.name ?? spaceChild.canonicalAlias ?? L10n.of(context)!.chat, maxLines: 1, style: const TextStyle(fontWeight: FontWeight.bold), ), ), if (!isSpace) ...[ const Icon( Icons.people_outline, size: 16, ), const SizedBox(width: 4), Text( spaceChild.numJoinedMembers.toString(), style: const TextStyle(fontSize: 14), ), ], ], ), onTap: () => _onJoinSpaceChild(spaceChild), onLongPress: () => _onSpaceChildContextMenu(spaceChild, room), subtitle: Text( topic ?? (isSpace ? L10n.of(context)!.enterSpace : L10n.of(context)!.enterRoom), maxLines: 1, style: TextStyle( color: Theme.of(context).colorScheme.onBackground, ), ), trailing: isSpace ? const Icon(Icons.chevron_right_outlined) : null, ); }, childCount: spaceChildren.length + 1 + (canLoadMore ? 1 : 0), ), ), ], ), ); }, ); } } enum SpaceChildContextAction { join, leave, removeFromSpace, }