2021-10-26 16:50:34 +00:00
|
|
|
import 'package:flutter/material.dart';
|
2022-03-01 19:14:49 +00:00
|
|
|
import 'package:flutter/services.dart';
|
2021-10-26 16:50:34 +00:00
|
|
|
|
2022-09-11 09:07:04 +00:00
|
|
|
import 'package:badges/badges.dart';
|
2021-10-26 16:50:34 +00:00
|
|
|
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
2023-08-02 10:08:23 +00:00
|
|
|
import 'package:go_router/go_router.dart';
|
2022-03-01 19:14:49 +00:00
|
|
|
import 'package:keyboard_shortcuts/keyboard_shortcuts.dart';
|
2021-10-26 16:50:34 +00:00
|
|
|
|
2022-08-30 18:24:36 +00:00
|
|
|
import 'package:fluffychat/config/app_config.dart';
|
|
|
|
import 'package:fluffychat/config/themes.dart';
|
2021-11-09 20:32:16 +00:00
|
|
|
import 'package:fluffychat/pages/chat_list/chat_list.dart';
|
2023-01-03 17:00:56 +00:00
|
|
|
import 'package:fluffychat/pages/chat_list/navi_rail_item.dart';
|
2023-01-20 15:59:50 +00:00
|
|
|
import 'package:fluffychat/utils/matrix_sdk_extensions/matrix_locals.dart';
|
2022-08-30 18:24:36 +00:00
|
|
|
import 'package:fluffychat/widgets/avatar.dart';
|
2022-09-11 09:07:04 +00:00
|
|
|
import 'package:fluffychat/widgets/unread_rooms_badge.dart';
|
2021-10-26 16:50:34 +00:00
|
|
|
import '../../widgets/matrix.dart';
|
2022-05-01 11:03:33 +00:00
|
|
|
import 'chat_list_body.dart';
|
2022-07-24 20:09:26 +00:00
|
|
|
import 'start_chat_fab.dart';
|
2021-04-14 12:09:46 +00:00
|
|
|
|
2021-05-22 07:13:47 +00:00
|
|
|
class ChatListView extends StatelessWidget {
|
2021-04-14 12:09:46 +00:00
|
|
|
final ChatListController controller;
|
|
|
|
|
2023-10-28 11:03:16 +00:00
|
|
|
const ChatListView(this.controller, {super.key});
|
2021-04-14 12:09:46 +00:00
|
|
|
|
2022-09-11 09:07:04 +00:00
|
|
|
List<NavigationDestination> getNavigationDestinations(BuildContext context) {
|
|
|
|
final badgePosition = BadgePosition.topEnd(top: -12, end: -8);
|
|
|
|
return [
|
|
|
|
if (AppConfig.separateChatTypes) ...[
|
|
|
|
NavigationDestination(
|
|
|
|
icon: UnreadRoomsBadge(
|
|
|
|
badgePosition: badgePosition,
|
2023-03-15 20:07:36 +00:00
|
|
|
filter:
|
|
|
|
controller.getRoomFilterByActiveFilter(ActiveFilter.messages),
|
2024-05-10 15:31:32 +00:00
|
|
|
child: const Icon(Icons.chat_outlined),
|
2022-08-30 18:24:36 +00:00
|
|
|
),
|
2022-09-11 09:07:04 +00:00
|
|
|
selectedIcon: UnreadRoomsBadge(
|
|
|
|
badgePosition: badgePosition,
|
2023-03-15 20:07:36 +00:00
|
|
|
filter:
|
|
|
|
controller.getRoomFilterByActiveFilter(ActiveFilter.messages),
|
2024-05-10 15:31:32 +00:00
|
|
|
child: const Icon(Icons.chat),
|
2022-08-30 18:24:36 +00:00
|
|
|
),
|
2023-03-15 20:07:36 +00:00
|
|
|
label: L10n.of(context)!.messages,
|
2022-09-11 09:07:04 +00:00
|
|
|
),
|
|
|
|
NavigationDestination(
|
|
|
|
icon: UnreadRoomsBadge(
|
|
|
|
badgePosition: badgePosition,
|
2023-03-15 20:07:36 +00:00
|
|
|
filter: controller.getRoomFilterByActiveFilter(ActiveFilter.groups),
|
2023-03-19 18:59:50 +00:00
|
|
|
child: const Icon(Icons.group_outlined),
|
2022-08-30 18:24:36 +00:00
|
|
|
),
|
2022-09-11 09:07:04 +00:00
|
|
|
selectedIcon: UnreadRoomsBadge(
|
|
|
|
badgePosition: badgePosition,
|
2023-03-15 20:07:36 +00:00
|
|
|
filter: controller.getRoomFilterByActiveFilter(ActiveFilter.groups),
|
2023-03-19 18:59:50 +00:00
|
|
|
child: const Icon(Icons.group),
|
2022-08-30 18:24:36 +00:00
|
|
|
),
|
2023-03-15 20:07:36 +00:00
|
|
|
label: L10n.of(context)!.groups,
|
2022-09-11 09:07:04 +00:00
|
|
|
),
|
|
|
|
] else
|
|
|
|
NavigationDestination(
|
|
|
|
icon: UnreadRoomsBadge(
|
|
|
|
badgePosition: badgePosition,
|
|
|
|
filter:
|
|
|
|
controller.getRoomFilterByActiveFilter(ActiveFilter.allChats),
|
2024-05-10 15:31:32 +00:00
|
|
|
child: const Icon(Icons.chat_outlined),
|
2022-09-11 09:07:04 +00:00
|
|
|
),
|
|
|
|
selectedIcon: UnreadRoomsBadge(
|
|
|
|
badgePosition: badgePosition,
|
|
|
|
filter:
|
|
|
|
controller.getRoomFilterByActiveFilter(ActiveFilter.allChats),
|
2024-05-10 15:31:32 +00:00
|
|
|
child: const Icon(Icons.chat),
|
2022-09-11 09:07:04 +00:00
|
|
|
),
|
|
|
|
label: L10n.of(context)!.chats,
|
|
|
|
),
|
|
|
|
if (controller.spaces.isNotEmpty)
|
|
|
|
const NavigationDestination(
|
|
|
|
icon: Icon(Icons.workspaces_outlined),
|
|
|
|
selectedIcon: Icon(Icons.workspaces),
|
|
|
|
label: 'Spaces',
|
|
|
|
),
|
|
|
|
];
|
|
|
|
}
|
2022-08-30 18:24:36 +00:00
|
|
|
|
2021-04-14 12:09:46 +00:00
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2022-09-10 11:21:33 +00:00
|
|
|
final client = Matrix.of(context).client;
|
2022-01-29 11:35:03 +00:00
|
|
|
return StreamBuilder<Object?>(
|
2022-04-02 14:18:36 +00:00
|
|
|
stream: Matrix.of(context).onShareContentChanged.stream,
|
|
|
|
builder: (_, __) {
|
|
|
|
final selectMode = controller.selectMode;
|
2023-11-16 11:46:01 +00:00
|
|
|
return PopScope(
|
|
|
|
canPop: controller.selectMode == SelectMode.normal &&
|
|
|
|
!controller.isSearchMode &&
|
|
|
|
controller.activeFilter ==
|
|
|
|
(AppConfig.separateChatTypes
|
|
|
|
? ActiveFilter.messages
|
|
|
|
: ActiveFilter.allChats),
|
|
|
|
onPopInvoked: (pop) async {
|
|
|
|
if (pop) return;
|
2022-04-02 14:18:36 +00:00
|
|
|
final selMode = controller.selectMode;
|
2023-08-11 07:20:55 +00:00
|
|
|
if (controller.isSearchMode) {
|
|
|
|
controller.cancelSearch();
|
2023-11-16 11:46:01 +00:00
|
|
|
return;
|
2023-08-11 07:20:55 +00:00
|
|
|
}
|
2022-09-11 08:22:05 +00:00
|
|
|
if (selMode != SelectMode.normal) {
|
|
|
|
controller.cancelAction();
|
2023-11-16 11:46:01 +00:00
|
|
|
return;
|
2022-09-11 08:22:05 +00:00
|
|
|
}
|
|
|
|
if (controller.activeFilter !=
|
|
|
|
(AppConfig.separateChatTypes
|
|
|
|
? ActiveFilter.messages
|
|
|
|
: ActiveFilter.allChats)) {
|
|
|
|
controller
|
|
|
|
.onDestinationSelected(AppConfig.separateChatTypes ? 1 : 0);
|
2023-11-16 11:46:01 +00:00
|
|
|
return;
|
2022-09-11 08:22:05 +00:00
|
|
|
}
|
2022-04-02 14:18:36 +00:00
|
|
|
},
|
2022-12-26 15:02:45 +00:00
|
|
|
child: Row(
|
|
|
|
children: [
|
|
|
|
if (FluffyThemes.isColumnMode(context) &&
|
2023-08-07 16:40:02 +00:00
|
|
|
controller.widget.displayNavigationRail) ...[
|
2023-03-02 09:57:52 +00:00
|
|
|
Builder(
|
|
|
|
builder: (context) {
|
|
|
|
final allSpaces =
|
|
|
|
client.rooms.where((room) => room.isSpace);
|
|
|
|
final rootSpaces = allSpaces
|
|
|
|
.where(
|
|
|
|
(space) => !allSpaces.any(
|
|
|
|
(parentSpace) => parentSpace.spaceChildren
|
|
|
|
.any((child) => child.roomId == space.id),
|
|
|
|
),
|
|
|
|
)
|
|
|
|
.toList();
|
|
|
|
final destinations = getNavigationDestinations(context);
|
2022-09-10 11:21:33 +00:00
|
|
|
|
2023-03-02 09:57:52 +00:00
|
|
|
return SizedBox(
|
2023-03-15 20:07:36 +00:00
|
|
|
width: FluffyThemes.navRailWidth,
|
2023-03-02 09:57:52 +00:00
|
|
|
child: ListView.builder(
|
|
|
|
scrollDirection: Axis.vertical,
|
|
|
|
itemCount: rootSpaces.length + destinations.length,
|
|
|
|
itemBuilder: (context, i) {
|
|
|
|
if (i < destinations.length) {
|
|
|
|
return NaviRailItem(
|
|
|
|
isSelected: i == controller.selectedIndex,
|
|
|
|
onTap: () => controller.onDestinationSelected(i),
|
|
|
|
icon: destinations[i].icon,
|
|
|
|
selectedIcon: destinations[i].selectedIcon,
|
|
|
|
toolTip: destinations[i].label,
|
|
|
|
);
|
|
|
|
}
|
|
|
|
i -= destinations.length;
|
|
|
|
final isSelected =
|
|
|
|
controller.activeFilter == ActiveFilter.spaces &&
|
|
|
|
rootSpaces[i].id == controller.activeSpaceId;
|
2023-01-03 17:00:56 +00:00
|
|
|
return NaviRailItem(
|
2023-03-02 09:57:52 +00:00
|
|
|
toolTip: rootSpaces[i].getLocalizedDisplayname(
|
2023-01-20 15:59:50 +00:00
|
|
|
MatrixLocals(L10n.of(context)!),
|
|
|
|
),
|
2023-03-02 09:57:52 +00:00
|
|
|
isSelected: isSelected,
|
|
|
|
onTap: () =>
|
|
|
|
controller.setActiveSpace(rootSpaces[i].id),
|
|
|
|
icon: Avatar(
|
|
|
|
mxContent: rootSpaces[i].avatar,
|
|
|
|
name: rootSpaces[i].getLocalizedDisplayname(
|
|
|
|
MatrixLocals(L10n.of(context)!),
|
|
|
|
),
|
|
|
|
size: 32,
|
|
|
|
fontSize: 12,
|
|
|
|
),
|
|
|
|
);
|
|
|
|
},
|
|
|
|
),
|
|
|
|
);
|
|
|
|
},
|
|
|
|
),
|
2022-12-26 15:02:45 +00:00
|
|
|
Container(
|
|
|
|
color: Theme.of(context).dividerColor,
|
|
|
|
width: 1,
|
|
|
|
),
|
|
|
|
],
|
|
|
|
Expanded(
|
2022-12-25 12:08:51 +00:00
|
|
|
child: GestureDetector(
|
|
|
|
onTap: FocusManager.instance.primaryFocus?.unfocus,
|
|
|
|
excludeFromSemantics: true,
|
|
|
|
behavior: HitTestBehavior.translucent,
|
|
|
|
child: Scaffold(
|
|
|
|
body: ChatListViewBody(controller),
|
|
|
|
bottomNavigationBar: controller.displayNavigationBar
|
|
|
|
? NavigationBar(
|
2023-07-23 04:45:13 +00:00
|
|
|
elevation: 4,
|
2023-10-07 05:36:43 +00:00
|
|
|
labelBehavior:
|
2024-05-10 15:31:32 +00:00
|
|
|
NavigationDestinationLabelBehavior.alwaysShow,
|
2024-03-27 07:54:15 +00:00
|
|
|
shadowColor:
|
2024-05-16 07:05:04 +00:00
|
|
|
Theme.of(context).colorScheme.onSurface,
|
2024-05-26 07:04:54 +00:00
|
|
|
backgroundColor:
|
|
|
|
Theme.of(context).colorScheme.surface,
|
2024-03-27 07:54:15 +00:00
|
|
|
surfaceTintColor:
|
2024-05-16 07:05:04 +00:00
|
|
|
Theme.of(context).colorScheme.surface,
|
2022-12-25 12:08:51 +00:00
|
|
|
selectedIndex: controller.selectedIndex,
|
|
|
|
onDestinationSelected:
|
|
|
|
controller.onDestinationSelected,
|
|
|
|
destinations: getNavigationDestinations(context),
|
|
|
|
)
|
|
|
|
: null,
|
2023-03-19 18:59:50 +00:00
|
|
|
floatingActionButton: KeyBoardShortcuts(
|
|
|
|
keysToPress: {
|
|
|
|
LogicalKeyboardKey.controlLeft,
|
2023-08-18 05:24:31 +00:00
|
|
|
LogicalKeyboardKey.keyN,
|
2023-03-19 18:59:50 +00:00
|
|
|
},
|
2023-08-07 16:40:02 +00:00
|
|
|
onKeysPressed: () => context.go('/rooms/newprivatechat'),
|
2023-03-19 18:59:50 +00:00
|
|
|
helpLabel: L10n.of(context)!.newChat,
|
|
|
|
child: selectMode == SelectMode.normal &&
|
|
|
|
!controller.isSearchMode
|
|
|
|
? StartChatFloatingActionButton(
|
|
|
|
activeFilter: controller.activeFilter,
|
|
|
|
roomsIsEmpty: false,
|
|
|
|
scrolledToTop: controller.scrolledToTop,
|
2023-12-23 14:07:35 +00:00
|
|
|
createNewSpace: controller.createNewSpace,
|
2023-03-19 18:59:50 +00:00
|
|
|
)
|
|
|
|
: const SizedBox.shrink(),
|
|
|
|
),
|
2022-12-25 12:08:51 +00:00
|
|
|
),
|
2022-12-26 15:02:45 +00:00
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
2022-04-02 14:18:36 +00:00
|
|
|
);
|
|
|
|
},
|
|
|
|
);
|
2021-04-14 12:09:46 +00:00
|
|
|
}
|
|
|
|
}
|