118 lines
3.9 KiB
Dart
118 lines
3.9 KiB
Dart
|
|
import 'package:flutter/material.dart';
|
|
import 'package:jiffy/jiffy.dart';
|
|
import 'package:loader_overlay/loader_overlay.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import '../../../api/marianumcloud/talk/chat/getChatResponse.dart';
|
|
import '../../../api/marianumcloud/talk/room/getRoomResponse.dart';
|
|
import '../../../theming/appTheme.dart';
|
|
import '../../../model/chatList/chatProps.dart';
|
|
import 'chatBubble.dart';
|
|
import 'chatTextfield.dart';
|
|
|
|
class ChatView extends StatefulWidget {
|
|
final GetRoomResponseObject room;
|
|
final String selfId;
|
|
final CircleAvatar avatar;
|
|
|
|
const ChatView({Key? key, required this.room, required this.selfId, required this.avatar}) : super(key: key);
|
|
|
|
@override
|
|
State<ChatView> createState() => _ChatViewState();
|
|
}
|
|
|
|
class _ChatViewState extends State<ChatView> {
|
|
|
|
final ScrollController _listController = ScrollController();
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
|
|
Provider.of<ChatProps>(context, listen: false).setQueryToken(widget.room.token);
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Consumer<ChatProps>(
|
|
builder: (context, data, child) {
|
|
List<Widget> messages = List<Widget>.empty(growable: true);
|
|
|
|
if(!data.primaryLoading()) {
|
|
|
|
DateTime lastDate = DateTime.now();
|
|
data.getChatResponse.sortByTimestamp().forEach((element) {
|
|
DateTime elementDate = DateTime.fromMillisecondsSinceEpoch(element.timestamp * 1000);
|
|
if(elementDate.weekday != lastDate.weekday) {
|
|
lastDate = elementDate;
|
|
messages.add(ChatBubble(
|
|
context: context,
|
|
isSender: true,
|
|
bubbleData: GetChatResponseObject(
|
|
1,
|
|
"asd",
|
|
GetRoomResponseObjectMessageActorType.bridge,
|
|
"system",
|
|
"System",
|
|
element.timestamp,
|
|
elementDate.toIso8601String(),
|
|
GetRoomResponseObjectMessageType.system,
|
|
false,
|
|
"",
|
|
Jiffy.parseFromDateTime(elementDate).format(pattern: "dd.MM.yyyy"),
|
|
null
|
|
),
|
|
chatData: widget.room
|
|
));
|
|
}
|
|
messages.add(ChatBubble(context: context, isSender: element.actorId == widget.selfId, bubbleData: element, chatData: widget.room));
|
|
});
|
|
}
|
|
|
|
return Scaffold(
|
|
backgroundColor: const Color(0xffefeae2),
|
|
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: AppTheme.isDarkMode(context) ? const AssetImage("assets/background/chatDark.png") : const AssetImage("assets/background/chat.png"),
|
|
scale: 1.5,
|
|
opacity: 0.5,
|
|
repeat: ImageRepeat.repeat,
|
|
colorFilter: const ColorFilter.linearToSrgbGamma()
|
|
)
|
|
),
|
|
child: LoaderOverlay(
|
|
child: data.primaryLoading() ? const Center(child: CircularProgressIndicator()) : Column(
|
|
children: [
|
|
Expanded(
|
|
child: ListView(
|
|
reverse: true,
|
|
controller: _listController,
|
|
children: messages.reversed.toList(),
|
|
),
|
|
),
|
|
ChatTextfield(widget.room.token),
|
|
],
|
|
),
|
|
)
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|