mirror of
https://gitlab.com/famedly/fluffychat.git
synced 2024-11-20 02:59:26 +01:00
216 lines
8.7 KiB
Dart
216 lines
8.7 KiB
Dart
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:flutter/services.dart';
|
||
|
|
|
||
|
|
import 'package:animations/animations.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/pages/chat_list/chat_list.dart';
|
||
|
|
import 'package:fluffychat/pages/chat_list/client_chooser_button.dart';
|
||
|
|
import '../../widgets/matrix.dart';
|
||
|
|
|
||
|
|
class ChatListHeader extends StatelessWidget implements PreferredSizeWidget {
|
||
|
|
final ChatListController controller;
|
||
|
|
|
||
|
|
const ChatListHeader({Key? key, required this.controller}) : super(key: key);
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
final selectMode = controller.selectMode;
|
||
|
|
|
||
|
|
return AppBar(
|
||
|
|
elevation: controller.scrolledToTop ? 0 : null,
|
||
|
|
actionsIconTheme: IconThemeData(
|
||
|
|
color: controller.selectedRoomIds.isEmpty
|
||
|
|
? null
|
||
|
|
: Theme.of(context).colorScheme.primary,
|
||
|
|
),
|
||
|
|
leading: Matrix.of(context).isMultiAccount
|
||
|
|
? ClientChooserButton(controller)
|
||
|
|
: selectMode == SelectMode.normal
|
||
|
|
? null
|
||
|
|
: IconButton(
|
||
|
|
tooltip: L10n.of(context)!.cancel,
|
||
|
|
icon: const Icon(Icons.close_outlined),
|
||
|
|
onPressed: controller.cancelAction,
|
||
|
|
color: Theme.of(context).colorScheme.primary,
|
||
|
|
),
|
||
|
|
centerTitle: false,
|
||
|
|
actions: selectMode == SelectMode.share
|
||
|
|
? null
|
||
|
|
: selectMode == SelectMode.select
|
||
|
|
? [
|
||
|
|
if (controller.spaces.isNotEmpty)
|
||
|
|
IconButton(
|
||
|
|
tooltip: L10n.of(context)!.addToSpace,
|
||
|
|
icon: const Icon(Icons.group_work_outlined),
|
||
|
|
onPressed: controller.addOrRemoveToSpace,
|
||
|
|
),
|
||
|
|
IconButton(
|
||
|
|
tooltip: L10n.of(context)!.toggleUnread,
|
||
|
|
icon: Icon(controller.anySelectedRoomNotMarkedUnread
|
||
|
|
? Icons.mark_chat_read_outlined
|
||
|
|
: Icons.mark_chat_unread_outlined),
|
||
|
|
onPressed: controller.toggleUnread,
|
||
|
|
),
|
||
|
|
IconButton(
|
||
|
|
tooltip: L10n.of(context)!.toggleFavorite,
|
||
|
|
icon: Icon(controller.anySelectedRoomNotFavorite
|
||
|
|
? Icons.push_pin_outlined
|
||
|
|
: Icons.push_pin),
|
||
|
|
onPressed: controller.toggleFavouriteRoom,
|
||
|
|
),
|
||
|
|
IconButton(
|
||
|
|
icon: Icon(controller.anySelectedRoomNotMuted
|
||
|
|
? Icons.notifications_off_outlined
|
||
|
|
: Icons.notifications_outlined),
|
||
|
|
tooltip: L10n.of(context)!.toggleMuted,
|
||
|
|
onPressed: controller.toggleMuted,
|
||
|
|
),
|
||
|
|
IconButton(
|
||
|
|
icon: const Icon(Icons.delete_outlined),
|
||
|
|
tooltip: L10n.of(context)!.archive,
|
||
|
|
onPressed: controller.archiveAction,
|
||
|
|
),
|
||
|
|
]
|
||
|
|
: [
|
||
|
|
KeyBoardShortcuts(
|
||
|
|
keysToPress: {
|
||
|
|
LogicalKeyboardKey.controlLeft,
|
||
|
|
LogicalKeyboardKey.keyF
|
||
|
|
},
|
||
|
|
onKeysPressed: () => VRouter.of(context).to('/search'),
|
||
|
|
helpLabel: L10n.of(context)!.search,
|
||
|
|
child: IconButton(
|
||
|
|
icon: const Icon(Icons.search_outlined),
|
||
|
|
tooltip: L10n.of(context)!.search,
|
||
|
|
onPressed: () => VRouter.of(context).to('/search'),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
if (selectMode == SelectMode.normal)
|
||
|
|
IconButton(
|
||
|
|
icon: const Icon(Icons.camera_alt_outlined),
|
||
|
|
tooltip: L10n.of(context)!.addToStory,
|
||
|
|
onPressed: () =>
|
||
|
|
VRouter.of(context).to('/stories/create'),
|
||
|
|
),
|
||
|
|
PopupMenuButton<PopupMenuAction>(
|
||
|
|
onSelected: controller.onPopupMenuSelect,
|
||
|
|
itemBuilder: (_) => [
|
||
|
|
PopupMenuItem(
|
||
|
|
value: PopupMenuAction.setStatus,
|
||
|
|
child: Row(
|
||
|
|
mainAxisSize: MainAxisSize.min,
|
||
|
|
children: [
|
||
|
|
const Icon(Icons.edit_outlined),
|
||
|
|
const SizedBox(width: 12),
|
||
|
|
Text(L10n.of(context)!.setStatus),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
PopupMenuItem(
|
||
|
|
value: PopupMenuAction.newGroup,
|
||
|
|
child: Row(
|
||
|
|
mainAxisSize: MainAxisSize.min,
|
||
|
|
children: [
|
||
|
|
const Icon(Icons.group_add_outlined),
|
||
|
|
const SizedBox(width: 12),
|
||
|
|
Text(L10n.of(context)!.createNewGroup),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
PopupMenuItem(
|
||
|
|
value: PopupMenuAction.newSpace,
|
||
|
|
child: Row(
|
||
|
|
mainAxisSize: MainAxisSize.min,
|
||
|
|
children: [
|
||
|
|
const Icon(Icons.group_work_outlined),
|
||
|
|
const SizedBox(width: 12),
|
||
|
|
Text(L10n.of(context)!.createNewSpace),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
PopupMenuItem(
|
||
|
|
value: PopupMenuAction.invite,
|
||
|
|
child: Row(
|
||
|
|
mainAxisSize: MainAxisSize.min,
|
||
|
|
children: [
|
||
|
|
const Icon(Icons.share_outlined),
|
||
|
|
const SizedBox(width: 12),
|
||
|
|
Text(L10n.of(context)!.inviteContact),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
PopupMenuItem(
|
||
|
|
value: PopupMenuAction.archive,
|
||
|
|
child: Row(
|
||
|
|
mainAxisSize: MainAxisSize.min,
|
||
|
|
children: [
|
||
|
|
const Icon(Icons.archive_outlined),
|
||
|
|
const SizedBox(width: 12),
|
||
|
|
Text(L10n.of(context)!.archive),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
PopupMenuItem(
|
||
|
|
value: PopupMenuAction.settings,
|
||
|
|
child: Row(
|
||
|
|
mainAxisSize: MainAxisSize.min,
|
||
|
|
children: [
|
||
|
|
const Icon(Icons.settings_outlined),
|
||
|
|
const SizedBox(width: 12),
|
||
|
|
Text(L10n.of(context)!.settings),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
],
|
||
|
|
title: PageTransitionSwitcher(
|
||
|
|
reverse: false,
|
||
|
|
transitionBuilder: (
|
||
|
|
Widget child,
|
||
|
|
Animation<double> primaryAnimation,
|
||
|
|
Animation<double> secondaryAnimation,
|
||
|
|
) {
|
||
|
|
return SharedAxisTransition(
|
||
|
|
animation: primaryAnimation,
|
||
|
|
secondaryAnimation: secondaryAnimation,
|
||
|
|
transitionType: SharedAxisTransitionType.scaled,
|
||
|
|
fillColor: Colors.transparent,
|
||
|
|
child: child,
|
||
|
|
);
|
||
|
|
},
|
||
|
|
layoutBuilder: (children) => Stack(
|
||
|
|
alignment: AlignmentDirectional.centerStart,
|
||
|
|
children: children,
|
||
|
|
),
|
||
|
|
child: selectMode == SelectMode.share
|
||
|
|
? Text(
|
||
|
|
L10n.of(context)!.share,
|
||
|
|
key: const ValueKey(SelectMode.share),
|
||
|
|
)
|
||
|
|
: selectMode == SelectMode.select
|
||
|
|
? Text(
|
||
|
|
controller.selectedRoomIds.length.toString(),
|
||
|
|
key: const ValueKey(SelectMode.select),
|
||
|
|
)
|
||
|
|
: (() {
|
||
|
|
final name = controller.activeSpaceId == null
|
||
|
|
? AppConfig.applicationName
|
||
|
|
: Matrix.of(context)
|
||
|
|
.client
|
||
|
|
.getRoomById(controller.activeSpaceId!)!
|
||
|
|
.displayname;
|
||
|
|
return Text(name, key: ValueKey(name));
|
||
|
|
})(),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
Size get preferredSize => const Size.fromHeight(56);
|
||
|
|
}
|