rustdesk/flutter/lib/mobile/pages/chat_page.dart

129 lines
5.2 KiB
Dart
Raw Normal View History

2022-08-04 17:24:02 +08:00
import 'package:dash_chat_2/dash_chat_2.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hbb/common.dart';
import 'package:flutter_hbb/models/chat_model.dart';
import 'package:provider/provider.dart';
import 'home_page.dart';
class ChatPage extends StatelessWidget implements PageShape {
2022-08-11 10:19:12 +08:00
late final ChatModel chatModel;
ChatPage({ChatModel? chatModel}) {
this.chatModel = chatModel ?? gFFI.chatModel;
}
@override
2022-03-23 15:28:21 +08:00
final title = translate("Chat");
@override
final icon = Icon(Icons.chat);
@override
2022-03-25 16:34:27 +08:00
final appBarActions = [
PopupMenuButton<int>(
2022-04-05 00:51:47 +08:00
icon: Icon(Icons.group),
2022-03-25 16:34:27 +08:00
itemBuilder: (context) {
2022-08-11 10:19:12 +08:00
// only mobile need [appBarActions], just bind gFFI.chatModel
final chatModel = gFFI.chatModel;
2022-03-25 16:34:27 +08:00
return chatModel.messages.entries.map((entry) {
final id = entry.key;
2022-05-16 00:01:27 +08:00
final user = entry.value.chatUser;
2022-03-25 16:34:27 +08:00
return PopupMenuItem<int>(
2022-08-04 17:24:02 +08:00
child: Text("${user.firstName} ${user.id}"),
2022-03-25 16:34:27 +08:00
value: id,
);
}).toList();
},
onSelected: (id) {
gFFI.chatModel.changeCurrentID(id);
2022-03-25 16:34:27 +08:00
})
];
@override
Widget build(BuildContext context) {
2022-03-25 16:34:27 +08:00
return ChangeNotifierProvider.value(
2022-08-11 10:19:12 +08:00
value: chatModel,
2022-03-25 16:34:27 +08:00
child: Container(
2022-09-23 16:31:50 +08:00
color: Theme.of(context).scaffoldBackgroundColor,
2022-03-25 16:34:27 +08:00
child: Consumer<ChatModel>(builder: (context, chatModel, child) {
final currentUser = chatModel.currentUser;
return Stack(
children: [
LayoutBuilder(builder: (context, constraints) {
return DashChat(
onSend: (chatMsg) {
chatModel.send(chatMsg);
},
currentUser: chatModel.me,
messages: chatModel
.messages[chatModel.currentID]?.chatMessages ??
[],
inputOptions: InputOptions(
sendOnEnter: true,
2022-09-23 16:31:50 +08:00
inputTextStyle: TextStyle(
2022-10-14 22:50:13 +08:00
fontSize: 14,
2022-09-23 16:31:50 +08:00
color: Theme.of(context)
.textTheme
.titleLarge
2022-10-14 22:50:13 +08:00
?.color),
inputDecoration: isDesktop
? InputDecoration(
isDense: true,
hintText:
"${translate('Write a message')}...",
filled: true,
fillColor: Theme.of(context).backgroundColor,
contentPadding: EdgeInsets.all(10),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(6),
borderSide: const BorderSide(
width: 0,
style: BorderStyle.none,
),
),
)
: defaultInputDecoration(
hintText:
"${translate('Write a message')}...",
fillColor: Theme.of(context).backgroundColor),
sendButtonBuilder: defaultSendButton(
padding: EdgeInsets.symmetric(
horizontal: 6, vertical: 0),
color: Theme.of(context).colorScheme.primary)),
messageOptions: MessageOptions(
showOtherUsersAvatar: false,
showTime: true,
maxWidth: constraints.maxWidth * 0.7,
messageDecorationBuilder: (_, __, ___) =>
defaultMessageDecoration(
color: MyTheme.accent80,
borderTopLeft: 8,
borderTopRight: 8,
borderBottomRight: 8,
borderBottomLeft: 8,
)),
);
}),
desktopType == DesktopType.cm ||
chatModel.currentID == ChatModel.clientModeID
? SizedBox.shrink()
: Padding(
2022-04-05 00:51:47 +08:00
padding: EdgeInsets.all(12),
child: Row(
children: [
Icon(Icons.account_circle,
color: MyTheme.accent80),
SizedBox(width: 5),
Text(
2022-08-04 17:24:02 +08:00
"${currentUser.firstName} ${currentUser.id}",
2022-04-05 00:51:47 +08:00
style: TextStyle(color: MyTheme.accent50),
),
],
)),
],
2022-03-25 16:34:27 +08:00
);
})));
}
}