Merge branch 'sultan-dev' into development_haroon
# Conflicts: # assets/langs/en-US.json # lib/classes/utils.dart # lib/generated/codegen_loader.g.dart # lib/ui/my_attendance/dynamic_screens/dynamic_input_screen.dart # pubspec.yamldevelopment_haroon
commit
a58d4753e4
@ -0,0 +1,3 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||||
|
<path id="delete_1_" data-name="delete (1)" d="M13.657,2.343A8,8,0,0,0,2.343,13.657,8,8,0,0,0,13.657,2.343Zm-2.2,8.012a.781.781,0,1,1-1.1,1.1L8,9.1,5.645,11.46a.781.781,0,0,1-1.1-1.1L6.9,8,4.54,5.645a.781.781,0,0,1,1.1-1.1L8,6.9,10.355,4.54a.781.781,0,0,1,1.1,1.1L9.1,8Zm0,0" fill="#ca3332"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 386 B |
@ -0,0 +1,56 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||||
|
<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
viewBox="0 0 392.601 392.601" xml:space="preserve">
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path d="M117.659,132.85c-29.479,0-53.463,23.984-53.463,53.463s23.984,53.463,53.463,53.463
|
||||||
|
c29.543,0,53.463-23.984,53.463-53.463S147.138,132.85,117.659,132.85z M117.659,217.989c-17.455,0-31.677-14.222-31.677-31.677
|
||||||
|
s14.222-31.677,31.677-31.677s31.677,14.222,31.677,31.677S135.114,217.989,117.659,217.989z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path d="M301.32,192.842c-23.531,0-42.731,19.2-42.731,42.731c0,23.596,19.135,42.731,42.731,42.731
|
||||||
|
c23.596,0,42.731-19.135,42.731-42.731C344.051,211.977,324.916,192.842,301.32,192.842z M301.32,256.518
|
||||||
|
c-11.507,0-20.945-9.374-20.945-20.945s9.438-20.945,20.945-20.945c11.572,0,20.945,9.374,20.945,20.945
|
||||||
|
C322.265,247.08,312.891,256.518,301.32,256.518z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path d="M301.32,292.591c-32.194,0-60.832,17.325-76.994,43.119c-18.554-40.792-59.604-69.495-106.731-69.495
|
||||||
|
c-63.547,0-116.234,51.717-117.592,115.2c-0.065,2.909,1.099,5.818,3.103,7.887c2.069,2.069,4.848,3.232,7.822,3.232h370.166
|
||||||
|
c2.909,0,5.689-1.164,7.822-3.232c2.133-2.069,3.168-4.978,3.103-7.887C390.984,332.478,350.257,292.591,301.32,292.591z
|
||||||
|
M22.758,370.813c6.465-46.545,46.998-82.683,94.901-82.683c47.903,0,88.372,36.137,94.901,82.683H22.758z M233.57,370.813
|
||||||
|
c6.012-31.935,34.327-56.307,67.685-56.307s61.737,24.436,67.685,56.307H233.57z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path d="M274.427,0.066c-65.164,0-118.174,36.913-118.174,82.36c0,22.109,12.541,43.184,34.844,58.505v44.865
|
||||||
|
c0,3.685,1.875,7.111,4.913,9.115c2.78,1.875,7.24,2.069,10.343,0.84l70.4-31.095c64.065-0.776,115.846-37.43,115.846-82.23
|
||||||
|
C392.601,36.979,339.59,0.066,274.427,0.066z M274.427,142.87c-1.552,0-3.038,0.323-4.396,0.905l-57.212,25.277v-34.069
|
||||||
|
c0-3.814-2.004-7.37-5.236-9.244c-18.747-11.507-29.608-27.281-29.608-43.378c0.065-32.776,44.218-60.509,96.452-60.509
|
||||||
|
s96.388,27.733,96.388,60.509C370.815,115.201,326.661,142.87,274.427,142.87z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path d="M219.671,69.238h-5.107c-6.012,0-10.925,4.849-10.925,10.925c0.065,6.077,4.913,10.925,10.925,10.925h5.107
|
||||||
|
c6.012,0,10.925-4.849,10.925-10.925C230.597,74.151,225.748,69.238,219.671,69.238z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path d="M276.948,69.238h-5.107c-6.012,0-10.925,4.849-10.925,10.925c0,6.077,4.978,10.925,10.925,10.925h5.107
|
||||||
|
c6.012,0,10.925-4.849,10.925-10.925C287.873,74.151,283.025,69.238,276.948,69.238z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path d="M334.289,69.238h-5.107c-6.012,0-10.925,4.849-10.925,10.925c0,6.077,4.913,10.925,10.925,10.925h5.107
|
||||||
|
c6.012,0,10.925-4.849,10.925-10.925C345.215,74.151,340.366,69.238,334.289,69.238z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.9 KiB |
@ -0,0 +1,159 @@
|
|||||||
|
import 'package:mohem_flutter_app/models/chat/get_search_user_chat_model.dart';
|
||||||
|
|
||||||
|
class CreateGroupRequest {
|
||||||
|
String? groupName;
|
||||||
|
int? adminUserId;
|
||||||
|
List<ChatUser>? groupUserList;
|
||||||
|
bool? canAttach;
|
||||||
|
bool? canAudioC;
|
||||||
|
bool? canShareS;
|
||||||
|
bool? canVideoC;
|
||||||
|
bool? isMeeting;
|
||||||
|
bool? canArchive;
|
||||||
|
int? groupId;
|
||||||
|
CreateGroupRequest(
|
||||||
|
{this.groupName,
|
||||||
|
this.adminUserId,
|
||||||
|
this.groupUserList,
|
||||||
|
this.canAttach,
|
||||||
|
this.canAudioC,
|
||||||
|
this.canShareS,
|
||||||
|
this.canVideoC,
|
||||||
|
this.isMeeting,
|
||||||
|
this.canArchive,
|
||||||
|
this.groupId
|
||||||
|
});
|
||||||
|
|
||||||
|
CreateGroupRequest.fromJson(Map<String, dynamic> json) {
|
||||||
|
groupName = json['groupName'];
|
||||||
|
adminUserId = json['adminUserId'];
|
||||||
|
if (json['groupUserList'] != null) {
|
||||||
|
groupUserList = <ChatUser>[];
|
||||||
|
json['groupUserList'].forEach((v) {
|
||||||
|
groupUserList!.add(new ChatUser.fromJson(v));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
canAttach = json['canAttach'];
|
||||||
|
canAudioC = json['canAudioC'];
|
||||||
|
canShareS = json['canShareS'];
|
||||||
|
canVideoC = json['canVideoC'];
|
||||||
|
isMeeting = json['isMeeting'];
|
||||||
|
canArchive = json['canArchive'];
|
||||||
|
groupId = json['groupId'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['groupName'] = this.groupName;
|
||||||
|
data['adminUserId'] = this.adminUserId;
|
||||||
|
if (this.groupUserList != null) {
|
||||||
|
data['groupUserList'] =
|
||||||
|
this.groupUserList!.map((v) => v.toJson()).toList();
|
||||||
|
}
|
||||||
|
data['canAttach'] = this.canAttach;
|
||||||
|
data['canAudioC'] = this.canAudioC;
|
||||||
|
data['canShareS'] = this.canShareS;
|
||||||
|
data['canVideoC'] = this.canVideoC;
|
||||||
|
data['isMeeting'] = this.isMeeting;
|
||||||
|
data['canArchive'] = this.canArchive;
|
||||||
|
data['groupId'] = this.groupId;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class GroupUserList {
|
||||||
|
int? id;
|
||||||
|
String? userName;
|
||||||
|
String? email;
|
||||||
|
dynamic? phone;
|
||||||
|
String? title;
|
||||||
|
int? userStatus;
|
||||||
|
String? image;
|
||||||
|
int? unreadMessageCount;
|
||||||
|
int? userAction;
|
||||||
|
bool? isPin;
|
||||||
|
bool? isFav;
|
||||||
|
bool? isAdmin;
|
||||||
|
Null? rKey;
|
||||||
|
int? totalCount;
|
||||||
|
bool? isHuaweiDevice;
|
||||||
|
Null? deviceToken;
|
||||||
|
String? token;
|
||||||
|
bool? isDomainUser;
|
||||||
|
bool? isActiveCode;
|
||||||
|
String? encryptedUserId;
|
||||||
|
String? encryptedUserName;
|
||||||
|
|
||||||
|
GroupUserList(
|
||||||
|
{this.id,
|
||||||
|
this.userName,
|
||||||
|
this.email,
|
||||||
|
this.phone,
|
||||||
|
this.title,
|
||||||
|
this.userStatus,
|
||||||
|
this.image,
|
||||||
|
this.unreadMessageCount,
|
||||||
|
this.userAction,
|
||||||
|
this.isPin,
|
||||||
|
this.isFav,
|
||||||
|
this.isAdmin,
|
||||||
|
this.rKey,
|
||||||
|
this.totalCount,
|
||||||
|
this.isHuaweiDevice,
|
||||||
|
this.deviceToken,
|
||||||
|
this.token,
|
||||||
|
this.isDomainUser,
|
||||||
|
this.isActiveCode,
|
||||||
|
this.encryptedUserId,
|
||||||
|
this.encryptedUserName});
|
||||||
|
|
||||||
|
GroupUserList.fromJson(Map<String, dynamic> json) {
|
||||||
|
id = json['id'];
|
||||||
|
userName = json['userName'];
|
||||||
|
email = json['email'];
|
||||||
|
phone = json['phone'];
|
||||||
|
title = json['title'];
|
||||||
|
userStatus = json['userStatus'];
|
||||||
|
image = json['image'];
|
||||||
|
unreadMessageCount = json['unreadMessageCount'];
|
||||||
|
userAction = json['userAction'];
|
||||||
|
isPin = json['isPin'];
|
||||||
|
isFav = json['isFav'];
|
||||||
|
isAdmin = json['isAdmin'];
|
||||||
|
rKey = json['rKey'];
|
||||||
|
totalCount = json['totalCount'];
|
||||||
|
isHuaweiDevice = json['isHuaweiDevice'];
|
||||||
|
deviceToken = json['deviceToken'];
|
||||||
|
token = json['token'];
|
||||||
|
isDomainUser = json['isDomainUser'];
|
||||||
|
isActiveCode = json['isActiveCode'];
|
||||||
|
encryptedUserId = json['encryptedUserId'];
|
||||||
|
encryptedUserName = json['encryptedUserName'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['id'] = this.id;
|
||||||
|
data['userName'] = this.userName;
|
||||||
|
data['email'] = this.email;
|
||||||
|
data['phone'] = this.phone;
|
||||||
|
data['title'] = this.title;
|
||||||
|
data['userStatus'] = this.userStatus;
|
||||||
|
data['image'] = this.image;
|
||||||
|
data['unreadMessageCount'] = this.unreadMessageCount;
|
||||||
|
data['userAction'] = this.userAction;
|
||||||
|
data['isPin'] = this.isPin;
|
||||||
|
data['isFav'] = this.isFav;
|
||||||
|
data['isAdmin'] = this.isAdmin;
|
||||||
|
data['rKey'] = this.rKey;
|
||||||
|
data['totalCount'] = this.totalCount;
|
||||||
|
data['isHuaweiDevice'] = this.isHuaweiDevice;
|
||||||
|
data['deviceToken'] = this.deviceToken;
|
||||||
|
data['token'] = this.token;
|
||||||
|
data['isDomainUser'] = this.isDomainUser;
|
||||||
|
data['isActiveCode'] = this.isActiveCode;
|
||||||
|
data['encryptedUserId'] = this.encryptedUserId;
|
||||||
|
data['encryptedUserName'] = this.encryptedUserName;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,264 @@
|
|||||||
|
import 'dart:convert';
|
||||||
|
import 'dart:io';
|
||||||
|
import 'dart:typed_data';
|
||||||
|
|
||||||
|
import 'package:just_audio/just_audio.dart';
|
||||||
|
|
||||||
|
class GetGroupChatHistoryAsync {
|
||||||
|
int? groupChatHistoryId;
|
||||||
|
String? contant;
|
||||||
|
String? contantNo;
|
||||||
|
int? chatEventId;
|
||||||
|
dynamic? fileTypeId;
|
||||||
|
bool? isSeen;
|
||||||
|
bool? isDelivered;
|
||||||
|
String? createdDate;
|
||||||
|
int? chatSource;
|
||||||
|
int? currentUserId;
|
||||||
|
String? currentUserName;
|
||||||
|
int? groupId;
|
||||||
|
String? groupName;
|
||||||
|
dynamic? encryptedGroupId;
|
||||||
|
dynamic? encryptedGroupName;
|
||||||
|
dynamic? callStatus;
|
||||||
|
String? conversationId;
|
||||||
|
List<GroupChatHistoryTargetUserList>? groupChatHistoryTargetUserList;
|
||||||
|
FileTypeResponse? fileTypeResponse;
|
||||||
|
GroupChatReplyResponse? groupChatReplyResponse;
|
||||||
|
bool? isReplied;
|
||||||
|
bool? isImageLoaded;
|
||||||
|
Uint8List? image;
|
||||||
|
File? voice;
|
||||||
|
AudioPlayer? voiceController;
|
||||||
|
GetGroupChatHistoryAsync(
|
||||||
|
{this.groupChatHistoryId,
|
||||||
|
this.contant,
|
||||||
|
this.contantNo,
|
||||||
|
this.chatEventId,
|
||||||
|
this.fileTypeId,
|
||||||
|
this.isSeen,
|
||||||
|
this.isDelivered,
|
||||||
|
this.createdDate,
|
||||||
|
this.chatSource,
|
||||||
|
this.currentUserId,
|
||||||
|
this.currentUserName,
|
||||||
|
this.groupId,
|
||||||
|
this.groupName,
|
||||||
|
this.encryptedGroupId,
|
||||||
|
this.encryptedGroupName,
|
||||||
|
this.callStatus,
|
||||||
|
this.conversationId,
|
||||||
|
this.groupChatHistoryTargetUserList,
|
||||||
|
this.fileTypeResponse,
|
||||||
|
this.groupChatReplyResponse,
|
||||||
|
this.image,
|
||||||
|
this.isImageLoaded,
|
||||||
|
this.isReplied,
|
||||||
|
this.voice,
|
||||||
|
this.voiceController
|
||||||
|
});
|
||||||
|
|
||||||
|
GetGroupChatHistoryAsync.fromJson(Map<String, dynamic> json) {
|
||||||
|
groupChatHistoryId = json['groupChatHistoryId'];
|
||||||
|
contant = json['contant'];
|
||||||
|
contantNo = json['contantNo'];
|
||||||
|
chatEventId = json['chatEventId'];
|
||||||
|
fileTypeId = json['fileTypeId'];
|
||||||
|
isSeen = json['isSeen'];
|
||||||
|
isDelivered = json['isDelivered'];
|
||||||
|
createdDate = json['createdDate'];
|
||||||
|
chatSource = json['chatSource'];
|
||||||
|
currentUserId = json['currentUserId'];
|
||||||
|
currentUserName = json['currentUserName'];
|
||||||
|
groupId = json['groupId'];
|
||||||
|
groupName = json['groupName'];
|
||||||
|
encryptedGroupId = json['encryptedGroupId'];
|
||||||
|
encryptedGroupName = json['encryptedGroupName'];
|
||||||
|
callStatus = json['callStatus'];
|
||||||
|
conversationId = json['conversationId'];
|
||||||
|
if (json['groupChatHistoryTargetUserList'] != null) {
|
||||||
|
groupChatHistoryTargetUserList = <GroupChatHistoryTargetUserList>[];
|
||||||
|
json['groupChatHistoryTargetUserList'].forEach((v) {
|
||||||
|
groupChatHistoryTargetUserList!
|
||||||
|
.add(new GroupChatHistoryTargetUserList.fromJson(v));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
fileTypeResponse = json['fileTypeResponse'] != null
|
||||||
|
? new FileTypeResponse.fromJson(json['fileTypeResponse'])
|
||||||
|
: null;
|
||||||
|
groupChatReplyResponse = json["groupChatReplyResponse"] == null ? null : GroupChatReplyResponse.fromJson(json["groupChatReplyResponse"]);
|
||||||
|
|
||||||
|
isReplied= json['isReplied'];
|
||||||
|
isImageLoaded= json['isImageLoaded'] ??false;
|
||||||
|
image= json['image'];
|
||||||
|
voice= json['voice'];
|
||||||
|
voiceController = json["fileTypeId"] == 13 ? AudioPlayer() : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['groupChatHistoryId'] = this.groupChatHistoryId;
|
||||||
|
data['contant'] = this.contant;
|
||||||
|
data['contantNo'] = this.contantNo;
|
||||||
|
data['chatEventId'] = this.chatEventId;
|
||||||
|
data['fileTypeId'] = this.fileTypeId;
|
||||||
|
data['isSeen'] = this.isSeen;
|
||||||
|
data['isDelivered'] = this.isDelivered;
|
||||||
|
data['createdDate'] = this.createdDate;
|
||||||
|
data['chatSource'] = this.chatSource;
|
||||||
|
data['currentUserId'] = this.currentUserId;
|
||||||
|
data['currentUserName'] = this.currentUserName;
|
||||||
|
data['groupId'] = this.groupId;
|
||||||
|
data['groupName'] = this.groupName;
|
||||||
|
data['encryptedGroupId'] = this.encryptedGroupId;
|
||||||
|
data['encryptedGroupName'] = this.encryptedGroupName;
|
||||||
|
data['callStatus'] = this.callStatus;
|
||||||
|
data['conversationId'] = this.conversationId;
|
||||||
|
if (this.groupChatHistoryTargetUserList != null) {
|
||||||
|
data['groupChatHistoryTargetUserList'] =
|
||||||
|
this.groupChatHistoryTargetUserList!.map((v) => v.toJson()).toList();
|
||||||
|
}
|
||||||
|
if (this.fileTypeResponse != null) {
|
||||||
|
data['fileTypeResponse'] = this.fileTypeResponse!.toJson();
|
||||||
|
}
|
||||||
|
if(this.groupChatReplyResponse !=null) {
|
||||||
|
data['groupChatReplyResponse'] = this.groupChatReplyResponse;
|
||||||
|
}
|
||||||
|
|
||||||
|
data['isReplied'] =isReplied;
|
||||||
|
data['isImageLoaded'] = isImageLoaded ?? false;
|
||||||
|
data['image'] = image;
|
||||||
|
data['voice'] = voice;
|
||||||
|
data["fileTypeId"] == 13 ? AudioPlayer() : null;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class GroupChatHistoryTargetUserList {
|
||||||
|
int? groupChatHistoryLineId;
|
||||||
|
bool? isSeen;
|
||||||
|
bool? isDelivered;
|
||||||
|
int? targetUserId;
|
||||||
|
String? targetUserName;
|
||||||
|
dynamic? userAction;
|
||||||
|
|
||||||
|
GroupChatHistoryTargetUserList(
|
||||||
|
{this.groupChatHistoryLineId,
|
||||||
|
this.isSeen,
|
||||||
|
this.isDelivered,
|
||||||
|
this.targetUserId,
|
||||||
|
this.targetUserName,
|
||||||
|
this.userAction});
|
||||||
|
|
||||||
|
GroupChatHistoryTargetUserList.fromJson(Map<String, dynamic> json) {
|
||||||
|
groupChatHistoryLineId = json['groupChatHistoryLineId'];
|
||||||
|
isSeen = json['isSeen'];
|
||||||
|
isDelivered = json['isDelivered'];
|
||||||
|
targetUserId = json['targetUserId'];
|
||||||
|
targetUserName = json['targetUserName'];
|
||||||
|
userAction = json['userAction'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['groupChatHistoryLineId'] = this.groupChatHistoryLineId;
|
||||||
|
data['isSeen'] = this.isSeen;
|
||||||
|
data['isDelivered'] = this.isDelivered;
|
||||||
|
data['targetUserId'] = this.targetUserId;
|
||||||
|
data['targetUserName'] = this.targetUserName;
|
||||||
|
data['userAction'] = this.userAction;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class FileTypeResponse {
|
||||||
|
int? fileTypeId;
|
||||||
|
dynamic? fileTypeName;
|
||||||
|
dynamic? fileTypeDescription;
|
||||||
|
dynamic? fileKind;
|
||||||
|
dynamic? fileName;
|
||||||
|
|
||||||
|
FileTypeResponse(
|
||||||
|
{this.fileTypeId,
|
||||||
|
this.fileTypeName,
|
||||||
|
this.fileTypeDescription,
|
||||||
|
this.fileKind,
|
||||||
|
this.fileName});
|
||||||
|
|
||||||
|
FileTypeResponse.fromJson(Map<String, dynamic> json) {
|
||||||
|
fileTypeId = json['fileTypeId'];
|
||||||
|
fileTypeName = json['fileTypeName'];
|
||||||
|
fileTypeDescription = json['fileTypeDescription'];
|
||||||
|
fileKind = json['fileKind'];
|
||||||
|
fileName = json['fileName'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['fileTypeId'] = this.fileTypeId;
|
||||||
|
data['fileTypeName'] = this.fileTypeName;
|
||||||
|
data['fileTypeDescription'] = this.fileTypeDescription;
|
||||||
|
data['fileKind'] = this.fileKind;
|
||||||
|
data['fileName'] = this.fileName;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
class GroupChatReplyResponse {
|
||||||
|
GroupChatReplyResponse(
|
||||||
|
{this.userChatHistoryId,
|
||||||
|
this.chatEventId,
|
||||||
|
this.contant,
|
||||||
|
this.contantNo,
|
||||||
|
this.fileTypeId,
|
||||||
|
this.createdDate,
|
||||||
|
this.targetUserId,
|
||||||
|
this.targetUserName,
|
||||||
|
this.fileTypeResponse,
|
||||||
|
this.isImageLoaded,
|
||||||
|
this.image,
|
||||||
|
this.voice});
|
||||||
|
|
||||||
|
int? userChatHistoryId;
|
||||||
|
int? chatEventId;
|
||||||
|
String? contant;
|
||||||
|
String? contantNo;
|
||||||
|
dynamic? fileTypeId;
|
||||||
|
DateTime? createdDate;
|
||||||
|
int? targetUserId;
|
||||||
|
String? targetUserName;
|
||||||
|
FileTypeResponse? fileTypeResponse;
|
||||||
|
bool? isImageLoaded;
|
||||||
|
Uint8List? image;
|
||||||
|
Uint8List? voice;
|
||||||
|
|
||||||
|
factory GroupChatReplyResponse.fromJson(Map<String, dynamic> json) => GroupChatReplyResponse(
|
||||||
|
userChatHistoryId: json["userChatHistoryId"] == null ? null : json["userChatHistoryId"],
|
||||||
|
chatEventId: json["chatEventId"] == null ? null : json["chatEventId"],
|
||||||
|
contant: json["contant"] == null ? null : json["contant"],
|
||||||
|
contantNo: json["contantNo"] == null ? null : json["contantNo"],
|
||||||
|
fileTypeId: json["fileTypeId"],
|
||||||
|
createdDate: json["createdDate"] == null ? null : DateTime.parse(json["createdDate"]),
|
||||||
|
targetUserId: json["targetUserId"] == null ? null : json["targetUserId"],
|
||||||
|
targetUserName: json["targetUserName"] == null ? null : json["targetUserName"],
|
||||||
|
fileTypeResponse: json["fileTypeResponse"] == null ? null : FileTypeResponse.fromJson(json["fileTypeResponse"]),
|
||||||
|
isImageLoaded: false,
|
||||||
|
image: null,
|
||||||
|
voice: null,
|
||||||
|
);
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() => {
|
||||||
|
"userChatHistoryId": userChatHistoryId == null ? null : userChatHistoryId,
|
||||||
|
"chatEventId": chatEventId == null ? null : chatEventId,
|
||||||
|
"contant": contant == null ? null : contant,
|
||||||
|
"contantNo": contantNo == null ? null : contantNo,
|
||||||
|
"fileTypeId": fileTypeId,
|
||||||
|
"createdDate": createdDate == null ? null : createdDate!.toIso8601String(),
|
||||||
|
"targetUserId": targetUserId == null ? null : targetUserId,
|
||||||
|
"targetUserName": targetUserName == null ? null : targetUserName,
|
||||||
|
"fileTypeResponse": fileTypeResponse == null ? null : fileTypeResponse!.toJson(),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,261 @@
|
|||||||
|
import 'dart:convert';
|
||||||
|
|
||||||
|
class GetUserGroups {
|
||||||
|
List<GroupResponse>? groupresponse;
|
||||||
|
Null? errorResponses;
|
||||||
|
|
||||||
|
GetUserGroups({this.groupresponse, this.errorResponses});
|
||||||
|
factory GetUserGroups.fromRawJson(String str) => GetUserGroups.fromJson(json.decode(str));
|
||||||
|
|
||||||
|
String toRawJson() => json.encode(toJson());
|
||||||
|
GetUserGroups.fromJson(Map<String, dynamic> json) {
|
||||||
|
if (json['response'] != null) {
|
||||||
|
groupresponse = <GroupResponse>[];
|
||||||
|
json['response'].forEach((v) {
|
||||||
|
if(v['isDeleted'] == false)
|
||||||
|
groupresponse!.add(new GroupResponse.fromJson(v));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
errorResponses = json['errorResponses'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
if (this.groupresponse != null) {
|
||||||
|
data['response'] = this.groupresponse!.map((v) => v.toJson()).toList();
|
||||||
|
}
|
||||||
|
data['errorResponses'] = this.errorResponses;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class GroupResponse {
|
||||||
|
int? groupId;
|
||||||
|
String? groupName;
|
||||||
|
Null? groupIcon;
|
||||||
|
bool? isDeleted;
|
||||||
|
bool? isAdmin;
|
||||||
|
bool? canVideoC;
|
||||||
|
bool? canAudioC;
|
||||||
|
bool? canShareS;
|
||||||
|
bool? canAttach;
|
||||||
|
bool? canArchive;
|
||||||
|
bool? isMeeting;
|
||||||
|
Null? meetingTime;
|
||||||
|
Null? extUserLink;
|
||||||
|
int? callStatus;
|
||||||
|
int? groupUnreadMessageCount;
|
||||||
|
AdminUser? adminUser;
|
||||||
|
List<GroupUserList>? groupUserList;
|
||||||
|
|
||||||
|
GroupResponse(
|
||||||
|
{this.groupId,
|
||||||
|
this.groupName,
|
||||||
|
this.groupIcon,
|
||||||
|
this.isDeleted,
|
||||||
|
this.isAdmin,
|
||||||
|
this.canVideoC,
|
||||||
|
this.canAudioC,
|
||||||
|
this.canShareS,
|
||||||
|
this.canAttach,
|
||||||
|
this.canArchive,
|
||||||
|
this.isMeeting,
|
||||||
|
this.meetingTime,
|
||||||
|
this.extUserLink,
|
||||||
|
this.callStatus,
|
||||||
|
this.groupUnreadMessageCount,
|
||||||
|
this.adminUser,
|
||||||
|
this.groupUserList});
|
||||||
|
|
||||||
|
GroupResponse.fromJson(Map<String, dynamic> json) {
|
||||||
|
groupId = json['groupId'];
|
||||||
|
groupName = json['groupName'];
|
||||||
|
groupIcon = json['groupIcon'];
|
||||||
|
isDeleted = json['isDeleted'];
|
||||||
|
isAdmin = json['isAdmin'];
|
||||||
|
canVideoC = json['canVideoC'];
|
||||||
|
canAudioC = json['canAudioC'];
|
||||||
|
canShareS = json['canShareS'];
|
||||||
|
canAttach = json['canAttach'];
|
||||||
|
canArchive = json['canArchive'];
|
||||||
|
isMeeting = json['isMeeting'];
|
||||||
|
meetingTime = json['meetingTime'];
|
||||||
|
extUserLink = json['extUserLink'];
|
||||||
|
callStatus = json['callStatus'];
|
||||||
|
groupUnreadMessageCount = json['groupUnreadMessageCount'];
|
||||||
|
adminUser = json['adminUser'] != null
|
||||||
|
? new AdminUser.fromJson(json['adminUser'])
|
||||||
|
: null;
|
||||||
|
if (json['groupUserList'] != null) {
|
||||||
|
groupUserList = <GroupUserList>[];
|
||||||
|
json['groupUserList'].forEach((v) {
|
||||||
|
groupUserList!.add(new GroupUserList.fromJson(v));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['groupId'] = this.groupId;
|
||||||
|
data['groupName'] = this.groupName;
|
||||||
|
data['groupIcon'] = this.groupIcon;
|
||||||
|
data['isDeleted'] = this.isDeleted;
|
||||||
|
data['isAdmin'] = this.isAdmin;
|
||||||
|
data['canVideoC'] = this.canVideoC;
|
||||||
|
data['canAudioC'] = this.canAudioC;
|
||||||
|
data['canShareS'] = this.canShareS;
|
||||||
|
data['canAttach'] = this.canAttach;
|
||||||
|
data['canArchive'] = this.canArchive;
|
||||||
|
data['isMeeting'] = this.isMeeting;
|
||||||
|
data['meetingTime'] = this.meetingTime;
|
||||||
|
data['extUserLink'] = this.extUserLink;
|
||||||
|
data['callStatus'] = this.callStatus;
|
||||||
|
data['groupUnreadMessageCount'] = this.groupUnreadMessageCount;
|
||||||
|
if (this.adminUser != null) {
|
||||||
|
data['adminUser'] = this.adminUser!.toJson();
|
||||||
|
}
|
||||||
|
if (this.groupUserList != null) {
|
||||||
|
data['groupUserList'] =
|
||||||
|
this.groupUserList!.map((v) => v.toJson()).toList();
|
||||||
|
}
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class AdminUser {
|
||||||
|
int? id;
|
||||||
|
String? userName;
|
||||||
|
String? email;
|
||||||
|
Null? phone;
|
||||||
|
String? title;
|
||||||
|
int? userStatus;
|
||||||
|
Null? image;
|
||||||
|
int? unreadMessageCount;
|
||||||
|
Null? userAction;
|
||||||
|
bool? isPin;
|
||||||
|
bool? isFav;
|
||||||
|
bool? isAdmin;
|
||||||
|
Null? rKey;
|
||||||
|
int? totalCount;
|
||||||
|
|
||||||
|
AdminUser(
|
||||||
|
{this.id,
|
||||||
|
this.userName,
|
||||||
|
this.email,
|
||||||
|
this.phone,
|
||||||
|
this.title,
|
||||||
|
this.userStatus,
|
||||||
|
this.image,
|
||||||
|
this.unreadMessageCount,
|
||||||
|
this.userAction,
|
||||||
|
this.isPin,
|
||||||
|
this.isFav,
|
||||||
|
this.isAdmin,
|
||||||
|
this.rKey,
|
||||||
|
this.totalCount});
|
||||||
|
|
||||||
|
AdminUser.fromJson(Map<String, dynamic> json) {
|
||||||
|
id = json['id'];
|
||||||
|
userName = json['userName'];
|
||||||
|
email = json['email'];
|
||||||
|
phone = json['phone'];
|
||||||
|
title = json['title'];
|
||||||
|
userStatus = json['userStatus'];
|
||||||
|
image = json['image'];
|
||||||
|
unreadMessageCount = json['unreadMessageCount'];
|
||||||
|
userAction = json['userAction'];
|
||||||
|
isPin = json['isPin'];
|
||||||
|
isFav = json['isFav'];
|
||||||
|
isAdmin = json['isAdmin'];
|
||||||
|
rKey = json['rKey'];
|
||||||
|
totalCount = json['totalCount'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['id'] = this.id;
|
||||||
|
data['userName'] = this.userName;
|
||||||
|
data['email'] = this.email;
|
||||||
|
data['phone'] = this.phone;
|
||||||
|
data['title'] = this.title;
|
||||||
|
data['userStatus'] = this.userStatus;
|
||||||
|
data['image'] = this.image;
|
||||||
|
data['unreadMessageCount'] = this.unreadMessageCount;
|
||||||
|
data['userAction'] = this.userAction;
|
||||||
|
data['isPin'] = this.isPin;
|
||||||
|
data['isFav'] = this.isFav;
|
||||||
|
data['isAdmin'] = this.isAdmin;
|
||||||
|
data['rKey'] = this.rKey;
|
||||||
|
data['totalCount'] = this.totalCount;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class GroupUserList {
|
||||||
|
int? id;
|
||||||
|
String? userName;
|
||||||
|
String? email;
|
||||||
|
Null? phone;
|
||||||
|
String? title;
|
||||||
|
int? userStatus;
|
||||||
|
Null? image;
|
||||||
|
int? unreadMessageCount;
|
||||||
|
int? userAction;
|
||||||
|
bool? isPin;
|
||||||
|
bool? isFav;
|
||||||
|
bool? isAdmin;
|
||||||
|
Null? rKey;
|
||||||
|
int? totalCount;
|
||||||
|
|
||||||
|
GroupUserList(
|
||||||
|
{this.id,
|
||||||
|
this.userName,
|
||||||
|
this.email,
|
||||||
|
this.phone,
|
||||||
|
this.title,
|
||||||
|
this.userStatus,
|
||||||
|
this.image,
|
||||||
|
this.unreadMessageCount,
|
||||||
|
this.userAction,
|
||||||
|
this.isPin,
|
||||||
|
this.isFav,
|
||||||
|
this.isAdmin,
|
||||||
|
this.rKey,
|
||||||
|
this.totalCount});
|
||||||
|
|
||||||
|
GroupUserList.fromJson(Map<String, dynamic> json) {
|
||||||
|
id = json['id'];
|
||||||
|
userName = json['userName'];
|
||||||
|
email = json['email'];
|
||||||
|
phone = json['phone'];
|
||||||
|
title = json['title'];
|
||||||
|
userStatus = json['userStatus'];
|
||||||
|
image = json['image'];
|
||||||
|
unreadMessageCount = json['unreadMessageCount'];
|
||||||
|
userAction = json['userAction'];
|
||||||
|
isPin = json['isPin'];
|
||||||
|
isFav = json['isFav'];
|
||||||
|
isAdmin = json['isAdmin'];
|
||||||
|
rKey = json['rKey'];
|
||||||
|
totalCount = json['totalCount'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['id'] = this.id;
|
||||||
|
data['userName'] = this.userName;
|
||||||
|
data['email'] = this.email;
|
||||||
|
data['phone'] = this.phone;
|
||||||
|
data['title'] = this.title;
|
||||||
|
data['userStatus'] = this.userStatus;
|
||||||
|
data['image'] = this.image;
|
||||||
|
data['unreadMessageCount'] = this.unreadMessageCount;
|
||||||
|
data['userAction'] = this.userAction;
|
||||||
|
data['isPin'] = this.isPin;
|
||||||
|
data['isFav'] = this.isFav;
|
||||||
|
data['isAdmin'] = this.isAdmin;
|
||||||
|
data['rKey'] = this.rKey;
|
||||||
|
data['totalCount'] = this.totalCount;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,32 @@
|
|||||||
|
class TargetUsers {
|
||||||
|
bool? isSeen;
|
||||||
|
bool? isDelivered;
|
||||||
|
int? targetUserId;
|
||||||
|
int? userAction;
|
||||||
|
int? userStatus;
|
||||||
|
|
||||||
|
TargetUsers(
|
||||||
|
{this.isSeen,
|
||||||
|
this.isDelivered,
|
||||||
|
this.targetUserId,
|
||||||
|
this.userAction,
|
||||||
|
this.userStatus});
|
||||||
|
|
||||||
|
TargetUsers.fromJson(Map<String, dynamic> json) {
|
||||||
|
isSeen = json['isSeen'];
|
||||||
|
isDelivered = json['isDelivered'];
|
||||||
|
targetUserId = json['targetUserId'];
|
||||||
|
userAction = json['userAction'];
|
||||||
|
userStatus = json['userStatus'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['isSeen'] = this.isSeen;
|
||||||
|
data['isDelivered'] = this.isDelivered;
|
||||||
|
data['targetUserId'] = this.targetUserId;
|
||||||
|
data['userAction'] = this.userAction;
|
||||||
|
data['userStatus'] = this.userStatus;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,699 @@
|
|||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/rendering.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
|
import 'package:mohem_flutter_app/api/chat/chat_api_client.dart';
|
||||||
|
import 'package:mohem_flutter_app/api/worklist/worklist_api_client.dart';
|
||||||
|
import 'package:mohem_flutter_app/app_state/app_state.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||||
|
import 'package:mohem_flutter_app/config/routes.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/create_group_request.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/chat/get_search_user_chat_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/chat/get_user_groups_by_id.dart'
|
||||||
|
as groups;
|
||||||
|
import 'package:mohem_flutter_app/models/get_action_history_list_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/worklist/get_favorite_replacements_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/worklist/replacement_list_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/provider/chat_provider_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/chat_detailed_screen.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/button/default_button.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/circular_avatar.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/dynamic_forms/dynamic_textfield_widget.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
|
||||||
|
class CreateGroupBottomSheet extends StatefulWidget {
|
||||||
|
int? notificationID;
|
||||||
|
String title, apiMode;
|
||||||
|
List<GetActionHistoryList>? actionHistoryList;
|
||||||
|
Function(ReplacementList) onSelectEmployee;
|
||||||
|
bool fromChat;
|
||||||
|
groups.GroupResponse groupDetails;
|
||||||
|
|
||||||
|
CreateGroupBottomSheet({
|
||||||
|
Key? key,
|
||||||
|
required this.title,
|
||||||
|
required this.apiMode,
|
||||||
|
this.notificationID,
|
||||||
|
this.actionHistoryList,
|
||||||
|
required this.onSelectEmployee,
|
||||||
|
required this.fromChat,
|
||||||
|
required this.groupDetails,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<CreateGroupBottomSheet> createState() => _CreateGroupBottomSheetState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _CreateGroupBottomSheetState extends State<CreateGroupBottomSheet> {
|
||||||
|
TextEditingController username = TextEditingController();
|
||||||
|
ScrollController sc = ScrollController();
|
||||||
|
bool isAudioCall = true;
|
||||||
|
bool isVideoCall = true;
|
||||||
|
bool isAttachments = true;
|
||||||
|
bool isShareScreen = true;
|
||||||
|
String searchText = "";
|
||||||
|
String groupName = "";
|
||||||
|
List<String>? optionsList = [
|
||||||
|
LocaleKeys.fullName.tr(),
|
||||||
|
LocaleKeys.username.tr(),
|
||||||
|
LocaleKeys.endDate.tr(),
|
||||||
|
];
|
||||||
|
List<GetFavoriteReplacements>? favUsersList;
|
||||||
|
|
||||||
|
List<ReplacementList>? replacementList;
|
||||||
|
List<ReplacementList>? favouriteUserList;
|
||||||
|
List<ReplacementList>? nonFavouriteUserList;
|
||||||
|
|
||||||
|
// Chat Items
|
||||||
|
late ChatProviderModel provider;
|
||||||
|
|
||||||
|
int _selectedSearchIndex = 0;
|
||||||
|
List<ChatUser> selectedUsers = [];
|
||||||
|
|
||||||
|
void fetchUserByInput({bool isNeedLoading = true}) async {
|
||||||
|
try {
|
||||||
|
Utils.showLoading(context);
|
||||||
|
replacementList = await WorkListApiClient().searchUserByInput(
|
||||||
|
userName: _selectedSearchIndex == 0 ? searchText : "",
|
||||||
|
userId: _selectedSearchIndex == 1 ? searchText : "",
|
||||||
|
email: _selectedSearchIndex == 2 ? searchText : "",
|
||||||
|
);
|
||||||
|
favouriteUserList = replacementList
|
||||||
|
?.where((ReplacementList element) => element.isFavorite ?? false)
|
||||||
|
.toList();
|
||||||
|
nonFavouriteUserList = replacementList
|
||||||
|
?.where((ReplacementList element) => !(element.isFavorite ?? false))
|
||||||
|
.toList();
|
||||||
|
Utils.hideLoading(context);
|
||||||
|
setState(() {});
|
||||||
|
} catch (e) {
|
||||||
|
Utils.hideLoading(context);
|
||||||
|
Utils.handleException(e, context, null);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isNeedLoading) Utils.hideLoading(context);
|
||||||
|
setState(() {});
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
void fetchChatUser({bool isNeedLoading = true}) async {
|
||||||
|
if (provider.pageNo == 1) provider.chatUsersList!.clear();
|
||||||
|
try {
|
||||||
|
Utils.showLoading(context);
|
||||||
|
await ChatApiClient()
|
||||||
|
.getChatMemberFromSearch(searchText,
|
||||||
|
AppState().chatDetails!.response!.id!, provider.pageNo)
|
||||||
|
.then((ChatUserModel value) {
|
||||||
|
if (value.response != null) {
|
||||||
|
if (provider.pageNo == 1) {
|
||||||
|
provider.chatUsersList = value.response;
|
||||||
|
} else {
|
||||||
|
print("--------------------------Added More----------------------");
|
||||||
|
provider.chatUsersList!.addAll(value.response!);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
provider.chatUsersList!.removeWhere((ChatUser element) =>
|
||||||
|
element.id == AppState().chatDetails!.response!.id);
|
||||||
|
Utils.hideLoading(context);
|
||||||
|
setState(() {});
|
||||||
|
} catch (e) {
|
||||||
|
Utils.hideLoading(context);
|
||||||
|
Utils.handleException(e, context, null);
|
||||||
|
}
|
||||||
|
if (isNeedLoading) Utils.hideLoading(context);
|
||||||
|
setState(() {});
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
void scrollListener() async {
|
||||||
|
if (sc.position.pixels == sc.position.maxScrollExtent) {
|
||||||
|
provider.pageNo++;
|
||||||
|
logger.w(provider.chatUsersList!.length);
|
||||||
|
logger.w(provider.pageNo);
|
||||||
|
fetchChatUser();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
sc.addListener(scrollListener);
|
||||||
|
provider = Provider.of<ChatProviderModel>(context, listen: false);
|
||||||
|
if (widget.groupDetails.groupName !=null) {
|
||||||
|
setState(() {
|
||||||
|
groupName = widget.groupDetails.groupName!;
|
||||||
|
isAudioCall = widget.groupDetails.canAudioC!;
|
||||||
|
isVideoCall = widget.groupDetails.canVideoC!;
|
||||||
|
isAttachments = widget.groupDetails.canAttach!;
|
||||||
|
isShareScreen = widget.groupDetails.canShareS!;
|
||||||
|
for (groups.GroupUserList items in widget.groupDetails.groupUserList!) {
|
||||||
|
{
|
||||||
|
selectedUsers.add(ChatUser.fromJson(items.toJson()));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
super.dispose();
|
||||||
|
provider.chatUsersList = [];
|
||||||
|
provider.pageNo = 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return SizedBox(
|
||||||
|
width: double.infinity,
|
||||||
|
height: MediaQuery.of(context).size.height - 100,
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
widget.title.toText24(isBold: true),
|
||||||
|
21.height,
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
DynamicTextFieldWidget(
|
||||||
|
LocaleKeys.groupName.tr(),
|
||||||
|
groupName.isEmpty ? LocaleKeys.enterGroupNamePlease.tr() : groupName,
|
||||||
|
inputAction: TextInputAction.done,
|
||||||
|
onChange: (String text) {
|
||||||
|
groupName = text;
|
||||||
|
setState(() {});
|
||||||
|
},
|
||||||
|
).expanded,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
|
||||||
|
//11.height,
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
height: 35,
|
||||||
|
child: CheckboxListTile(
|
||||||
|
contentPadding: EdgeInsets.zero,
|
||||||
|
title: LocaleKeys.audioCall.tr().toText10(),
|
||||||
|
|
||||||
|
checkboxShape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(10)),
|
||||||
|
side: BorderSide(
|
||||||
|
width: 1.5,
|
||||||
|
color: Theme.of(context).unselectedWidgetColor),
|
||||||
|
|
||||||
|
value: isAudioCall,
|
||||||
|
onChanged: (bool? newValue) {
|
||||||
|
setState(() {
|
||||||
|
isAudioCall = newValue!;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
controlAffinity: ListTileControlAffinity
|
||||||
|
.leading, // <-- leading Checkbox
|
||||||
|
)).expanded,
|
||||||
|
SizedBox(
|
||||||
|
height: 35,
|
||||||
|
child: CheckboxListTile(
|
||||||
|
contentPadding: EdgeInsets.zero,
|
||||||
|
title: LocaleKeys.videoCall.tr().toText10(),
|
||||||
|
checkboxShape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(10)),
|
||||||
|
value: isVideoCall,
|
||||||
|
onChanged: (bool? newValue) {
|
||||||
|
setState(() {
|
||||||
|
isVideoCall = newValue!;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
controlAffinity: ListTileControlAffinity
|
||||||
|
.leading, // <-- leading Checkbox
|
||||||
|
)).expanded
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
height: 35,
|
||||||
|
child: CheckboxListTile(
|
||||||
|
contentPadding: EdgeInsets.zero,
|
||||||
|
title:LocaleKeys.attachments.tr().toText10(),
|
||||||
|
checkboxShape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(10)),
|
||||||
|
value: isAttachments,
|
||||||
|
onChanged: (bool? newValue) {
|
||||||
|
setState(() {
|
||||||
|
isAttachments = newValue!;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
controlAffinity: ListTileControlAffinity
|
||||||
|
.leading, // <-- leading Checkbox
|
||||||
|
)).expanded,
|
||||||
|
SizedBox(
|
||||||
|
height: 35,
|
||||||
|
child: CheckboxListTile(
|
||||||
|
contentPadding: EdgeInsets.zero,
|
||||||
|
checkboxShape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(10)),
|
||||||
|
title:LocaleKeys.shareScreen.tr().toText10(),
|
||||||
|
value: isShareScreen,
|
||||||
|
onChanged: (bool? newValue) {
|
||||||
|
setState(() {
|
||||||
|
isShareScreen = newValue!;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
controlAffinity: ListTileControlAffinity
|
||||||
|
.leading, // <-- leading Checkbox
|
||||||
|
)).expanded
|
||||||
|
],
|
||||||
|
),
|
||||||
|
11.height,
|
||||||
|
LocaleKeys.userSearch.tr().toText16(),
|
||||||
|
11.height,
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
radioOption(widget.fromChat ? LocaleKeys.userId.tr() : LocaleKeys.name.tr(), 0,
|
||||||
|
_selectedSearchIndex),
|
||||||
|
radioOption(LocaleKeys.userName.tr(), 1, _selectedSearchIndex),
|
||||||
|
radioOption(LocaleKeys.email.tr(), 2, _selectedSearchIndex),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
14.height,
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
DynamicTextFieldWidget(
|
||||||
|
LocaleKeys.search.tr(),
|
||||||
|
LocaleKeys.searchByUserName.tr(),
|
||||||
|
inputAction: TextInputAction.done,
|
||||||
|
suffixIconData: Icons.search,
|
||||||
|
onChange: (String text) {
|
||||||
|
searchText = text;
|
||||||
|
setState(() {});
|
||||||
|
},
|
||||||
|
).expanded,
|
||||||
|
IconButton(
|
||||||
|
constraints: const BoxConstraints(),
|
||||||
|
onPressed: () async {
|
||||||
|
provider.chatUsersList!.clear();
|
||||||
|
provider.pageNo =1;
|
||||||
|
await SystemChannels.textInput
|
||||||
|
.invokeMethod('TextInput.hide');
|
||||||
|
widget.fromChat ? fetchChatUser() : fetchUserByInput();
|
||||||
|
},
|
||||||
|
icon: const Icon(Icons.search),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
if (replacementList != null)
|
||||||
|
replacementList!.isEmpty
|
||||||
|
? Utils.getNoDataWidget(context).expanded
|
||||||
|
: ListView(
|
||||||
|
physics: const BouncingScrollPhysics(),
|
||||||
|
padding: EdgeInsets.only(top: 21, bottom: 8),
|
||||||
|
children: [
|
||||||
|
if (favouriteUserList?.isNotEmpty ?? false) ...[
|
||||||
|
LocaleKeys.favorite.tr().toText16(),
|
||||||
|
12.height,
|
||||||
|
ListView.separated(
|
||||||
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
|
shrinkWrap: true,
|
||||||
|
itemBuilder: (BuildContext cxt, int index) =>
|
||||||
|
employeeItemView(favouriteUserList![index]),
|
||||||
|
separatorBuilder:
|
||||||
|
(BuildContext cxt, int index) => Container(
|
||||||
|
height: 1,
|
||||||
|
color: MyColors.borderE3Color,
|
||||||
|
),
|
||||||
|
itemCount: favouriteUserList?.length ?? 0),
|
||||||
|
12.height,
|
||||||
|
],
|
||||||
|
if (nonFavouriteUserList?.isNotEmpty ?? false) ...[
|
||||||
|
"Related".toText16(),
|
||||||
|
12.height,
|
||||||
|
ListView.separated(
|
||||||
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
|
shrinkWrap: true,
|
||||||
|
itemBuilder: (BuildContext cxt, int index) =>
|
||||||
|
employeeItemView(
|
||||||
|
nonFavouriteUserList![index]),
|
||||||
|
separatorBuilder:
|
||||||
|
(BuildContext cxt, int index) => Container(
|
||||||
|
height: 1,
|
||||||
|
color: MyColors.borderE3Color,
|
||||||
|
),
|
||||||
|
itemCount: nonFavouriteUserList?.length ?? 0),
|
||||||
|
],
|
||||||
|
],
|
||||||
|
).expanded,
|
||||||
|
selectedUsers!.isNotEmpty
|
||||||
|
? SizedBox(
|
||||||
|
height: 95,
|
||||||
|
child: ListView.builder(
|
||||||
|
physics: const ClampingScrollPhysics(),
|
||||||
|
scrollDirection: Axis.horizontal,
|
||||||
|
itemCount: selectedUsers!.length,
|
||||||
|
itemBuilder: (BuildContext context, int index2) {
|
||||||
|
return Stack(children: [
|
||||||
|
Column(
|
||||||
|
children: [
|
||||||
|
12.height,
|
||||||
|
Stack(children: [
|
||||||
|
Container(
|
||||||
|
padding:const EdgeInsets.all(5),
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
"assets/images/user.svg",
|
||||||
|
height: 48,
|
||||||
|
width: 48,
|
||||||
|
)),
|
||||||
|
Positioned(
|
||||||
|
right: 0,
|
||||||
|
top: 0,
|
||||||
|
child: InkWell(
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
'assets/icons/close.svg',
|
||||||
|
height:15,
|
||||||
|
width:15
|
||||||
|
),
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
// provider.chatUsersList![index]
|
||||||
|
// .isChecked = false;
|
||||||
|
|
||||||
|
List<ChatUser> user = provider
|
||||||
|
.chatUsersList!
|
||||||
|
.where((ChatUser value) =>
|
||||||
|
value.userName ==
|
||||||
|
selectedUsers[index2]
|
||||||
|
.userName)
|
||||||
|
.toList();
|
||||||
|
if (user.isNotEmpty) {
|
||||||
|
user.first.isChecked = false;
|
||||||
|
}
|
||||||
|
selectedUsers.remove(
|
||||||
|
selectedUsers[index2]);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
))
|
||||||
|
],),
|
||||||
|
(selectedUsers![index2]
|
||||||
|
.userName!
|
||||||
|
.replaceFirst(".", " ")
|
||||||
|
.capitalizeFirstofEach ??
|
||||||
|
"")
|
||||||
|
.toText12(color: MyColors.darkTextColor)
|
||||||
|
.paddingOnly(left: 5, top: 5),
|
||||||
|
selectedUsers![index2].isTyping!
|
||||||
|
? 'Typing...'
|
||||||
|
.toText10(
|
||||||
|
color: MyColors.textMixColor,
|
||||||
|
)
|
||||||
|
.paddingOnly(left: 5.0)
|
||||||
|
: const SizedBox()
|
||||||
|
],
|
||||||
|
),
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// IconButton(onPressed: (){}, icon: const Icon(Icons.close_outlined, color: Colors.red, size: 20)),
|
||||||
|
|
||||||
|
]);
|
||||||
|
}))
|
||||||
|
: 0.height,
|
||||||
|
|
||||||
|
if (widget.fromChat)
|
||||||
|
if (provider.chatUsersList != null && widget.fromChat)
|
||||||
|
provider.chatUsersList!.isEmpty
|
||||||
|
? Column(
|
||||||
|
children: [
|
||||||
|
20.height,
|
||||||
|
Utils.getNoDataWidget(context),
|
||||||
|
],
|
||||||
|
)
|
||||||
|
: ListView.separated(
|
||||||
|
itemCount: provider.chatUsersList!.length,
|
||||||
|
shrinkWrap: true,
|
||||||
|
physics: const ClampingScrollPhysics(),
|
||||||
|
controller: sc,
|
||||||
|
padding: const EdgeInsets.only(bottom: 80.0, top: 20),
|
||||||
|
itemBuilder: (BuildContext context, int index) {
|
||||||
|
return SizedBox(
|
||||||
|
height: 55,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Stack(
|
||||||
|
children: <Widget>[
|
||||||
|
SvgPicture.asset(
|
||||||
|
"assets/images/user.svg",
|
||||||
|
height: 48,
|
||||||
|
width: 48,
|
||||||
|
),
|
||||||
|
Positioned(
|
||||||
|
right: 5,
|
||||||
|
bottom: 1,
|
||||||
|
child: Container(
|
||||||
|
width: 10,
|
||||||
|
height: 10,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: provider
|
||||||
|
.chatUsersList![index]
|
||||||
|
.userStatus ==
|
||||||
|
1
|
||||||
|
? MyColors.green2DColor
|
||||||
|
: Colors.red,
|
||||||
|
),
|
||||||
|
).circle(10),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
crossAxisAlignment:
|
||||||
|
CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
(provider.chatUsersList![index].userName!
|
||||||
|
.replaceFirst(".", " ")
|
||||||
|
.capitalizeFirstofEach ??
|
||||||
|
"")
|
||||||
|
.toText14(
|
||||||
|
color: MyColors.darkTextColor)
|
||||||
|
.paddingOnly(left: 11, top: 13),
|
||||||
|
provider.chatUsersList![index].isTyping!
|
||||||
|
? 'Typing...'
|
||||||
|
.toText10(
|
||||||
|
color: MyColors.textMixColor,
|
||||||
|
)
|
||||||
|
.paddingOnly(left: 11.0)
|
||||||
|
: const SizedBox()
|
||||||
|
],
|
||||||
|
).expanded,
|
||||||
|
SizedBox(
|
||||||
|
width: 60,
|
||||||
|
child: Row(
|
||||||
|
crossAxisAlignment:
|
||||||
|
CrossAxisAlignment.center,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
mainAxisSize: MainAxisSize.max,
|
||||||
|
children: <Widget>[
|
||||||
|
if (provider.chatUsersList![index]
|
||||||
|
.unreadMessageCount! >
|
||||||
|
0)
|
||||||
|
Container(
|
||||||
|
alignment: Alignment.center,
|
||||||
|
width: 18,
|
||||||
|
height: 18,
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
color: MyColors.redColor,
|
||||||
|
borderRadius: BorderRadius.all(
|
||||||
|
Radius.circular(20),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: (provider
|
||||||
|
.chatUsersList![index]
|
||||||
|
.unreadMessageCount!
|
||||||
|
.toString())
|
||||||
|
.toText10(
|
||||||
|
color: MyColors.white,
|
||||||
|
)
|
||||||
|
.center,
|
||||||
|
).paddingOnly(right: 10).center,
|
||||||
|
Checkbox(
|
||||||
|
value: provider
|
||||||
|
.chatUsersList![index].isChecked,
|
||||||
|
shape: CircleBorder(),
|
||||||
|
onChanged: (bool? value) {
|
||||||
|
setState(() {
|
||||||
|
provider.chatUsersList![index]
|
||||||
|
.isChecked = value;
|
||||||
|
if (provider.chatUsersList![index]
|
||||||
|
.isChecked ==
|
||||||
|
true) {
|
||||||
|
selectedUsers.add(provider
|
||||||
|
.chatUsersList![index]);
|
||||||
|
} else {
|
||||||
|
selectedUsers.remove(provider
|
||||||
|
.chatUsersList![index]);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
separatorBuilder: (BuildContext context, int index) =>
|
||||||
|
const Divider(color: MyColors.lightGreyE5Color)
|
||||||
|
.paddingOnly(left: 59),
|
||||||
|
).expanded,
|
||||||
|
],
|
||||||
|
).paddingOnly(left: 21, right: 21, bottom: 0, top: 21).expanded,
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
DefaultButton(
|
||||||
|
LocaleKeys.cancel.tr(),
|
||||||
|
() {
|
||||||
|
Navigator.pop(context);
|
||||||
|
provider.chatUsersList = [];
|
||||||
|
provider.pageNo = 1;
|
||||||
|
},
|
||||||
|
textColor: MyColors.grey3AColor,
|
||||||
|
colors: const [
|
||||||
|
Color(0xffE6E6E6),
|
||||||
|
Color(0xffE6E6E6),
|
||||||
|
],
|
||||||
|
).paddingOnly(left: 14, right: 14, bottom: 15, top: 10).expanded,
|
||||||
|
DefaultButton(
|
||||||
|
LocaleKeys.submit.tr(),
|
||||||
|
() {
|
||||||
|
// Navigator.pop(context);
|
||||||
|
// provider.chatUsersList = [];
|
||||||
|
// provider.pageNo = 1;
|
||||||
|
createGroup();
|
||||||
|
},
|
||||||
|
textColor: MyColors.whiteColor,
|
||||||
|
colors: const [
|
||||||
|
Color(0xff32D892),
|
||||||
|
Color(0xff1AB170),
|
||||||
|
],
|
||||||
|
).paddingOnly(left: 15, right: 15, bottom: 15, top: 10).expanded,
|
||||||
|
],
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget employeeItemView(ReplacementList replacement) {
|
||||||
|
return InkWell(
|
||||||
|
onTap: () {
|
||||||
|
Navigator.pop(context);
|
||||||
|
widget.onSelectEmployee(replacement);
|
||||||
|
},
|
||||||
|
child: SizedBox(
|
||||||
|
height: 50,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
CircularAvatar(
|
||||||
|
url: replacement.employeeImage ?? "",
|
||||||
|
height: 30,
|
||||||
|
width: 30,
|
||||||
|
isImageBase64: true,
|
||||||
|
),
|
||||||
|
16.width,
|
||||||
|
Expanded(
|
||||||
|
child: (replacement.employeeDisplayName ?? "").toText12(),
|
||||||
|
),
|
||||||
|
Icon(Icons.star,
|
||||||
|
size: 16,
|
||||||
|
color: replacement.isFavorite!
|
||||||
|
? MyColors.yellowFavColor
|
||||||
|
: MyColors.borderCEColor),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget radioOption(String title, int value, int groupValue) {
|
||||||
|
return Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: 24,
|
||||||
|
height: 24,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.transparent,
|
||||||
|
border: Border.all(color: MyColors.borderColor, width: 1),
|
||||||
|
borderRadius: const BorderRadius.all(
|
||||||
|
Radius.circular(100),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
padding: const EdgeInsets.all(4),
|
||||||
|
child: Container(
|
||||||
|
width: double.infinity,
|
||||||
|
height: double.infinity,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: value == groupValue
|
||||||
|
? MyColors.grey3AColor
|
||||||
|
: Colors.transparent,
|
||||||
|
borderRadius: const BorderRadius.all(
|
||||||
|
Radius.circular(100),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
9.width,
|
||||||
|
title.toText12(color: MyColors.grey57Color)
|
||||||
|
],
|
||||||
|
).onPress(() {
|
||||||
|
_selectedSearchIndex = value;
|
||||||
|
setState(() {});
|
||||||
|
}).expanded;
|
||||||
|
}
|
||||||
|
|
||||||
|
void createGroup() async {
|
||||||
|
RegExp validCharacters = RegExp(r'^[a-zA-Z0-9_\-=@,\.;]+$');
|
||||||
|
if (!validCharacters.hasMatch(groupName)) {
|
||||||
|
Utils.showToast(LocaleKeys.enterGroupName.tr());
|
||||||
|
} else if (groupName.length < 10) {
|
||||||
|
Utils.showToast(LocaleKeys.groupNameshouldbe.tr());
|
||||||
|
} else {
|
||||||
|
List<ChatUser>? mainUsers = [];
|
||||||
|
ChatUser admin =
|
||||||
|
ChatUser.fromJson(AppState().chatDetails!.response!.toJson());
|
||||||
|
admin.isAdmin = true;
|
||||||
|
admin.userStatus = 2;
|
||||||
|
admin.unreadMessageCount = 0;
|
||||||
|
admin.totalCount = 0;
|
||||||
|
mainUsers.add(admin);
|
||||||
|
CreateGroupRequest request = CreateGroupRequest(
|
||||||
|
groupUserList: [...selectedUsers, ...mainUsers].toList(),
|
||||||
|
canArchive: false,
|
||||||
|
isMeeting: false,
|
||||||
|
canShareS: isShareScreen,
|
||||||
|
canAudioC: isAudioCall,
|
||||||
|
canAttach: isAttachments,
|
||||||
|
canVideoC: isVideoCall,
|
||||||
|
groupName: groupName,
|
||||||
|
adminUserId: AppState().chatDetails!.response!.id);
|
||||||
|
|
||||||
|
if(widget.groupDetails!.groupId !=null){
|
||||||
|
request.groupId =widget.groupDetails!.groupId;
|
||||||
|
await provider.updateGroupAndUsers(request);
|
||||||
|
}else {
|
||||||
|
await provider.addGroupAndUsers(request);
|
||||||
|
}
|
||||||
|
Navigator.pop(context);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,307 @@
|
|||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/services.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/classes/utils.dart';
|
||||||
|
import 'package:mohem_flutter_app/config/routes.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/models/chat/get_group_chat_history.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/chat/get_user_groups_by_id.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/worklist/replacement_list_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/provider/chat_provider_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/chat_detailed_screen.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/create_group.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/group_chat_detaied_screen.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/manage_group.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/bottom_sheet.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/bottom_sheets/search_employee_bottom_sheet.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';
|
||||||
|
|
||||||
|
class GropChatHomeScreen extends StatefulWidget {
|
||||||
|
const GropChatHomeScreen({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<GropChatHomeScreen> createState() => _GropChatHomeScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _GropChatHomeScreenState extends State<GropChatHomeScreen> {
|
||||||
|
TextEditingController search = TextEditingController();
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
super.dispose();
|
||||||
|
search.clear();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: MyColors.white,
|
||||||
|
body: Consumer<ChatProviderModel>(
|
||||||
|
builder: (BuildContext context, ChatProviderModel m, Widget? child) {
|
||||||
|
return m.isLoading
|
||||||
|
? ChatHomeShimmer(
|
||||||
|
isDetailedScreen: false,
|
||||||
|
)
|
||||||
|
: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
TextField(
|
||||||
|
controller: m.searchGroup,
|
||||||
|
style: const TextStyle(
|
||||||
|
color: MyColors.darkTextColor,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
fontSize: 12),
|
||||||
|
onChanged: (String val) {
|
||||||
|
m.filterGroups(val);
|
||||||
|
},
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: fieldBorder(radius: 5, color: 0xFFE5E5E5),
|
||||||
|
focusedBorder:
|
||||||
|
fieldBorder(radius: 5, color: 0xFFE5E5E5),
|
||||||
|
enabledBorder:
|
||||||
|
fieldBorder(radius: 5, color: 0xFFE5E5E5),
|
||||||
|
contentPadding: const EdgeInsets.all(11),
|
||||||
|
hintText: LocaleKeys.searchGroup.tr(),
|
||||||
|
hintStyle: const TextStyle(
|
||||||
|
color: MyColors.lightTextColor,
|
||||||
|
fontStyle: FontStyle.italic,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
fontSize: 12),
|
||||||
|
filled: true,
|
||||||
|
fillColor: MyColors.greyF7Color,
|
||||||
|
suffixIconConstraints: const BoxConstraints(),
|
||||||
|
suffixIcon: m.search.text.isNotEmpty
|
||||||
|
? IconButton(
|
||||||
|
constraints: const BoxConstraints(),
|
||||||
|
onPressed: () {
|
||||||
|
m.clearSelections();
|
||||||
|
},
|
||||||
|
icon: const Icon(Icons.clear, size: 22),
|
||||||
|
color: MyColors.redA3Color,
|
||||||
|
)
|
||||||
|
: null,
|
||||||
|
),
|
||||||
|
).paddingOnly(top: 20, bottom: 14),
|
||||||
|
if (m.uGroups != null)
|
||||||
|
ListView.separated(
|
||||||
|
itemCount: m.uGroups!.length,
|
||||||
|
shrinkWrap: true,
|
||||||
|
physics: const ClampingScrollPhysics(),
|
||||||
|
padding: const EdgeInsets.only(bottom: 80.0),
|
||||||
|
itemBuilder: (BuildContext context, int index) {
|
||||||
|
return SizedBox(
|
||||||
|
height: 55,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
alignment: Alignment.center,
|
||||||
|
width: 48,
|
||||||
|
height: 48,
|
||||||
|
padding: const EdgeInsets.all(10.0),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(24.0),
|
||||||
|
border: Border.all(
|
||||||
|
width: 1, color: Colors.black),
|
||||||
|
),
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
"assets/images/chat-group.svg",
|
||||||
|
)),
|
||||||
|
Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
(m.uGroups![index]
|
||||||
|
.groupName!
|
||||||
|
.toText14(
|
||||||
|
color: MyColors.darkTextColor)
|
||||||
|
.paddingOnly(left: 11, top: 16))!,
|
||||||
|
]),
|
||||||
|
Align(
|
||||||
|
alignment: Alignment.centerRight,
|
||||||
|
|
||||||
|
child: PopupMenuButton(
|
||||||
|
onSelected: (String value){
|
||||||
|
goToSelected(m.uGroups![index], m, value);
|
||||||
|
|
||||||
|
},
|
||||||
|
itemBuilder: (context) => [
|
||||||
|
PopupMenuItem<String>(
|
||||||
|
value: '1',
|
||||||
|
enabled: m.uGroups![index].isAdmin ?? false,
|
||||||
|
child: (LocaleKeys.edit
|
||||||
|
.tr()
|
||||||
|
.toText14(color: m.userGroups?.groupresponse![index].isAdmin == true ? MyColors.darkTextColor: MyColors.lightGreyColor)
|
||||||
|
.paddingOnly(left: 11, top: 16))),
|
||||||
|
PopupMenuItem<String>(
|
||||||
|
value: '2',
|
||||||
|
enabled: m.uGroups![index].isAdmin ?? false,
|
||||||
|
child: (LocaleKeys.delete
|
||||||
|
.tr()
|
||||||
|
.toText14(color: m.uGroups![index].isAdmin == true ? MyColors.darkTextColor: MyColors.lightGreyColor)
|
||||||
|
.paddingOnly(left: 11, top: 16))),
|
||||||
|
PopupMenuItem<String>(
|
||||||
|
value: '3',
|
||||||
|
enabled: m.uGroups![index].isAdmin ?? false,
|
||||||
|
onTap: () {
|
||||||
|
|
||||||
|
},
|
||||||
|
child: (LocaleKeys.manage
|
||||||
|
.tr()
|
||||||
|
.toText14(color: m.uGroups![index].isAdmin == true ? MyColors.darkTextColor: MyColors.lightGreyColor)
|
||||||
|
.paddingOnly(left: 11, top: 16))),
|
||||||
|
PopupMenuItem<String>(
|
||||||
|
value: '4',
|
||||||
|
child: (LocaleKeys.members
|
||||||
|
.tr()
|
||||||
|
.toText14(color: MyColors.darkTextColor)
|
||||||
|
.paddingOnly(left: 11, top: 16))),
|
||||||
|
],
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
|
)
|
||||||
|
.expanded
|
||||||
|
],
|
||||||
|
),
|
||||||
|
).onPress(() {
|
||||||
|
chatDetails(m.uGroups![index], m,);
|
||||||
|
// Navigator.pushNamed(
|
||||||
|
// context,
|
||||||
|
// AppRoutes.chatDetailed,
|
||||||
|
// arguments: ChatDetailedScreenParams(
|
||||||
|
// m.searchedChats![index], false),
|
||||||
|
// ).then((Object? value) {
|
||||||
|
// m.clearSelections();
|
||||||
|
// m.notifyListeners();
|
||||||
|
// });
|
||||||
|
});
|
||||||
|
},
|
||||||
|
separatorBuilder: (BuildContext context, int index) =>
|
||||||
|
const Divider(color: MyColors.black)
|
||||||
|
.paddingOnly(left: 59),
|
||||||
|
).expanded,
|
||||||
|
],
|
||||||
|
).paddingOnly(left: 21, right: 21);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
floatingActionButton: FloatingActionButton(
|
||||||
|
child: Container(
|
||||||
|
width: 60,
|
||||||
|
height: 60,
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
gradient: LinearGradient(
|
||||||
|
transform: GradientRotation(.46),
|
||||||
|
begin: Alignment.topRight,
|
||||||
|
end: Alignment.bottomLeft,
|
||||||
|
colors: [
|
||||||
|
MyColors.gradiantEndColor,
|
||||||
|
MyColors.gradiantStartColor,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: const Icon(
|
||||||
|
Icons.add,
|
||||||
|
size: 30,
|
||||||
|
color: MyColors.white,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
onPressed: () async {
|
||||||
|
|
||||||
|
showMyBottomSheet(
|
||||||
|
context,
|
||||||
|
callBackFunc: () {},
|
||||||
|
child: CreateGroupBottomSheet(
|
||||||
|
title:LocaleKeys.addUsers.tr(),
|
||||||
|
apiMode: LocaleKeys.delegate.tr(),
|
||||||
|
fromChat: true,
|
||||||
|
onSelectEmployee: (ReplacementList _selectedEmployee) {},
|
||||||
|
groupDetails:GroupResponse(),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
OutlineInputBorder fieldBorder({required double radius, required int color}) {
|
||||||
|
return OutlineInputBorder(
|
||||||
|
borderRadius: BorderRadius.circular(radius),
|
||||||
|
borderSide: BorderSide(
|
||||||
|
color: Color(color),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void goToSelected(GroupResponse? groupDetails, ChatProviderModel m, String value) {
|
||||||
|
switch(value) {
|
||||||
|
case '1':
|
||||||
|
editGroup(groupDetails, m);
|
||||||
|
break;
|
||||||
|
case '2':
|
||||||
|
deleteGroup(groupDetails, m, context);
|
||||||
|
break;
|
||||||
|
case '3':
|
||||||
|
Navigator.pushNamed(context,
|
||||||
|
AppRoutes.manageGroup,
|
||||||
|
arguments: groupDetails ,
|
||||||
|
);
|
||||||
|
break;
|
||||||
|
case '4':
|
||||||
|
Navigator.pushNamed(context,
|
||||||
|
AppRoutes.groupMembers,
|
||||||
|
arguments: groupDetails!.groupUserList,
|
||||||
|
);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
void deleteGroup(
|
||||||
|
GroupResponse? groupDetails, ChatProviderModel m, BuildContext context) {
|
||||||
|
groupDetails!.groupUserList;
|
||||||
|
Utils.confirmDialog(
|
||||||
|
context,
|
||||||
|
LocaleKeys.areYouSureWantTodelete.tr(),
|
||||||
|
onTap: () {
|
||||||
|
Navigator.pop(context);
|
||||||
|
m.deleteGroup(groupDetails);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> chatDetails(GroupResponse? groupDetails, ChatProviderModel m) async {
|
||||||
|
|
||||||
|
// await m.getGroupChatHistory(groupDetails!);
|
||||||
|
|
||||||
|
Navigator.pushNamed(context,
|
||||||
|
AppRoutes.groupChatDetailed,
|
||||||
|
arguments:
|
||||||
|
GroupChatDetailedScreenParams(
|
||||||
|
groupDetails,
|
||||||
|
false));
|
||||||
|
}
|
||||||
|
Future<void> editGroup(GroupResponse? groupDetails, ChatProviderModel m) async {
|
||||||
|
showMyBottomSheet(
|
||||||
|
context,
|
||||||
|
callBackFunc: () {},
|
||||||
|
child: CreateGroupBottomSheet(
|
||||||
|
title:LocaleKeys.editGroups.tr(),
|
||||||
|
apiMode: LocaleKeys.delegate.tr(),
|
||||||
|
fromChat: true,
|
||||||
|
onSelectEmployee: (ReplacementList _selectedEmployee) {},
|
||||||
|
groupDetails: groupDetails!,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,643 @@
|
|||||||
|
import 'dart:io';
|
||||||
|
import 'dart:typed_data';
|
||||||
|
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
|
import 'package:just_audio/just_audio.dart';
|
||||||
|
import 'package:mohem_flutter_app/api/chat/chat_api_client.dart';
|
||||||
|
import 'package:mohem_flutter_app/app_state/app_state.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/my_custom_stream.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/utils.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/main.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/chat/get_group_chat_history.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/chat_full_image_preview.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/common.dart';
|
||||||
|
import 'package:path_provider/path_provider.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
import 'package:rxdart/rxdart.dart';
|
||||||
|
|
||||||
|
class GroupChatBubble extends StatelessWidget {
|
||||||
|
GroupChatBubble({Key? key, required this.dateTime, required this.cItem})
|
||||||
|
: super(key: key);
|
||||||
|
final String dateTime;
|
||||||
|
final GetGroupChatHistoryAsync cItem;
|
||||||
|
|
||||||
|
bool isCurrentUser = false;
|
||||||
|
|
||||||
|
bool isSeen = false;
|
||||||
|
|
||||||
|
bool isReplied = false;
|
||||||
|
|
||||||
|
bool isVoice = false;
|
||||||
|
|
||||||
|
int? fileTypeID;
|
||||||
|
|
||||||
|
String? fileTypeName;
|
||||||
|
|
||||||
|
late ChatProviderModel provider;
|
||||||
|
|
||||||
|
String? fileTypeDescription;
|
||||||
|
|
||||||
|
bool isDelivered = false;
|
||||||
|
|
||||||
|
String userName = '';
|
||||||
|
|
||||||
|
late Offset screenOffset;
|
||||||
|
|
||||||
|
void makeAssign() {
|
||||||
|
isCurrentUser = cItem.currentUserId == AppState().chatDetails!.response!.id
|
||||||
|
? true
|
||||||
|
: false;
|
||||||
|
isSeen = cItem.isSeen == true ? true : false;
|
||||||
|
isReplied = cItem.groupChatReplyResponse != null ? true : false;
|
||||||
|
// isVoice = cItem.fileTypeId == 13 && cItem.voiceController != null ? true : false;
|
||||||
|
fileTypeID = cItem.fileTypeId;
|
||||||
|
fileTypeName = cItem.fileTypeResponse != null
|
||||||
|
? cItem.fileTypeResponse!.fileTypeName
|
||||||
|
: "";
|
||||||
|
fileTypeDescription = cItem.fileTypeResponse != null
|
||||||
|
? cItem.fileTypeResponse!.fileTypeDescription
|
||||||
|
: "";
|
||||||
|
isDelivered = cItem.currentUserId == AppState().chatDetails!.response!.id &&
|
||||||
|
cItem.isDelivered == true
|
||||||
|
? true
|
||||||
|
: false;
|
||||||
|
userName = AppState().chatDetails!.response!.userName ==
|
||||||
|
cItem.currentUserName.toString()
|
||||||
|
? "You"
|
||||||
|
: cItem.currentUserName.toString();
|
||||||
|
}
|
||||||
|
|
||||||
|
void playVoice(
|
||||||
|
BuildContext context, {
|
||||||
|
required SingleUserChatModel data,
|
||||||
|
}) async {
|
||||||
|
if (data.voice != null && data.voice!.existsSync()) {
|
||||||
|
if (Platform.isIOS) {
|
||||||
|
Duration? duration = await data.voiceController!
|
||||||
|
.setAudioSource(MyCustomStream(data.voice!.readAsBytesSync()));
|
||||||
|
await data.voiceController!.seek(duration);
|
||||||
|
await data.voiceController!.setLoopMode(LoopMode.off);
|
||||||
|
await data.voiceController!.setVolume(1.0);
|
||||||
|
await data.voiceController!.load();
|
||||||
|
data.voiceController!.play();
|
||||||
|
} else {
|
||||||
|
await data.voiceController!.setFilePath(data!.voice!.path);
|
||||||
|
Duration? duration = await data.voiceController!.load();
|
||||||
|
await data.voiceController!.seek(duration);
|
||||||
|
await data.voiceController!.setLoopMode(LoopMode.off);
|
||||||
|
await data.voiceController!.play();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
Utils.showLoading(context);
|
||||||
|
Uint8List encodedString = await ChatApiClient().downloadURL(
|
||||||
|
fileName: data.contant!,
|
||||||
|
fileTypeDescription: provider.getFileTypeDescription(
|
||||||
|
data.fileTypeResponse!.fileTypeName ?? ""));
|
||||||
|
// try {
|
||||||
|
File sFile = await provider.downChatVoice(
|
||||||
|
encodedString, data.fileTypeResponse!.fileTypeName ?? "", data);
|
||||||
|
if (sFile.path.isEmpty) {
|
||||||
|
logger.d("Path Is Emptyyyyyyy");
|
||||||
|
} else {
|
||||||
|
logger.d("Path Exsists");
|
||||||
|
}
|
||||||
|
data.voice = sFile;
|
||||||
|
if (Platform.isIOS) {
|
||||||
|
logger.d("isIOS");
|
||||||
|
Duration? duration = await data.voiceController!
|
||||||
|
.setAudioSource(MyCustomStream(data.voice!.readAsBytesSync()));
|
||||||
|
await data.voiceController!.seek(duration);
|
||||||
|
await data.voiceController!.setLoopMode(LoopMode.off);
|
||||||
|
await data.voiceController!.setVolume(1.0);
|
||||||
|
await data.voiceController!.load();
|
||||||
|
Utils.hideLoading(context);
|
||||||
|
data.voiceController!.play();
|
||||||
|
} else {
|
||||||
|
Duration? duration =
|
||||||
|
await data.voiceController!.setFilePath(sFile.path);
|
||||||
|
await data.voiceController!.setLoopMode(LoopMode.off);
|
||||||
|
await data.voiceController!.seek(duration);
|
||||||
|
Utils.hideLoading(context);
|
||||||
|
await data.voiceController!.play();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void pausePlaying(BuildContext context,
|
||||||
|
{required SingleUserChatModel data}) async {
|
||||||
|
await data.voiceController!.pause();
|
||||||
|
}
|
||||||
|
|
||||||
|
void rePlay(BuildContext context, {required SingleUserChatModel data}) async {
|
||||||
|
if (data.voice != null && data.voice!.existsSync()) {
|
||||||
|
await data.voiceController!.seek(Duration.zero);
|
||||||
|
await data.voiceController!.play();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Stream<PositionData> get _positionDataStream =>
|
||||||
|
Rx.combineLatest3<Duration, Duration, Duration?, PositionData>(
|
||||||
|
cItem.voiceController!.positionStream,
|
||||||
|
cItem.voiceController!.bufferedPositionStream,
|
||||||
|
cItem.voiceController!.durationStream,
|
||||||
|
(Duration position, Duration bufferedPosition, Duration? duration) =>
|
||||||
|
PositionData(
|
||||||
|
position, bufferedPosition, duration ?? Duration.zero));
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
Size windowSize = MediaQuery.of(context).size;
|
||||||
|
screenOffset = Offset(windowSize.width / 2, windowSize.height / 2);
|
||||||
|
makeAssign();
|
||||||
|
provider = Provider.of<ChatProviderModel>(context, listen: false);
|
||||||
|
return isCurrentUser ? currentUser(context) : receiptUser(context);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget currentUser(BuildContext context) {
|
||||||
|
return Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
if (isReplied)
|
||||||
|
ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(5.0),
|
||||||
|
child: Container(
|
||||||
|
width: double.infinity,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border(
|
||||||
|
left: BorderSide(
|
||||||
|
width: 6,
|
||||||
|
color: isCurrentUser
|
||||||
|
? MyColors.gradiantStartColor
|
||||||
|
: MyColors.white),
|
||||||
|
),
|
||||||
|
color: isCurrentUser
|
||||||
|
? MyColors.black.withOpacity(0.10)
|
||||||
|
: MyColors.black.withOpacity(0.30),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: <Widget>[
|
||||||
|
(userName)
|
||||||
|
.toText12(
|
||||||
|
color: MyColors.gradiantStartColor, isBold: false)
|
||||||
|
.paddingOnly(right: 5, top: 5, bottom: 0, left: 5),
|
||||||
|
Directionality(
|
||||||
|
textDirection: provider.getTextDirection(
|
||||||
|
cItem.groupChatReplyResponse != null
|
||||||
|
? cItem.groupChatReplyResponse!.contant
|
||||||
|
.toString()
|
||||||
|
: ""),
|
||||||
|
child: (cItem.groupChatReplyResponse != null
|
||||||
|
? cItem.groupChatReplyResponse!.contant
|
||||||
|
.toString()
|
||||||
|
: "")
|
||||||
|
.toText10(
|
||||||
|
color: isCurrentUser
|
||||||
|
? MyColors.grey71Color
|
||||||
|
: MyColors.white.withOpacity(0.5),
|
||||||
|
isBold: false,
|
||||||
|
maxlines: 4)
|
||||||
|
.paddingOnly(right: 5, top: 5, bottom: 8, left: 5),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
).expanded,
|
||||||
|
if (cItem.groupChatReplyResponse != null)
|
||||||
|
if (cItem.groupChatReplyResponse!.fileTypeId == 12 ||
|
||||||
|
cItem.groupChatReplyResponse!.fileTypeId == 3 ||
|
||||||
|
cItem.groupChatReplyResponse!.fileTypeId == 4)
|
||||||
|
ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(8.0),
|
||||||
|
child: SizedBox(
|
||||||
|
height: 32,
|
||||||
|
width: 32,
|
||||||
|
child: showImage(
|
||||||
|
isReplyPreview: false,
|
||||||
|
fileName:
|
||||||
|
cItem.groupChatReplyResponse!.contant!,
|
||||||
|
fileTypeDescription: cItem
|
||||||
|
.groupChatReplyResponse!
|
||||||
|
.fileTypeResponse!
|
||||||
|
.fileTypeDescription ??
|
||||||
|
"image/jpg")),
|
||||||
|
).paddingOnly(left: 10, right: 10, bottom: 16, top: 16),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
).paddingOnly(bottom: 7).onPress(() {
|
||||||
|
// provider.scrollToMsg(cItem);
|
||||||
|
}),
|
||||||
|
if (fileTypeID == 12 || fileTypeID == 4 || fileTypeID == 3)
|
||||||
|
ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(5.0),
|
||||||
|
child: SizedBox(
|
||||||
|
height: 140,
|
||||||
|
width: 227,
|
||||||
|
child: showImage(
|
||||||
|
isReplyPreview: false,
|
||||||
|
fileName: cItem.contant!,
|
||||||
|
fileTypeDescription:
|
||||||
|
cItem.fileTypeResponse!.fileTypeDescription)
|
||||||
|
.onPress(() {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
anchorPoint: screenOffset,
|
||||||
|
builder: (BuildContext context) => ChatImagePreviewScreen(
|
||||||
|
imgTitle: cItem.contant!, img: cItem.image!),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
).paddingOnly(bottom: 4),
|
||||||
|
if (fileTypeID == 13 && cItem.voiceController != null)
|
||||||
|
currentWaveBubble(context, cItem)
|
||||||
|
else
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
if (fileTypeID == 1 ||
|
||||||
|
fileTypeID == 5 ||
|
||||||
|
fileTypeID == 7 ||
|
||||||
|
fileTypeID == 6 ||
|
||||||
|
fileTypeID == 8
|
||||||
|
// || fileTypeID == 2
|
||||||
|
)
|
||||||
|
SvgPicture.asset(provider.getType(fileTypeName ?? ""),
|
||||||
|
height: 30,
|
||||||
|
width: 22,
|
||||||
|
alignment: Alignment.center,
|
||||||
|
fit: BoxFit.cover)
|
||||||
|
.paddingOnly(left: 0, right: 10),
|
||||||
|
Directionality(
|
||||||
|
textDirection: provider.getTextDirection(cItem.contant ?? ""),
|
||||||
|
child: (cItem.contant ?? "").toText12().expanded),
|
||||||
|
if (fileTypeID == 1 ||
|
||||||
|
fileTypeID == 5 ||
|
||||||
|
fileTypeID == 7 ||
|
||||||
|
fileTypeID == 6 ||
|
||||||
|
fileTypeID == 8
|
||||||
|
//|| fileTypeID == 2
|
||||||
|
)
|
||||||
|
const Icon(Icons.remove_red_eye, size: 16)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Align(
|
||||||
|
alignment: Alignment.centerRight,
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
dateTime.toText10(
|
||||||
|
color: MyColors.grey41Color.withOpacity(.5),
|
||||||
|
),
|
||||||
|
7.width,
|
||||||
|
Icon(isDelivered ? Icons.done_all : Icons.done_all,
|
||||||
|
color: isSeen ? MyColors.textMixColor : MyColors.grey9DColor,
|
||||||
|
size: 14),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
)
|
||||||
|
.paddingOnly(top: 11, left: 13, right: 13, bottom: 5)
|
||||||
|
.objectContainerView(disablePadding: true)
|
||||||
|
.paddingOnly(left: MediaQuery.of(context).size.width * 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget receiptUser(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.only(top: 5, left: 8, right: 13, bottom: 5),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
gradient: const LinearGradient(
|
||||||
|
transform: GradientRotation(.83),
|
||||||
|
begin: Alignment.topRight,
|
||||||
|
end: Alignment.bottomLeft,
|
||||||
|
colors: <Color>[
|
||||||
|
MyColors.gradiantEndColor,
|
||||||
|
MyColors.gradiantStartColor
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||||||
|
if (isReplied)
|
||||||
|
ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(5.0),
|
||||||
|
child: Container(
|
||||||
|
width: double.infinity,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border(
|
||||||
|
left: BorderSide(
|
||||||
|
width: 6,
|
||||||
|
color: isCurrentUser
|
||||||
|
? MyColors.gradiantStartColor
|
||||||
|
: MyColors.white)),
|
||||||
|
color: isCurrentUser
|
||||||
|
? MyColors.black.withOpacity(0.10)
|
||||||
|
: MyColors.black.withOpacity(0.30),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: <Widget>[
|
||||||
|
(userName)
|
||||||
|
.toText12(
|
||||||
|
color: MyColors.gradiantStartColor,
|
||||||
|
isBold: false)
|
||||||
|
.paddingOnly(right: 5, top: 5, bottom: 0, left: 5),
|
||||||
|
Directionality(
|
||||||
|
textDirection: provider.getTextDirection(
|
||||||
|
cItem.groupChatReplyResponse != null
|
||||||
|
? cItem.groupChatReplyResponse!.contant
|
||||||
|
.toString()
|
||||||
|
: ""),
|
||||||
|
child: (cItem.groupChatReplyResponse != null
|
||||||
|
? cItem.groupChatReplyResponse!.contant
|
||||||
|
.toString()
|
||||||
|
: "")
|
||||||
|
.toText10(
|
||||||
|
color: isCurrentUser
|
||||||
|
? MyColors.grey71Color
|
||||||
|
: MyColors.white.withOpacity(0.5),
|
||||||
|
isBold: false,
|
||||||
|
maxlines: 4)
|
||||||
|
.paddingOnly(
|
||||||
|
right: 5, top: 5, bottom: 8, left: 5),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
).expanded,
|
||||||
|
if (cItem.groupChatReplyResponse != null)
|
||||||
|
if (cItem.groupChatReplyResponse!.fileTypeId == 12 ||
|
||||||
|
cItem.groupChatReplyResponse!.fileTypeId == 3 ||
|
||||||
|
cItem.groupChatReplyResponse!.fileTypeId == 4)
|
||||||
|
ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(8.0),
|
||||||
|
child: SizedBox(
|
||||||
|
height: 32,
|
||||||
|
width: 32,
|
||||||
|
child: showImage(
|
||||||
|
isReplyPreview: true,
|
||||||
|
fileName:
|
||||||
|
cItem.groupChatReplyResponse!.contant!,
|
||||||
|
fileTypeDescription: cItem
|
||||||
|
.groupChatReplyResponse!
|
||||||
|
.fileTypeResponse!
|
||||||
|
.fileTypeDescription ??
|
||||||
|
"image/jpg"),
|
||||||
|
),
|
||||||
|
).paddingOnly(left: 10, right: 10, bottom: 16, top: 16)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
).paddingOnly(bottom: 7).onPress(() {
|
||||||
|
// provider.scrollToMsg(cItem);
|
||||||
|
}),
|
||||||
|
if (fileTypeID == 12 || fileTypeID == 4 || fileTypeID == 3)
|
||||||
|
ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(5.0),
|
||||||
|
child: SizedBox(
|
||||||
|
height: 140,
|
||||||
|
width: 227,
|
||||||
|
child: showImage(
|
||||||
|
isReplyPreview: false,
|
||||||
|
fileName: cItem.contant ?? "",
|
||||||
|
fileTypeDescription:
|
||||||
|
cItem.fileTypeResponse!.fileTypeDescription ??
|
||||||
|
"image/jpg")
|
||||||
|
.onPress(() {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
anchorPoint: screenOffset,
|
||||||
|
builder: (BuildContext context) => ChatImagePreviewScreen(
|
||||||
|
imgTitle: cItem.contant ?? "", img: cItem.image!),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
).paddingOnly(bottom: 4),
|
||||||
|
if (fileTypeID == 13 && cItem.voiceController != null)
|
||||||
|
recipetWaveBubble(context, cItem)
|
||||||
|
else
|
||||||
|
Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
cItem.currentUserName!.toText10(
|
||||||
|
color: Colors.black,
|
||||||
|
).paddingOnly(bottom: 5),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
if (fileTypeID == 1 ||
|
||||||
|
fileTypeID == 5 ||
|
||||||
|
fileTypeID == 7 ||
|
||||||
|
fileTypeID == 6 ||
|
||||||
|
fileTypeID == 8
|
||||||
|
// || fileTypeID == 2
|
||||||
|
)
|
||||||
|
SvgPicture.asset(provider.getType(fileTypeName ?? ""),
|
||||||
|
height: 30,
|
||||||
|
width: 22,
|
||||||
|
alignment: Alignment.center,
|
||||||
|
fit: BoxFit.cover)
|
||||||
|
.paddingOnly(left: 0, right: 10),
|
||||||
|
Directionality(
|
||||||
|
textDirection:
|
||||||
|
provider.getTextDirection(cItem.contant ?? ""),
|
||||||
|
child: (cItem.contant ?? "")
|
||||||
|
.toText12(color: Colors.white)
|
||||||
|
.expanded),
|
||||||
|
if (fileTypeID == 1 ||
|
||||||
|
fileTypeID == 5 ||
|
||||||
|
fileTypeID == 7 ||
|
||||||
|
fileTypeID == 6 ||
|
||||||
|
fileTypeID == 8
|
||||||
|
//|| fileTypeID == 2
|
||||||
|
)
|
||||||
|
const Icon(Icons.remove_red_eye,
|
||||||
|
color: Colors.white, size: 16)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Align(
|
||||||
|
alignment: Alignment.topRight,
|
||||||
|
child: dateTime.toText10(
|
||||||
|
color: Colors.white.withOpacity(.71),
|
||||||
|
).paddingOnly(top:5),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
])).paddingOnly(right: MediaQuery.of(context).size.width * 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget voiceMsg(BuildContext context) {
|
||||||
|
return Container();
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget showImage(
|
||||||
|
{required bool isReplyPreview,
|
||||||
|
required String fileName,
|
||||||
|
required String fileTypeDescription}) {
|
||||||
|
if (cItem.isImageLoaded != null && cItem.image != null) {
|
||||||
|
return Image.memory(
|
||||||
|
cItem.image!,
|
||||||
|
height: isReplyPreview ? 32 : 140,
|
||||||
|
width: isReplyPreview ? 32 : 227,
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
alignment: Alignment.center,
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return FutureBuilder<Uint8List>(
|
||||||
|
future: ChatApiClient().downloadURL(
|
||||||
|
fileName: fileName, fileTypeDescription: fileTypeDescription),
|
||||||
|
builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
|
||||||
|
if (snapshot.connectionState != ConnectionState.waiting) {
|
||||||
|
if (snapshot.data == null) {
|
||||||
|
return const SizedBox();
|
||||||
|
} else {
|
||||||
|
cItem.image = snapshot.data;
|
||||||
|
cItem.isImageLoaded = true;
|
||||||
|
return Image.memory(
|
||||||
|
snapshot.data,
|
||||||
|
height: isReplyPreview ? 32 : 140,
|
||||||
|
width: isReplyPreview ? 32 : 227,
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
alignment: Alignment.center,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
return SizedBox(
|
||||||
|
height: isReplyPreview ? 32 : 140,
|
||||||
|
width: isReplyPreview ? 32 : 227,
|
||||||
|
).toShimmer();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget currentWaveBubble(
|
||||||
|
BuildContext context, GetGroupChatHistoryAsync data) {
|
||||||
|
return Container(
|
||||||
|
margin: const EdgeInsets.all(0),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border(
|
||||||
|
left: BorderSide(
|
||||||
|
width: 6,
|
||||||
|
color:
|
||||||
|
isCurrentUser ? MyColors.gradiantStartColor : MyColors.white),
|
||||||
|
),
|
||||||
|
color: isCurrentUser
|
||||||
|
? MyColors.black.withOpacity(0.10)
|
||||||
|
: MyColors.black.withOpacity(0.30),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
//need to check and verify for group hence for now commented
|
||||||
|
// getPlayer(player: data.voiceController!, modelData: data),
|
||||||
|
StreamBuilder<PositionData>(
|
||||||
|
stream: _positionDataStream,
|
||||||
|
builder:
|
||||||
|
(BuildContext context, AsyncSnapshot<PositionData> snapshot) {
|
||||||
|
PositionData? positionData = snapshot.data;
|
||||||
|
return SeekBar(
|
||||||
|
duration: positionData?.duration ?? Duration.zero,
|
||||||
|
position: positionData?.position ?? Duration.zero,
|
||||||
|
bufferedPosition:
|
||||||
|
positionData?.bufferedPosition ?? Duration.zero,
|
||||||
|
onChangeEnd: data.voiceController!.seek,
|
||||||
|
).expanded;
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
).circle(5);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget recipetWaveBubble(
|
||||||
|
BuildContext context, GetGroupChatHistoryAsync data) {
|
||||||
|
return Container(
|
||||||
|
margin: const EdgeInsets.all(0),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border(
|
||||||
|
left: BorderSide(
|
||||||
|
width: 6,
|
||||||
|
color:
|
||||||
|
isCurrentUser ? MyColors.gradiantStartColor : MyColors.white),
|
||||||
|
),
|
||||||
|
color: isCurrentUser
|
||||||
|
? MyColors.black.withOpacity(0.10)
|
||||||
|
: MyColors.black.withOpacity(0.30),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.max,
|
||||||
|
children: [
|
||||||
|
//commented to verify after
|
||||||
|
//getPlayer(player: data.voiceController!, modelData: data),
|
||||||
|
StreamBuilder<PositionData>(
|
||||||
|
stream: _positionDataStream,
|
||||||
|
builder:
|
||||||
|
(BuildContext context, AsyncSnapshot<PositionData> snapshot) {
|
||||||
|
PositionData? positionData = snapshot.data;
|
||||||
|
return SeekBar(
|
||||||
|
duration: positionData?.duration ?? Duration.zero,
|
||||||
|
position: positionData?.position ?? Duration.zero,
|
||||||
|
bufferedPosition:
|
||||||
|
positionData?.bufferedPosition ?? Duration.zero,
|
||||||
|
onChangeEnd: data.voiceController!.seek,
|
||||||
|
).expanded;
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
).circle(5);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget getPlayer(
|
||||||
|
{required AudioPlayer player, required SingleUserChatModel modelData}) {
|
||||||
|
return StreamBuilder<PlayerState>(
|
||||||
|
stream: player.playerStateStream,
|
||||||
|
builder: (BuildContext context, AsyncSnapshot<PlayerState> snapshot) {
|
||||||
|
PlayerState? playerState = snapshot.data;
|
||||||
|
ProcessingState? processingState = playerState?.processingState;
|
||||||
|
bool? playing = playerState?.playing;
|
||||||
|
if (processingState == ProcessingState.loading ||
|
||||||
|
processingState == ProcessingState.buffering) {
|
||||||
|
return Container(
|
||||||
|
margin: const EdgeInsets.all(8.0),
|
||||||
|
width: 30.0,
|
||||||
|
height: 30.0,
|
||||||
|
child: const CircularProgressIndicator(),
|
||||||
|
);
|
||||||
|
} else if (playing != true) {
|
||||||
|
return const Icon(
|
||||||
|
Icons.play_arrow,
|
||||||
|
size: 30,
|
||||||
|
color: MyColors.lightGreenColor,
|
||||||
|
).onPress(() {
|
||||||
|
playVoice(context, data: modelData);
|
||||||
|
});
|
||||||
|
} else if (processingState != ProcessingState.completed) {
|
||||||
|
return const Icon(
|
||||||
|
Icons.pause,
|
||||||
|
size: 30,
|
||||||
|
color: MyColors.lightGreenColor,
|
||||||
|
).onPress(() {
|
||||||
|
pausePlaying(context, data: modelData);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
return const Icon(
|
||||||
|
Icons.replay,
|
||||||
|
size: 30,
|
||||||
|
color: MyColors.lightGreenColor,
|
||||||
|
).onPress(() {
|
||||||
|
rePlay(context, data: modelData);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,394 @@
|
|||||||
|
import 'dart:async';
|
||||||
|
import 'dart:convert';
|
||||||
|
import 'package:audio_waveforms/audio_waveforms.dart';
|
||||||
|
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_group_chat_history.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/chat/get_search_user_chat_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/chat/get_single_user_chat_list_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/chat/get_user_groups_by_id.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/chat/get_user_login_token_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/provider/chat_call_provider.dart';
|
||||||
|
import 'package:mohem_flutter_app/provider/chat_provider_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/custom_auto_direction.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/chat/common.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/group_chat_bubble.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/chat_app_bar_widge.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:swipe_to/swipe_to.dart';
|
||||||
|
|
||||||
|
class GroupChatDetailedScreenParams {
|
||||||
|
GroupResponse? groupChatDetails;
|
||||||
|
bool? isNewChat;
|
||||||
|
|
||||||
|
GroupChatDetailedScreenParams(this.groupChatDetails, this.isNewChat);
|
||||||
|
}
|
||||||
|
|
||||||
|
class GroupChatDetailScreen extends StatefulWidget {
|
||||||
|
const GroupChatDetailScreen({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<GroupChatDetailScreen> createState() => _GroupChatDetailScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _GroupChatDetailScreenState extends State<GroupChatDetailScreen> {
|
||||||
|
final RefreshController _rc = RefreshController(initialRefresh: false);
|
||||||
|
late ChatProviderModel data;
|
||||||
|
late ChatCallProvider callPro;
|
||||||
|
GroupChatDetailedScreenParams? params;
|
||||||
|
|
||||||
|
// var textDirection = TextDirection.RTL;
|
||||||
|
|
||||||
|
void getMoreChat() async {
|
||||||
|
if (params != null) {
|
||||||
|
data.paginationVal = data.paginationVal + 10;
|
||||||
|
if (params != null) {
|
||||||
|
data.getGroupChatHistory(params!.groupChatDetails!
|
||||||
|
// senderUID: AppState().chatDetails!.response!.id!.toInt(),
|
||||||
|
// receiverUID: params!.groupChatDetails!.groupId!,
|
||||||
|
// loadMore: true,
|
||||||
|
// isNewChat: false,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
await Future.delayed(
|
||||||
|
const Duration(milliseconds: 1000),
|
||||||
|
);
|
||||||
|
_rc.loadComplete();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
data.disposeAudio();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
params = ModalRoute.of(context)!.settings.arguments as GroupChatDetailedScreenParams;
|
||||||
|
data = Provider.of<ChatProviderModel>(context, listen: false);
|
||||||
|
// callPro = Provider.of<ChatCallProvider>(context, listen: false);
|
||||||
|
if (params != null) {
|
||||||
|
data.getGroupChatHistory(
|
||||||
|
params!.groupChatDetails!
|
||||||
|
// senderUID: AppState().chatDetails!.response!.id!.toInt(),
|
||||||
|
// receiverUID: params!.groupChatHistory!.groupId!,
|
||||||
|
// loadMore: false,
|
||||||
|
// isNewChat: params!.isNewChat!,
|
||||||
|
);
|
||||||
|
data.initAudio(receiverId: params!.groupChatDetails!.groupId!);
|
||||||
|
}
|
||||||
|
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: MyColors.backgroundColor,
|
||||||
|
appBar: ChatAppBarWidget(
|
||||||
|
context,
|
||||||
|
title: params!.groupChatDetails!.groupName.toString().replaceAll(".", " ").capitalizeFirstofEach,
|
||||||
|
showHomeButton: false,
|
||||||
|
// showTyping: true,
|
||||||
|
// chatUser: params!.groupChatHistory!.groupChatHistoryTargetUserList as ChatUser,
|
||||||
|
actions: [
|
||||||
|
// SvgPicture.asset("assets/icons/chat/call.svg", width: 21, height: 23).onPress(() {
|
||||||
|
// makeCall(callType: "AUDIO");
|
||||||
|
// }),
|
||||||
|
// 24.width,
|
||||||
|
// SvgPicture.asset("assets/icons/chat/video_call.svg", width: 21, height: 18).onPress(() {
|
||||||
|
// makeCall(callType: "VIDEO");
|
||||||
|
// }),
|
||||||
|
// 21.width,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
body: SafeArea(
|
||||||
|
child: Consumer<ChatProviderModel>(
|
||||||
|
builder: (BuildContext context, ChatProviderModel m, Widget? child) {
|
||||||
|
return (m.isLoading
|
||||||
|
? ChatHomeShimmer(
|
||||||
|
isDetailedScreen: true,
|
||||||
|
)
|
||||||
|
: 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.groupChatHistory.length,
|
||||||
|
padding: const EdgeInsets.all(21),
|
||||||
|
separatorBuilder: (BuildContext cxt, int index) => 8.height,
|
||||||
|
itemBuilder: (BuildContext context, int i) {
|
||||||
|
return SwipeTo(
|
||||||
|
iconColor: MyColors.lightGreenColor,
|
||||||
|
child: GroupChatBubble(
|
||||||
|
dateTime: m.groupChatHistory[i].createdDate!,
|
||||||
|
cItem: m.groupChatHistory[i],
|
||||||
|
),
|
||||||
|
onRightSwipe: () {
|
||||||
|
m.groupChatReply(
|
||||||
|
m.groupChatHistory[i],
|
||||||
|
);
|
||||||
|
},
|
||||||
|
).onPress(() async {
|
||||||
|
logger.w(m.userChatHistory[i].toJson());
|
||||||
|
if (m.userChatHistory[i].fileTypeResponse != null && m.userChatHistory[i].fileTypeId != null) {
|
||||||
|
if (m.userChatHistory[i].fileTypeId! == 1 ||
|
||||||
|
m.userChatHistory[i].fileTypeId! == 5 ||
|
||||||
|
m.userChatHistory[i].fileTypeId! == 7 ||
|
||||||
|
m.userChatHistory[i].fileTypeId! == 6 ||
|
||||||
|
m.userChatHistory[i].fileTypeId! == 8
|
||||||
|
// || m.userChatHistory[i].fileTypeId! == 2
|
||||||
|
) {
|
||||||
|
m.getChatMedia(context,
|
||||||
|
fileTypeName: m.userChatHistory[i].fileTypeResponse!.fileTypeName ?? "", fileTypeID: m.userChatHistory[i].fileTypeId!, fileName: m.userChatHistory[i].contant!);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
),
|
||||||
|
).expanded,
|
||||||
|
if (m.isReplyMsg)
|
||||||
|
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.groupChatReplyData.first.currentUserName.toString()
|
||||||
|
? "You"
|
||||||
|
: m.groupChatReplyData.first.currentUserName.toString().replaceAll(".", " "))
|
||||||
|
.toText14(color: MyColors.lightGreenColor),
|
||||||
|
(m.groupChatReplyData.isNotEmpty ? m.groupChatReplyData.first.contant! : "").toText12(color: MyColors.grey71Color, maxLine: 2)
|
||||||
|
],
|
||||||
|
).expanded,
|
||||||
|
12.width,
|
||||||
|
if (m.isReplyMsg && m.groupChatReplyData.isNotEmpty) showReplyImage(m.groupChatReplyData, m),
|
||||||
|
12.width,
|
||||||
|
const Icon(Icons.cancel, size: 23, color: MyColors.grey7BColor).onPress(m.closeMe),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
).expanded,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (m.isAttachmentMsg && 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),
|
||||||
|
const Divider(height: 1, color: MyColors.lightGreyEFColor),
|
||||||
|
if (m.isRecoding)
|
||||||
|
Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Text(m.buildTimer()).paddingAll(10),
|
||||||
|
if (m.isRecoding && m.isPlaying)
|
||||||
|
WaveBubble(
|
||||||
|
playerController: m.playerController,
|
||||||
|
isPlaying: m.playerController.playerState == PlayerState.playing,
|
||||||
|
onTap: () {},
|
||||||
|
).expanded
|
||||||
|
else
|
||||||
|
AudioWaveforms(
|
||||||
|
waveStyle: const WaveStyle(
|
||||||
|
waveColor: MyColors.lightGreenColor,
|
||||||
|
middleLineColor: Colors.transparent,
|
||||||
|
extendWaveform: true,
|
||||||
|
showBottom: true,
|
||||||
|
showTop: true,
|
||||||
|
waveThickness: 2,
|
||||||
|
showMiddleLine: false,
|
||||||
|
middleLineThickness: 0,
|
||||||
|
),
|
||||||
|
padding: const EdgeInsets.all(5),
|
||||||
|
shouldCalculateScrolledPosition: false,
|
||||||
|
margin: EdgeInsets.zero,
|
||||||
|
size: const Size(double.infinity, 30.0),
|
||||||
|
recorderController: m.recorderController,
|
||||||
|
backgroundColor: Colors.white,
|
||||||
|
).expanded,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
const Icon(
|
||||||
|
Icons.delete_outlined,
|
||||||
|
size: 26,
|
||||||
|
color: MyColors.lightGreenColor,
|
||||||
|
).paddingAll(10).onPress(() {
|
||||||
|
m.deleteRecoding();
|
||||||
|
}),
|
||||||
|
SvgPicture.asset("assets/icons/chat/chat_send_icon.svg", height: 26, width: 26)
|
||||||
|
.onPress(
|
||||||
|
() => m.sendGroupChatMessage(context,
|
||||||
|
targetUserId: params!.groupChatDetails!.groupId!,
|
||||||
|
userStatus: 0,
|
||||||
|
userEmail: "",
|
||||||
|
targetUserName: params!.groupChatDetails!.groupName!,
|
||||||
|
userList: params!.groupChatDetails!.groupUserList!
|
||||||
|
),
|
||||||
|
)
|
||||||
|
.paddingOnly(right: 21),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
).objectContainerView(disablePadding: true, radius: 0),
|
||||||
|
if (!m.isRecoding)
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
CustomAutoDirection(
|
||||||
|
onDirectionChange: (bool isRTL) => m.onDirectionChange(isRTL),
|
||||||
|
text: m.msgText,
|
||||||
|
child: TextField(
|
||||||
|
// textDirection: m.textDirection,
|
||||||
|
controller: m.message,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
hintTextDirection: m.textDirection,
|
||||||
|
hintText: m.isAttachmentMsg ? m.selectedFile.path.split("/").last : LocaleKeys.typeheretoreply.tr(),
|
||||||
|
hintStyle: TextStyle(color: m.isAttachmentMsg ? 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,
|
||||||
|
),
|
||||||
|
onChanged: (String val) {
|
||||||
|
m.inputBoxDirection(val);
|
||||||
|
m.groupTypingInvoke(groupDetails: params!.groupChatDetails!, groupId: params!.groupChatDetails!.groupId!);
|
||||||
|
},
|
||||||
|
).expanded,
|
||||||
|
),
|
||||||
|
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: 15),
|
||||||
|
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: 15),
|
||||||
|
const Icon(
|
||||||
|
Icons.mic,
|
||||||
|
color: MyColors.lightGreenColor,
|
||||||
|
).paddingOnly(right: 15).onPress(() {
|
||||||
|
m.startRecoding(context);
|
||||||
|
}),
|
||||||
|
SvgPicture.asset("assets/icons/chat/chat_send_icon.svg", height: 26, width: 26)
|
||||||
|
.onPress(
|
||||||
|
() =>m.sendGroupChatMessage(context,
|
||||||
|
targetUserId: params!.groupChatDetails!.groupId!,
|
||||||
|
userStatus: 0,
|
||||||
|
userEmail: "",
|
||||||
|
targetUserName: params!.groupChatDetails!.groupName!,
|
||||||
|
userList: params!.groupChatDetails!.groupUserList!
|
||||||
|
),
|
||||||
|
)
|
||||||
|
.paddingOnly(right: 21),
|
||||||
|
],
|
||||||
|
).objectContainerView(disablePadding: true, radius: 0),
|
||||||
|
],
|
||||||
|
));
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget showReplyImage(List<GetGroupChatHistoryAsync> data, ChatProviderModel m) {
|
||||||
|
if (data.first.isImageLoaded! && data.first.image != null) {
|
||||||
|
return Container(
|
||||||
|
width: 43,
|
||||||
|
height: 43,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border.all(color: MyColors.darkGrey3BColor, width: 1), borderRadius: BorderRadius.circular(10.0), image: DecorationImage(image: MemoryImage(data.first.image!), fit: BoxFit.cover)),
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return data.first.fileTypeResponse != null && data.first.fileTypeResponse!.fileTypeName != null
|
||||||
|
? Container(
|
||||||
|
width: 43,
|
||||||
|
height: 43,
|
||||||
|
constraints: const BoxConstraints(),
|
||||||
|
decoration: BoxDecoration(border: Border.all(color: MyColors.darkGrey3BColor, width: 1), borderRadius: BorderRadius.circular(10.0), color: Colors.white),
|
||||||
|
child: SvgPicture.asset(m.getType(data.first.fileTypeResponse!.fileTypeName ?? ""), alignment: Alignment.center, fit: BoxFit.cover).paddingOnly(left: 5, right: 5, top: 5, bottom: 5))
|
||||||
|
: const SizedBox();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void makeCall({required String callType}) async {
|
||||||
|
callPro.initCallListeners();
|
||||||
|
print("================== Make call Triggered ============================");
|
||||||
|
// Map<String, dynamic> json = {
|
||||||
|
// "callerID": AppState().chatDetails!.response!.id!.toString(),
|
||||||
|
// "callerDetails": AppState().chatDetails!.toJson(),
|
||||||
|
// "receiverID": params!.chatUser!.id.toString(),
|
||||||
|
// "receiverDetails": params!.chatUser!.toJson(),
|
||||||
|
// "title": params!.chatUser!.userName!.replaceAll(".", " "),
|
||||||
|
// "calltype": callType == "VIDEO" ? "Video" : "Audio",
|
||||||
|
// };
|
||||||
|
logger.w(json);
|
||||||
|
// CallDataModel callData = CallDataModel.fromJson(json);
|
||||||
|
// await Navigator.push(
|
||||||
|
// context,
|
||||||
|
// MaterialPageRoute(
|
||||||
|
// builder: (BuildContext context) => OutGoingCall(
|
||||||
|
// isVideoCall: callType == "VIDEO" ? true : false,
|
||||||
|
// outGoingCallData: callData,
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
// ).then((value) {
|
||||||
|
// print("then");
|
||||||
|
// callPro.stopListeners();
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
GroupUserList getCurrentUser(int id, GroupResponse groupChatDetails) {
|
||||||
|
return groupChatDetails.groupUserList!.firstWhere((GroupUserList item) => item.id ==id);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
@ -0,0 +1,131 @@
|
|||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/cupertino.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/config/routes.dart';
|
||||||
|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/chat/get_search_user_chat_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/chat/get_user_groups_by_id.dart';
|
||||||
|
import 'package:mohem_flutter_app/provider/chat_provider_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/chat_detailed_screen.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/chat_app_bar_widge.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
class GroupMembersScreen extends StatefulWidget {
|
||||||
|
|
||||||
|
const GroupMembersScreen({Key? key,}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<GroupMembersScreen> createState() => _GroupMembersScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _GroupMembersScreenState extends State<GroupMembersScreen> {
|
||||||
|
late ChatProviderModel provider;
|
||||||
|
late List<GroupUserList> groupUserList;
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
provider = Provider.of<ChatProviderModel>(context, listen: false);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
groupUserList = ModalRoute.of(context)!.settings.arguments as List<GroupUserList>;
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: MyColors.white,
|
||||||
|
appBar: ChatAppBarWidget(
|
||||||
|
context,
|
||||||
|
title: LocaleKeys.groupMembers.tr(),
|
||||||
|
showHomeButton: false,
|
||||||
|
),
|
||||||
|
body:
|
||||||
|
groupUserList!.isNotEmpty ? ListView.separated(
|
||||||
|
itemCount: groupUserList!.length,
|
||||||
|
shrinkWrap: true,
|
||||||
|
physics: const ClampingScrollPhysics(),
|
||||||
|
padding: const EdgeInsets.only(bottom: 5.0),
|
||||||
|
itemBuilder: (BuildContext context, int index) {
|
||||||
|
if(groupUserList![index].id != AppState().chatDetails!.response!.id) {
|
||||||
|
return SizedBox(
|
||||||
|
height: 55,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
|
||||||
|
Stack(
|
||||||
|
children: <Widget>[
|
||||||
|
if (groupUserList![index].image == null)
|
||||||
|
SvgPicture.asset(
|
||||||
|
"assets/images/user.svg",
|
||||||
|
height: 48,
|
||||||
|
width: 48,
|
||||||
|
),
|
||||||
|
Positioned(
|
||||||
|
right: 5,
|
||||||
|
bottom: 1,
|
||||||
|
child: Container(
|
||||||
|
width: 10,
|
||||||
|
height: 10,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color:groupUserList![index].userStatus == 1
|
||||||
|
? MyColors.green2DColor
|
||||||
|
: Colors.red,
|
||||||
|
),
|
||||||
|
).circle(10),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
(groupUserList![index].userName! ?? "").toText14(
|
||||||
|
color: MyColors.darkTextColor).paddingOnly(
|
||||||
|
left: 11, top: 13),
|
||||||
|
],
|
||||||
|
).expanded,
|
||||||
|
|
||||||
|
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
IconButton(onPressed: (){
|
||||||
|
goToChat(groupUserList![index]);
|
||||||
|
}, icon: Icon(Icons.chat))
|
||||||
|
],
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return const SizedBox();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
separatorBuilder: (BuildContext context, int index) =>
|
||||||
|
const Divider(color: MyColors.lightGreyE5Color).paddingOnly(
|
||||||
|
left: 70),
|
||||||
|
).paddingAll(10)
|
||||||
|
: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Utils
|
||||||
|
.getNoDataWidget(context)
|
||||||
|
.expanded,
|
||||||
|
],
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void goToChat(GroupUserList groupUser){
|
||||||
|
|
||||||
|
ChatUser chatUser = ChatUser.fromJson(groupUser.toJson());
|
||||||
|
Navigator.pushNamed(context,
|
||||||
|
AppRoutes.chatDetailed,
|
||||||
|
arguments:
|
||||||
|
ChatDetailedScreenParams(
|
||||||
|
chatUser,
|
||||||
|
false));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,142 @@
|
|||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/cupertino.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/generated/locale_keys.g.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/chat/get_user_groups_by_id.dart';
|
||||||
|
import 'package:mohem_flutter_app/provider/chat_provider_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/chat_app_bar_widge.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
|
||||||
|
class ManageGroupScreen extends StatefulWidget {
|
||||||
|
const ManageGroupScreen({
|
||||||
|
Key? key,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<ManageGroupScreen> createState() => _ManageGroupScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ManageGroupScreenState extends State<ManageGroupScreen> {
|
||||||
|
late ChatProviderModel provider;
|
||||||
|
GroupResponse? groupDetails;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
provider = Provider.of<ChatProviderModel>(context, listen: false);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
groupDetails = ModalRoute.of(context)!.settings.arguments as GroupResponse;
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: MyColors.white,
|
||||||
|
appBar: ChatAppBarWidget(
|
||||||
|
context,
|
||||||
|
title: LocaleKeys.manageGroup.tr(),
|
||||||
|
showHomeButton: false,
|
||||||
|
),
|
||||||
|
body: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.end,
|
||||||
|
children: [
|
||||||
|
LocaleKeys.admin
|
||||||
|
.tr()
|
||||||
|
.toText14(color: MyColors.darkTextColor)
|
||||||
|
.paddingOnly(right: 25)!,
|
||||||
|
groupDetails!.groupUserList!.isNotEmpty
|
||||||
|
? ListView.separated(
|
||||||
|
itemCount: groupDetails!.groupUserList!.length,
|
||||||
|
shrinkWrap: true,
|
||||||
|
physics: const ClampingScrollPhysics(),
|
||||||
|
padding: const EdgeInsets.only(bottom: 5.0),
|
||||||
|
itemBuilder: (BuildContext context, int index) {
|
||||||
|
return SizedBox(
|
||||||
|
height: 55,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Stack(
|
||||||
|
children: <Widget>[
|
||||||
|
if (groupDetails!.groupUserList![index].image ==
|
||||||
|
null)
|
||||||
|
SvgPicture.asset(
|
||||||
|
"assets/images/user.svg",
|
||||||
|
height: 48,
|
||||||
|
width: 48,
|
||||||
|
),
|
||||||
|
Positioned(
|
||||||
|
right: 5,
|
||||||
|
bottom: 1,
|
||||||
|
child: Container(
|
||||||
|
width: 10,
|
||||||
|
height: 10,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: groupDetails!.groupUserList![index]
|
||||||
|
.userStatus ==
|
||||||
|
1
|
||||||
|
? MyColors.green2DColor
|
||||||
|
: Colors.red,
|
||||||
|
),
|
||||||
|
).circle(10),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
(groupDetails!
|
||||||
|
.groupUserList![index].userName! ??
|
||||||
|
"")
|
||||||
|
.toText14(color: MyColors.darkTextColor)
|
||||||
|
.paddingOnly(left: 11, top: 13),
|
||||||
|
],
|
||||||
|
).expanded,
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Switch(
|
||||||
|
value: groupDetails!
|
||||||
|
.groupUserList![index].isAdmin!,
|
||||||
|
onChanged: groupDetails!
|
||||||
|
.groupUserList![index].id ==
|
||||||
|
AppState().chatDetails!.response!.id
|
||||||
|
? null
|
||||||
|
: (value) {
|
||||||
|
setState(() {
|
||||||
|
groupDetails!.groupUserList![index]
|
||||||
|
.isAdmin = value;
|
||||||
|
updateGroupAdmin(
|
||||||
|
groupDetails!.groupUserList!,
|
||||||
|
groupDetails!.groupId);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
)
|
||||||
|
],
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
separatorBuilder: (BuildContext context, int index) =>
|
||||||
|
const Divider(color: MyColors.lightGreyE5Color)
|
||||||
|
.paddingOnly(left: 70),
|
||||||
|
).paddingAll(10)
|
||||||
|
: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Utils.getNoDataWidget(context).expanded,
|
||||||
|
],
|
||||||
|
)
|
||||||
|
],
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
void updateGroupAdmin(List<GroupUserList> groupUserList, int? groupId) async {
|
||||||
|
//Group id need to be updated..
|
||||||
|
provider.updateGroupAdmin(groupId, groupUserList);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue