feat: Enhance roomlist context menu
This commit is contained in:
Christian Pauly
parent
bd0b2d4e56
commit
dbef6b3975
3 changed files with 264 additions and 233 deletions
|
|
@ -1,7 +1,6 @@
|
|||
import 'package:famedlysdk/famedlysdk.dart';
|
||||
import 'package:fluffychat/views/chat.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_slidable/flutter_slidable.dart';
|
||||
import 'package:bot_toast/bot_toast.dart';
|
||||
import 'package:pedantic/pedantic.dart';
|
||||
|
||||
|
|
@ -18,11 +17,20 @@ import '../dialogs/send_file_dialog.dart';
|
|||
class ChatListItem extends StatelessWidget {
|
||||
final Room room;
|
||||
final bool activeChat;
|
||||
final bool selected;
|
||||
final Function onForget;
|
||||
final Function onTap;
|
||||
final Function onLongPress;
|
||||
|
||||
const ChatListItem(this.room, {this.activeChat = false, this.onForget});
|
||||
const ChatListItem(this.room,
|
||||
{this.activeChat = false,
|
||||
this.selected = false,
|
||||
this.onTap,
|
||||
this.onLongPress,
|
||||
this.onForget});
|
||||
|
||||
void clickAction(BuildContext context) async {
|
||||
if (onTap != null) return onTap();
|
||||
if (!activeChat) {
|
||||
if (room.membership == Membership.invite &&
|
||||
await SimpleDialogs(context)
|
||||
|
|
@ -94,19 +102,7 @@ class ChatListItem extends StatelessWidget {
|
|||
}
|
||||
}
|
||||
|
||||
Future<void> _toggleFavouriteRoom(BuildContext context) =>
|
||||
SimpleDialogs(context).tryRequestWithLoadingDialog(
|
||||
room.setFavourite(!room.isFavourite),
|
||||
);
|
||||
|
||||
Future<void> _toggleMuted(BuildContext context) =>
|
||||
SimpleDialogs(context).tryRequestWithLoadingDialog(
|
||||
room.setPushRuleState(room.pushRuleState == PushRuleState.notify
|
||||
? PushRuleState.mentions_only
|
||||
: PushRuleState.notify),
|
||||
);
|
||||
|
||||
Future<bool> archiveAction(BuildContext context) async {
|
||||
Future<void> archiveAction(BuildContext context) async {
|
||||
{
|
||||
if ([Membership.leave, Membership.ban].contains(room.membership)) {
|
||||
final success = await SimpleDialogs(context)
|
||||
|
|
@ -117,163 +113,115 @@ class ChatListItem extends StatelessWidget {
|
|||
return success;
|
||||
}
|
||||
final confirmed = await SimpleDialogs(context).askConfirmation();
|
||||
if (!confirmed) {
|
||||
return false;
|
||||
}
|
||||
final success = await SimpleDialogs(context)
|
||||
.tryRequestWithLoadingDialog(room.leave());
|
||||
if (success == false) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
if (!confirmed) return;
|
||||
await SimpleDialogs(context).tryRequestWithLoadingDialog(room.leave());
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isMuted = room.pushRuleState != PushRuleState.notify;
|
||||
final slideableKey = GlobalKey();
|
||||
return Slidable(
|
||||
key: slideableKey,
|
||||
secondaryActions: <Widget>[
|
||||
if ([Membership.join, Membership.invite].contains(room.membership))
|
||||
IconSlideAction(
|
||||
caption: isMuted
|
||||
? L10n.of(context).unmuteChat
|
||||
: L10n.of(context).muteChat,
|
||||
color: Colors.blueGrey,
|
||||
icon:
|
||||
isMuted ? Icons.notifications_active : Icons.notifications_off,
|
||||
onTap: () => _toggleMuted(context),
|
||||
),
|
||||
if ([Membership.join, Membership.invite].contains(room.membership))
|
||||
IconSlideAction(
|
||||
caption: room.isFavourite
|
||||
? L10n.of(context).unpin
|
||||
: L10n.of(context).pin,
|
||||
color: Colors.blue,
|
||||
icon: room.isFavourite ? Icons.favorite_border : Icons.favorite,
|
||||
onTap: () => _toggleFavouriteRoom(context),
|
||||
),
|
||||
if ([Membership.join, Membership.invite].contains(room.membership))
|
||||
IconSlideAction(
|
||||
caption: L10n.of(context).leave,
|
||||
color: Colors.red,
|
||||
icon: Icons.archive,
|
||||
onTap: () => archiveAction(context),
|
||||
),
|
||||
if ([Membership.leave, Membership.ban].contains(room.membership))
|
||||
IconSlideAction(
|
||||
caption: L10n.of(context).delete,
|
||||
color: Colors.red,
|
||||
icon: Icons.delete_forever,
|
||||
onTap: () => archiveAction(context),
|
||||
),
|
||||
],
|
||||
actionPane: SlidableDrawerActionPane(),
|
||||
child: Center(
|
||||
child: Material(
|
||||
color: chatListItemColor(context, activeChat),
|
||||
child: ListTile(
|
||||
onLongPress: () => (slideableKey.currentState as SlidableState)
|
||||
.open(actionType: SlideActionType.secondary),
|
||||
leading: Avatar(room.avatar, room.displayname),
|
||||
title: Row(
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
child: Text(
|
||||
room.getLocalizedDisplayname(L10n.of(context)),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
softWrap: false,
|
||||
return Center(
|
||||
child: Material(
|
||||
color: chatListItemColor(context, activeChat, selected),
|
||||
child: ListTile(
|
||||
onLongPress: onLongPress,
|
||||
leading: Avatar(room.avatar, room.displayname),
|
||||
title: Row(
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
child: Text(
|
||||
room.getLocalizedDisplayname(L10n.of(context)),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
softWrap: false,
|
||||
),
|
||||
),
|
||||
room.isFavourite
|
||||
? Padding(
|
||||
padding: const EdgeInsets.only(left: 4.0),
|
||||
child: Icon(
|
||||
Icons.favorite,
|
||||
color: Colors.grey[400],
|
||||
size: 16,
|
||||
),
|
||||
)
|
||||
: Container(),
|
||||
isMuted
|
||||
? Padding(
|
||||
padding: const EdgeInsets.only(left: 4.0),
|
||||
child: Icon(
|
||||
Icons.notifications_off,
|
||||
color: Colors.grey[400],
|
||||
size: 16,
|
||||
),
|
||||
)
|
||||
: Container(),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 4.0),
|
||||
child: Text(
|
||||
room.timeCreated.localizedTimeShort(context),
|
||||
style: TextStyle(
|
||||
color: Color(0xFF555555),
|
||||
fontSize: 13,
|
||||
),
|
||||
),
|
||||
room.isFavourite
|
||||
? Padding(
|
||||
padding: const EdgeInsets.only(left: 4.0),
|
||||
child: Icon(
|
||||
Icons.favorite,
|
||||
color: Colors.grey[400],
|
||||
size: 16,
|
||||
),
|
||||
)
|
||||
: Container(),
|
||||
isMuted
|
||||
? Padding(
|
||||
padding: const EdgeInsets.only(left: 4.0),
|
||||
child: Icon(
|
||||
Icons.notifications_off,
|
||||
color: Colors.grey[400],
|
||||
size: 16,
|
||||
),
|
||||
)
|
||||
: Container(),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 4.0),
|
||||
child: Text(
|
||||
room.timeCreated.localizedTimeShort(context),
|
||||
style: TextStyle(
|
||||
color: Color(0xFF555555),
|
||||
fontSize: 13,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
subtitle: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
child: room.membership == Membership.invite
|
||||
? Text(
|
||||
L10n.of(context).youAreInvitedToThisChat,
|
||||
style: TextStyle(
|
||||
color: Theme.of(context).primaryColor,
|
||||
),
|
||||
softWrap: false,
|
||||
)
|
||||
: Text(
|
||||
room.lastEvent?.getLocalizedBody(
|
||||
L10n.of(context),
|
||||
withSenderNamePrefix: !room.isDirectChat ||
|
||||
room.lastEvent.senderId ==
|
||||
room.client.userID,
|
||||
hideReply: true,
|
||||
) ??
|
||||
'',
|
||||
softWrap: false,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
decoration: room.lastEvent?.redacted == true
|
||||
? TextDecoration.lineThrough
|
||||
: null,
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(width: 8),
|
||||
room.notificationCount > 0
|
||||
? Container(
|
||||
padding: EdgeInsets.symmetric(horizontal: 5),
|
||||
height: 20,
|
||||
decoration: BoxDecoration(
|
||||
color: room.highlightCount > 0
|
||||
? Colors.red
|
||||
: Theme.of(context).primaryColor,
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
child: Center(
|
||||
child: Text(
|
||||
room.notificationCount.toString(),
|
||||
style: TextStyle(color: Colors.white),
|
||||
),
|
||||
),
|
||||
)
|
||||
: Text(' '),
|
||||
],
|
||||
),
|
||||
onTap: () => clickAction(context),
|
||||
),
|
||||
],
|
||||
),
|
||||
subtitle: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
Expanded(
|
||||
child: room.membership == Membership.invite
|
||||
? Text(
|
||||
L10n.of(context).youAreInvitedToThisChat,
|
||||
style: TextStyle(
|
||||
color: Theme.of(context).primaryColor,
|
||||
),
|
||||
softWrap: false,
|
||||
)
|
||||
: Text(
|
||||
room.lastEvent?.getLocalizedBody(
|
||||
L10n.of(context),
|
||||
withSenderNamePrefix: !room.isDirectChat ||
|
||||
room.lastEvent.senderId == room.client.userID,
|
||||
hideReply: true,
|
||||
) ??
|
||||
'',
|
||||
softWrap: false,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
decoration: room.lastEvent?.redacted == true
|
||||
? TextDecoration.lineThrough
|
||||
: null,
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(width: 8),
|
||||
room.notificationCount > 0
|
||||
? Container(
|
||||
padding: EdgeInsets.symmetric(horizontal: 5),
|
||||
height: 20,
|
||||
decoration: BoxDecoration(
|
||||
color: room.highlightCount > 0
|
||||
? Colors.red
|
||||
: Theme.of(context).primaryColor,
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
child: Center(
|
||||
child: Text(
|
||||
room.notificationCount.toString(),
|
||||
style: TextStyle(color: Colors.white),
|
||||
),
|
||||
),
|
||||
)
|
||||
: Text(' '),
|
||||
],
|
||||
),
|
||||
onTap: () => clickAction(context),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
|
|
|||
|
|
@ -112,18 +112,20 @@ final ThemeData amoledTheme = ThemeData.dark().copyWith(
|
|||
),
|
||||
);
|
||||
|
||||
Color chatListItemColor(BuildContext context, bool activeChat) =>
|
||||
Theme.of(context).brightness == Brightness.light
|
||||
? activeChat
|
||||
? Color(0xFFE8E8E8)
|
||||
: Colors.white
|
||||
: activeChat
|
||||
? ThemeSwitcherWidget.of(context).amoledEnabled
|
||||
? Color(0xff121212)
|
||||
: Colors.black
|
||||
: ThemeSwitcherWidget.of(context).amoledEnabled
|
||||
? Colors.black
|
||||
: Color(0xff121212);
|
||||
Color chatListItemColor(BuildContext context, bool activeChat, bool selected) =>
|
||||
selected
|
||||
? Theme.of(context).primaryColor.withAlpha(50)
|
||||
: Theme.of(context).brightness == Brightness.light
|
||||
? activeChat
|
||||
? Color(0xFFE8E8E8)
|
||||
: Colors.white
|
||||
: activeChat
|
||||
? ThemeSwitcherWidget.of(context).amoledEnabled
|
||||
? Color(0xff121212)
|
||||
: Colors.black
|
||||
: ThemeSwitcherWidget.of(context).amoledEnabled
|
||||
? Colors.black
|
||||
: Color(0xff121212);
|
||||
|
||||
Color blackWhiteColor(BuildContext context) =>
|
||||
Theme.of(context).brightness == Brightness.light
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue