import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_gen/gen_l10n/l10n.dart'; import 'package:keyboard_shortcuts/keyboard_shortcuts.dart'; import 'package:vrouter/vrouter.dart'; import 'package:fluffychat/config/app_config.dart'; import 'package:fluffychat/config/themes.dart'; import 'package:fluffychat/pages/chat_list/chat_list.dart'; import 'package:fluffychat/widgets/avatar.dart'; import '../../widgets/matrix.dart'; import 'chat_list_body.dart'; import 'chat_list_header.dart'; import 'start_chat_fab.dart'; class ChatListView extends StatelessWidget { final ChatListController controller; const ChatListView(this.controller, {Key? key}) : super(key: key); List getNavigationDestinations(BuildContext context) => [ if (AppConfig.separateChatTypes) ...[ NavigationDestination( icon: const Icon(Icons.groups_outlined), selectedIcon: const Icon(Icons.groups), label: L10n.of(context)!.groups, ), NavigationDestination( icon: const Icon(Icons.chat_outlined), selectedIcon: const Icon(Icons.chat), label: L10n.of(context)!.messages, ), ] else NavigationDestination( icon: const Icon(Icons.chat_outlined), selectedIcon: const Icon(Icons.chat), label: L10n.of(context)!.chats, ), if (controller.spaces.isNotEmpty) const NavigationDestination( icon: Icon(Icons.workspaces_outlined), selectedIcon: Icon(Icons.workspaces), label: 'Spaces', ), ]; @override Widget build(BuildContext context) { return StreamBuilder( stream: Matrix.of(context).onShareContentChanged.stream, builder: (_, __) { final selectMode = controller.selectMode; return VWidgetGuard( onSystemPop: (redirector) async { final selMode = controller.selectMode; if (selMode != SelectMode.normal) controller.cancelAction(); if (selMode == SelectMode.select) redirector.stopRedirection(); }, child: Row( children: [ if (FluffyThemes.isColumnMode(context) && FluffyThemes.getDisplayNavigationRail(context)) ...[ Builder(builder: (context) { final client = Matrix.of(context).client; 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) ..removeLast(); return SizedBox( width: 64, child: ListView.builder( scrollDirection: Axis.vertical, itemCount: rootSpaces.length + 1 + (AppConfig.separateChatTypes ? 1 : 0), itemBuilder: (context, i) { if (i < destinations.length) { final isSelected = i == controller.selectedIndex; return Container( height: 64, width: 64, decoration: BoxDecoration( color: isSelected ? Theme.of(context) .colorScheme .secondaryContainer : Theme.of(context).colorScheme.background, border: Border( left: BorderSide( color: isSelected ? Theme.of(context).colorScheme.primary : Colors.transparent, width: 4, ), right: const BorderSide( color: Colors.transparent, width: 4, ), ), ), alignment: Alignment.center, child: IconButton( color: isSelected ? Theme.of(context).colorScheme.primary : null, icon: CircleAvatar( backgroundColor: Theme.of(context) .colorScheme .secondaryContainer, foregroundColor: Theme.of(context) .colorScheme .onSecondaryContainer, child: i == controller.selectedIndex ? destinations[i].selectedIcon ?? destinations[i].icon : destinations[i].icon), tooltip: destinations[i].label, onPressed: () => controller.onDestinationSelected(i), ), ); } i -= destinations.length; final isSelected = controller.activeFilter == ActiveFilter.spaces && rootSpaces[i].id == controller.activeSpaceId; return Container( height: 64, width: 64, decoration: BoxDecoration( color: isSelected ? Theme.of(context) .colorScheme .secondaryContainer : Theme.of(context).colorScheme.background, border: Border( left: BorderSide( color: isSelected ? Theme.of(context).colorScheme.primary : Colors.transparent, width: 4, ), right: const BorderSide( color: Colors.transparent, width: 4, ), ), ), alignment: Alignment.center, child: IconButton( tooltip: rootSpaces[i].displayname, icon: Avatar( mxContent: rootSpaces[i].avatar, name: rootSpaces[i].displayname, size: 32, fontSize: 12, ), onPressed: () => controller.setActiveSpace(rootSpaces[i].id), ), ); }, ), ); }), Container( color: Theme.of(context).dividerColor, width: 1, ), ], Expanded( child: Scaffold( appBar: ChatListHeader(controller: controller), body: ChatListViewBody(controller), bottomNavigationBar: controller.displayNavigationBar ? NavigationBar( height: 64, selectedIndex: controller.selectedIndex, onDestinationSelected: controller.onDestinationSelected, destinations: getNavigationDestinations(context), ) : null, floatingActionButton: selectMode == SelectMode.normal ? KeyBoardShortcuts( keysToPress: { LogicalKeyboardKey.controlLeft, LogicalKeyboardKey.keyN }, onKeysPressed: () => VRouter.of(context).to('/newprivatechat'), helpLabel: L10n.of(context)!.newChat, child: StartChatFloatingActionButton( controller: controller), ) : null, ), ), ], ), ); }, ); } } enum ChatListPopupMenuItemActions { createGroup, createSpace, discover, setStatus, inviteContact, settings, }