141 lines
5.2 KiB
Dart
141 lines
5.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
|
|
import '../../../api/marianumcloud/talk/chat/getChatResponse.dart';
|
|
import '../../../api/marianumcloud/talk/room/getRoomResponse.dart';
|
|
import '../../../extensions/dateTime.dart';
|
|
import '../../../state/app/modules/chat/bloc/chat_bloc.dart';
|
|
import '../../../state/app/modules/chat/bloc/chat_state.dart';
|
|
import '../../../theming/appTheme.dart';
|
|
import '../../../widget/clickableAppBar.dart';
|
|
import '../../../widget/loadingSpinner.dart';
|
|
import '../../../widget/userAvatar.dart';
|
|
import 'chatDetails/chatInfo.dart';
|
|
import 'components/chatBubble.dart';
|
|
import 'components/chatTextfield.dart';
|
|
import 'talkNavigator.dart';
|
|
|
|
class ChatView extends StatefulWidget {
|
|
final GetRoomResponseObject room;
|
|
final String selfId;
|
|
final UserAvatar avatar;
|
|
|
|
const ChatView({super.key, required this.room, required this.selfId, required this.avatar});
|
|
|
|
@override
|
|
State<ChatView> createState() => _ChatViewState();
|
|
}
|
|
|
|
class _ChatViewState extends State<ChatView> {
|
|
final ScrollController _listController = ScrollController();
|
|
|
|
void _refresh() {
|
|
context.read<ChatBloc>().setToken(widget.room.token);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) => BlocBuilder<ChatBloc, dynamic>(
|
|
builder: (context, _) {
|
|
final state = context.watch<ChatBloc>().state.data ?? const ChatState();
|
|
final response = state.chatResponse;
|
|
final isLoading = response == null;
|
|
|
|
final messages = <Widget>[];
|
|
|
|
if (response != null) {
|
|
var lastDate = DateTime.now();
|
|
for (final element in response.sortByTimestamp()) {
|
|
final elementDate = DateTime.fromMillisecondsSinceEpoch(element.timestamp * 1000);
|
|
|
|
if (element.systemMessage.contains('reaction')) continue;
|
|
if (element.systemMessage.contains('poll_voted')) continue;
|
|
final commonRead = int.parse(response.headers?['x-chat-last-common-read'] ?? '0');
|
|
|
|
if (!elementDate.isSameDay(lastDate)) {
|
|
lastDate = elementDate;
|
|
messages.add(ChatBubble(
|
|
context: context,
|
|
isSender: false,
|
|
bubbleData: GetChatResponseObject.getDateDummy(element.timestamp),
|
|
chatData: widget.room,
|
|
refetch: ({bool renew = false}) => _refresh(),
|
|
));
|
|
}
|
|
|
|
messages.add(ChatBubble(
|
|
context: context,
|
|
isSender: element.actorId == widget.selfId &&
|
|
element.messageType == GetRoomResponseObjectMessageType.comment,
|
|
bubbleData: element,
|
|
chatData: widget.room,
|
|
refetch: ({bool renew = false}) => _refresh(),
|
|
isRead: element.id <= commonRead,
|
|
selfId: widget.selfId,
|
|
));
|
|
}
|
|
|
|
if (response.data.length >= 200) {
|
|
messages.insert(0, ChatBubble(
|
|
context: context,
|
|
isSender: false,
|
|
bubbleData: GetChatResponseObject.getTextDummy(
|
|
'Zurzeit können in dieser App nur die letzten 200 vergangenen Nachrichten angezeigt werden. '
|
|
'Um ältere Nachrichten abzurufen verwende die Webversion unter https://cloud.marianum-fulda.de',
|
|
),
|
|
chatData: widget.room,
|
|
refetch: ({bool renew = false}) => _refresh(),
|
|
));
|
|
}
|
|
}
|
|
|
|
return Scaffold(
|
|
backgroundColor: const Color(0xffefeae2),
|
|
appBar: ClickableAppBar(
|
|
onTap: () => TalkNavigator.pushSplitView(context, ChatInfo(widget.room)),
|
|
appBar: AppBar(
|
|
title: Row(
|
|
children: [
|
|
widget.avatar,
|
|
const SizedBox(width: 10),
|
|
Expanded(
|
|
child: Text(widget.room.displayName, overflow: TextOverflow.ellipsis, maxLines: 1),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
body: Container(
|
|
decoration: BoxDecoration(
|
|
image: DecorationImage(
|
|
image: const AssetImage('assets/background/chat.png'),
|
|
scale: 1.5,
|
|
opacity: 1,
|
|
repeat: ImageRepeat.repeat,
|
|
invertColors: AppTheme.isDarkMode(context),
|
|
),
|
|
),
|
|
child: isLoading
|
|
? const LoadingSpinner()
|
|
: Column(
|
|
children: [
|
|
Expanded(
|
|
child: ListView(
|
|
reverse: true,
|
|
controller: _listController,
|
|
children: messages.reversed.toList(),
|
|
),
|
|
),
|
|
Container(
|
|
color: Theme.of(context).colorScheme.surface,
|
|
child: TalkNavigator.isSecondaryVisible(context)
|
|
? ChatTextfield(widget.room.token, selfId: widget.selfId)
|
|
: SafeArea(child: ChatTextfield(widget.room.token, selfId: widget.selfId)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|