358 lines
12 KiB
Dart
358 lines
12 KiB
Dart
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';
|
|
|
|
class SpaceView extends StatefulWidget {
|
|
final ChatListController controller;
|
|
final ScrollController scrollController;
|
|
const SpaceView(
|
|
this.controller, {
|
|
Key? key,
|
|
required this.scrollController,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
State<SpaceView> createState() => _SpaceViewState();
|
|
}
|
|
|
|
class _SpaceViewState extends State<SpaceView> {
|
|
static final Map<String, Future<GetSpaceHierarchyResponse>> _requests = {};
|
|
|
|
String? prevBatch;
|
|
|
|
void _refresh() {
|
|
setState(() {
|
|
_requests.remove(widget.controller.activeSpaceId);
|
|
});
|
|
}
|
|
|
|
Future<GetSpaceHierarchyResponse> 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<SpaceChildContextAction>(
|
|
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 ListView.builder(
|
|
itemCount: rootSpaces.length,
|
|
controller: widget.scrollController,
|
|
itemBuilder: (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),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
return FutureBuilder<GetSpaceHierarchyResponse>(
|
|
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 const 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: ListView.builder(
|
|
itemCount: spaceChildren.length + 1 + (canLoadMore ? 1 : 0),
|
|
controller: widget.scrollController,
|
|
itemBuilder: (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,
|
|
);
|
|
},
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
enum SpaceChildContextAction {
|
|
join,
|
|
leave,
|
|
removeFromSpace,
|
|
}
|