You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
280 lines
12 KiB
Dart
280 lines
12 KiB
Dart
import 'dart:async';
|
|
import 'dart:convert';
|
|
|
|
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:mohem_flutter_app/app_state/app_state.dart';
|
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
|
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
|
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
|
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
|
import 'package:mohem_flutter_app/main.dart';
|
|
import 'package:mohem_flutter_app/models/chat/call.dart';
|
|
import 'package:mohem_flutter_app/models/chat/get_single_user_chat_list_model.dart';
|
|
import 'package:mohem_flutter_app/provider/chat_provider_model.dart';
|
|
import 'package:mohem_flutter_app/ui/chat/call/chat_outgoing_call_screen.dart';
|
|
import 'package:mohem_flutter_app/ui/chat/chat_bubble.dart';
|
|
import 'package:mohem_flutter_app/ui/landing/dashboard_screen.dart';
|
|
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
|
|
import 'package:mohem_flutter_app/widgets/shimmer/dashboard_shimmer_widget.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:pull_to_refresh/pull_to_refresh.dart';
|
|
import 'package:signalr_netcore/signalr_client.dart';
|
|
import 'package:sizer/sizer.dart';
|
|
import 'package:swipe_to/swipe_to.dart';
|
|
|
|
class ChatDetailScreen extends StatefulWidget {
|
|
// ignore: prefer_const_constructors_in_immutables
|
|
ChatDetailScreen({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<ChatDetailScreen> createState() => _ChatDetailScreenState();
|
|
}
|
|
|
|
class _ChatDetailScreenState extends State<ChatDetailScreen> {
|
|
dynamic userDetails;
|
|
late ChatProviderModel data;
|
|
final RefreshController _rc = RefreshController(initialRefresh: false);
|
|
|
|
void getMoreChat() async {
|
|
if (userDetails != null) {
|
|
data.paginationVal = data.paginationVal + 10;
|
|
if (userDetails != null) {
|
|
data.getSingleUserChatHistory(
|
|
senderUID: AppState().chatDetails!.response!.id!.toInt(),
|
|
receiverUID: userDetails["targetUser"].id,
|
|
loadMore: true,
|
|
isNewChat: false,
|
|
);
|
|
}
|
|
}
|
|
await Future.delayed(
|
|
const Duration(milliseconds: 1000),
|
|
);
|
|
_rc.loadComplete();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
userDetails = ModalRoute.of(context)!.settings.arguments;
|
|
data = Provider.of<ChatProviderModel>(context, listen: false);
|
|
if (userDetails != null) {
|
|
data.getSingleUserChatHistory(
|
|
senderUID: AppState().chatDetails!.response!.id!.toInt(),
|
|
receiverUID: userDetails["targetUser"].id,
|
|
loadMore: false,
|
|
isNewChat: userDetails["isNewChat"],
|
|
);
|
|
}
|
|
|
|
return Scaffold(
|
|
backgroundColor: MyColors.backgroundColor,
|
|
appBar: AppBarWidget(
|
|
context,
|
|
title: userDetails["targetUser"].userName.toString().replaceAll(".", " ").capitalizeFirstofEach,
|
|
showHomeButton: false,
|
|
image: userDetails["targetUser"].image,
|
|
actions: [
|
|
SvgPicture.asset("assets/icons/chat/call.svg", width: 21, height: 23).onPress(() {
|
|
// makeCall(callType: "AUDIO", con: hubConnection);
|
|
}),
|
|
24.width,
|
|
SvgPicture.asset("assets/icons/chat/video_call.svg", width: 21, height: 18).onPress(() {
|
|
// makeCall(callType: "VIDEO", con: hubConnection);
|
|
}),
|
|
21.width,
|
|
],
|
|
),
|
|
body: Consumer<ChatProviderModel>(
|
|
builder: (BuildContext context, ChatProviderModel m, Widget? child) {
|
|
return (m.isLoading
|
|
? ChatHomeShimmer()
|
|
: Column(
|
|
children: <Widget>[
|
|
SmartRefresher(
|
|
enablePullDown: false,
|
|
enablePullUp: true,
|
|
onLoading: () {
|
|
getMoreChat();
|
|
},
|
|
header: const MaterialClassicHeader(
|
|
color: MyColors.gradiantEndColor,
|
|
),
|
|
controller: _rc,
|
|
reverse: true,
|
|
child: ListView.separated(
|
|
controller: m.scrollController,
|
|
shrinkWrap: true,
|
|
physics: const BouncingScrollPhysics(),
|
|
reverse: true,
|
|
itemCount: m.userChatHistory.length,
|
|
padding: const EdgeInsets.all(21),
|
|
separatorBuilder: (cxt, index) => 8.height,
|
|
itemBuilder: (BuildContext context, int i) {
|
|
return SwipeTo(
|
|
iconColor: MyColors.lightGreenColor,
|
|
child: ChatBubble(
|
|
dateTime: m.dateFormte(m.userChatHistory[i].createdDate!),
|
|
cItem: m.userChatHistory[i],
|
|
),
|
|
onRightSwipe: () {
|
|
m.chatReply(
|
|
m.userChatHistory[i],
|
|
);
|
|
},
|
|
).onPress(() {
|
|
logger.d(jsonEncode(m.userChatHistory[i]));
|
|
});
|
|
},
|
|
),
|
|
).expanded,
|
|
if (m.isMsgReply)
|
|
SizedBox(
|
|
height: 82,
|
|
child: Row(
|
|
children: <Widget>[
|
|
Container(height: 82, color: MyColors.textMixColor, width: 6),
|
|
Container(
|
|
color: MyColors.darkTextColor.withOpacity(0.10),
|
|
padding: const EdgeInsets.only(top: 11, left: 14, bottom: 14, right: 21),
|
|
child: Row(
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
(AppState().chatDetails!.response!.userName == m.repliedMsg.first.currentUserName.toString()
|
|
? "You"
|
|
: m.repliedMsg.first.currentUserName.toString().replaceAll(".", " "))
|
|
.toText14(color: MyColors.lightGreenColor),
|
|
(m.repliedMsg.isNotEmpty ? m.repliedMsg.first.contant! : "").toText12(color: MyColors.grey71Color, maxLine: 2)
|
|
],
|
|
).expanded,
|
|
12.width,
|
|
if (m.isMsgReply && m.repliedMsg.isNotEmpty) showReplyImage(m.repliedMsg),
|
|
12.width,
|
|
const Icon(Icons.cancel, size: 23, color: MyColors.grey7BColor).onPress(m.closeMe),
|
|
],
|
|
),
|
|
).expanded,
|
|
],
|
|
),
|
|
),
|
|
if (m.isFileSelected && m.sFileType == ".png" || m.sFileType == ".jpeg" || m.sFileType == ".jpg")
|
|
SizedBox(height: 200, width: double.infinity, child: Image.file(m.selectedFile, fit: BoxFit.cover)).paddingOnly(left: 21, right: 21, top: 21),
|
|
TextField(
|
|
controller: m.message,
|
|
decoration: InputDecoration(
|
|
hintText: m.isFileSelected ? m.selectedFile.path.split("/").last : LocaleKeys.typeheretoreply.tr(),
|
|
hintStyle: TextStyle(color: m.isFileSelected ? MyColors.darkTextColor : MyColors.grey98Color, fontSize: 14),
|
|
border: InputBorder.none,
|
|
focusedBorder: InputBorder.none,
|
|
enabledBorder: InputBorder.none,
|
|
errorBorder: InputBorder.none,
|
|
disabledBorder: InputBorder.none,
|
|
filled: true,
|
|
fillColor: MyColors.white,
|
|
contentPadding: const EdgeInsets.only(
|
|
left: 21,
|
|
top: 20,
|
|
bottom: 20,
|
|
),
|
|
prefixIconConstraints: const BoxConstraints(),
|
|
prefixIcon: m.sFileType.isNotEmpty
|
|
? SvgPicture.asset(m.getType(m.sFileType), height: 30, width: 22, alignment: Alignment.center, fit: BoxFit.cover).paddingOnly(left: 21, right: 15)
|
|
: null,
|
|
suffixIcon: SizedBox(
|
|
width: 100,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
crossAxisAlignment: CrossAxisAlignment.center, // added line
|
|
children: <Widget>[
|
|
if (m.sFileType.isNotEmpty)
|
|
Row(
|
|
children: <Widget>[
|
|
const Icon(Icons.cancel, size: 15, color: MyColors.redA3Color).paddingOnly(right: 5),
|
|
("Clear").toText11(color: MyColors.redA3Color, isUnderLine: true).paddingOnly(left: 0),
|
|
],
|
|
).onPress(() => m.removeAttachment()).paddingOnly(right: 25),
|
|
if (m.sFileType.isEmpty)
|
|
RotationTransition(
|
|
turns: const AlwaysStoppedAnimation(45 / 360),
|
|
child: const Icon(Icons.attach_file_rounded, size: 26, color: MyColors.grey3AColor).onPress(
|
|
() => m.selectImageToUpload(context),
|
|
),
|
|
).paddingOnly(right: 25),
|
|
SvgPicture.asset("assets/icons/chat/chat_send_icon.svg", height: 26, width: 26).onPress(
|
|
() => m.sendChatMessage(userDetails["targetUser"].id, userDetails["targetUser"].userName, context),
|
|
),
|
|
],
|
|
),
|
|
).paddingOnly(right: 21),
|
|
),
|
|
),
|
|
],
|
|
));
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget showReplyImage(List<SingleUserChatModel> data) {
|
|
if (data.first.isImageLoaded! && data.first.image != null) {
|
|
return ClipRRect(
|
|
borderRadius: BorderRadius.circular(10.0),
|
|
child: Image.memory(
|
|
data.first.image!,
|
|
height: 43,
|
|
width: 43,
|
|
fit: BoxFit.cover,
|
|
),
|
|
);
|
|
} else {
|
|
return const SizedBox();
|
|
}
|
|
}
|
|
|
|
void makeCall({required String callType, required HubConnection con}) async {
|
|
print("================== Make call Triggered ============================");
|
|
Map<String, dynamic> json = {
|
|
"callerID": AppState().chatDetails!.response!.id!.toString(),
|
|
"callReceiverID": userDetails["targetUser"].id.toString(),
|
|
"notification_foreground": "true",
|
|
"message": "Aamir is calling",
|
|
"title": "Video Call",
|
|
"type": callType == "VIDEO" ? "Video" : "Audio",
|
|
"identity": AppState().chatDetails!.response!.userName,
|
|
"name": AppState().chatDetails!.response!.title,
|
|
"is_call": "true",
|
|
"is_webrtc": "true",
|
|
"contant": "Start video Call ${AppState().chatDetails!.response!.userName}",
|
|
"contantNo": "775d1f11-62d9-6fcc-91f6-21f8c14559fb",
|
|
"chatEventId": "3",
|
|
"fileTypeId": null,
|
|
"currentUserId": AppState().chatDetails!.response!.id!.toString(),
|
|
"chatSource": "1",
|
|
"userChatHistoryLineRequestList": [
|
|
{
|
|
"isSeen": false,
|
|
"isDelivered": false,
|
|
"targetUserId": userDetails["targetUser"].id,
|
|
"targetUserStatus": 4,
|
|
}
|
|
],
|
|
// "server": "https://192.168.8.163:8086",
|
|
"server": "https://livecareturn.hmg.com:8086",
|
|
};
|
|
CallDataModel callData = CallDataModel.fromJson(json);
|
|
await Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (BuildContext context) => OutGoingCall(
|
|
isVideoCall: callType == "VIDEO" ? true : false,
|
|
OutGoingCallData: callData,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|