|
|
|
|
import 'dart:convert';
|
|
|
|
|
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/classes/colors.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/provider/chat_provider_model.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';
|
|
|
|
|
|
|
|
|
|
class ChatHomeScreen extends StatefulWidget {
|
|
|
|
|
@override
|
|
|
|
|
State<ChatHomeScreen> createState() => _ChatHomeScreenState();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class _ChatHomeScreenState extends State<ChatHomeScreen> {
|
|
|
|
|
TextEditingController search = TextEditingController();
|
|
|
|
|
late ChatProviderModel data;
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
void initState() {
|
|
|
|
|
// TODO: implement initState
|
|
|
|
|
super.initState();
|
|
|
|
|
data = Provider.of<ChatProviderModel>(context, listen: false);
|
|
|
|
|
data.registerEvents();
|
|
|
|
|
data.getUserRecentChats();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@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()
|
|
|
|
|
: Column(
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
TextField(
|
|
|
|
|
controller: m.search,
|
|
|
|
|
style: const TextStyle(color: MyColors.darkTextColor, fontWeight: FontWeight.w500, fontSize: 12),
|
|
|
|
|
onChanged: (String val) {
|
|
|
|
|
m.filter(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.searchfromchat.tr(),
|
|
|
|
|
hintStyle: const TextStyle(color: MyColors.lightTextColor, fontStyle: FontStyle.italic, fontWeight: FontWeight.w500, fontSize: 12),
|
|
|
|
|
filled: true,
|
|
|
|
|
fillColor: const Color(0xFFF7F7F7),
|
|
|
|
|
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.searchedChats != null)
|
|
|
|
|
ListView.separated(
|
|
|
|
|
itemCount: m.searchedChats!.length,
|
|
|
|
|
shrinkWrap: true,
|
|
|
|
|
physics: const ClampingScrollPhysics(),
|
|
|
|
|
itemBuilder: (BuildContext context, int index) {
|
|
|
|
|
// todo @aamir, remove list tile, make a custom ui instead
|
|
|
|
|
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: m.searchedChats![index].userStatus == 1 ? MyColors.green2DColor : Colors.red,
|
|
|
|
|
borderRadius: const BorderRadius.all(
|
|
|
|
|
Radius.circular(10),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
Column(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
(m.searchedChats![index].userName!.replaceFirst(".", " ").capitalizeFirstofEach ?? "").toText14(color: MyColors.darkTextColor).paddingOnly(left: 11, top: 13),
|
|
|
|
|
],
|
|
|
|
|
).expanded,
|
|
|
|
|
SizedBox(
|
|
|
|
|
width: 60,
|
|
|
|
|
child: Row(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
|
|
|
mainAxisSize: MainAxisSize.max,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
if (m.searchedChats![index].unreadMessageCount! > 0)
|
|
|
|
|
Container(
|
|
|
|
|
alignment: Alignment.center,
|
|
|
|
|
width: 18,
|
|
|
|
|
height: 18,
|
|
|
|
|
decoration: const BoxDecoration(
|
|
|
|
|
color: MyColors.redColor,
|
|
|
|
|
borderRadius: BorderRadius.all(
|
|
|
|
|
Radius.circular(20),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
child: (m.searchedChats![index].unreadMessageCount!.toString())
|
|
|
|
|
.toText10(
|
|
|
|
|
color: MyColors.white,
|
|
|
|
|
)
|
|
|
|
|
.center,
|
|
|
|
|
).paddingOnly(right: 10).center,
|
|
|
|
|
Icon(
|
|
|
|
|
m.searchedChats![index].isFav != null && m.searchedChats![index].isFav == false ? Icons.star_sharp : Icons.star_sharp,
|
|
|
|
|
color: m.searchedChats![index].isFav != null && m.searchedChats![index].isFav == true ? MyColors.yellowColor : MyColors.grey35Color,
|
|
|
|
|
).onPress(
|
|
|
|
|
() {
|
|
|
|
|
if (m.searchedChats![index].isFav == null || m.searchedChats![index].isFav == false) {
|
|
|
|
|
m.favoriteUser(
|
|
|
|
|
userID: AppState().chatDetails!.response!.id!,
|
|
|
|
|
targetUserID: m.searchedChats![index].id!,
|
|
|
|
|
);
|
|
|
|
|
} else if (m.searchedChats![index].isFav == true) {
|
|
|
|
|
m.unFavoriteUser(
|
|
|
|
|
userID: AppState().chatDetails!.response!.id!,
|
|
|
|
|
targetUserID: m.searchedChats![index].id!,
|
|
|
|
|
);
|
|
|
|
|
} else {
|
|
|
|
|
m.favoriteUser(
|
|
|
|
|
userID: AppState().chatDetails!.response!.id!,
|
|
|
|
|
targetUserID: m.searchedChats![index].id!,
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
).center
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
).onPress(() {
|
|
|
|
|
Navigator.pushNamed(
|
|
|
|
|
context,
|
|
|
|
|
AppRoutes.chatDetailed,
|
|
|
|
|
arguments: {"targetUser": m.searchedChats![index], "isNewChat": false},
|
|
|
|
|
).then((Object? value) {
|
|
|
|
|
// m.GetUserChatHistoryNotDeliveredAsync(userId: int.parse(AppState().chatDetails!.response!.id.toString()));
|
|
|
|
|
m.clearSelections();
|
|
|
|
|
m.notifyListeners();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
separatorBuilder: (BuildContext context, int index) => const Divider(color: MyColors.lightGreyE5Color).paddingOnly(left: 59),
|
|
|
|
|
).paddingOnly(bottom: 70).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 {
|
|
|
|
|
// String plainText = 'Muhamad.Alam@cloudsolutions.com.sa';
|
|
|
|
|
// String key = "PeShVmYp";
|
|
|
|
|
// passEncrypt(plainText, "PeShVmYp");
|
|
|
|
|
showMyBottomSheet(
|
|
|
|
|
context,
|
|
|
|
|
callBackFunc: () {},
|
|
|
|
|
child: SearchEmployeeBottomSheet(
|
|
|
|
|
title: LocaleKeys.searchForEmployee.tr(),
|
|
|
|
|
apiMode: LocaleKeys.delegate.tr(),
|
|
|
|
|
fromChat: true,
|
|
|
|
|
onSelectEmployee: (_selectedEmployee) {},
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
OutlineInputBorder fieldBorder({required double radius, required int color}) {
|
|
|
|
|
return OutlineInputBorder(
|
|
|
|
|
borderRadius: BorderRadius.circular(
|
|
|
|
|
radius,
|
|
|
|
|
),
|
|
|
|
|
borderSide: BorderSide(
|
|
|
|
|
color: Color(
|
|
|
|
|
color,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
//
|
|
|
|
|
// void passEncrypt(String text, String pass) async {
|
|
|
|
|
// var salt = randomUint8List(8);
|
|
|
|
|
// var keyndIV = deriveKeyAndIV(pass, salt);
|
|
|
|
|
// var key = encrypt.Key(keyndIV.item1);
|
|
|
|
|
// var iv = encrypt.IV(keyndIV.item2);
|
|
|
|
|
// var encrypter = encrypt.Encrypter(encrypt.AES(key, mode: encrypt.AESMode.cbc, padding: "PKCS7"));
|
|
|
|
|
// var encrypted = encrypter.encrypt(text, iv: iv);
|
|
|
|
|
// Uint8List encryptedBytesWithSalt = Uint8List.fromList(createUint8ListFromString("Salted__") + salt + encrypted.bytes);
|
|
|
|
|
// var resulttt = base64.encode(encryptedBytesWithSalt);
|
|
|
|
|
// print("Enc : " + resulttt);
|
|
|
|
|
//
|
|
|
|
|
// decryptAESCryptoJS(resulttt, pass);
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// Uint8List randomUint8List(int length) {
|
|
|
|
|
// assert(length > 0);
|
|
|
|
|
// var random = Random();
|
|
|
|
|
// var ret = Uint8List(length);
|
|
|
|
|
// for (var i = 0; i < length; i++) {
|
|
|
|
|
// ret[i] = random.nextInt(256);
|
|
|
|
|
// }
|
|
|
|
|
// return ret;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// void decryptAESCryptoJS(String encrypted, String passphrase) {
|
|
|
|
|
// try {
|
|
|
|
|
// Uint8List encryptedBytesWithSalt = base64.decode(encrypted);
|
|
|
|
|
// Uint8List encryptedBytes = encryptedBytesWithSalt.sublist(16, encryptedBytesWithSalt.length);
|
|
|
|
|
// var salt = encryptedBytesWithSalt.sublist(8, 16);
|
|
|
|
|
// var keyndIV = deriveKeyAndIV(passphrase, salt);
|
|
|
|
|
// var key = encrypt.Key(keyndIV.item1);
|
|
|
|
|
// var iv = encrypt.IV(keyndIV.item2);
|
|
|
|
|
// var encrypter = encrypt.Encrypter(encrypt.AES(key, mode: encrypt.AESMode.cbc, padding: "PKCS7"));
|
|
|
|
|
// var decrypted = encrypter.decrypt64(base64.encode(encryptedBytes), iv: iv);
|
|
|
|
|
// print("Dec : " + decrypted);
|
|
|
|
|
// // return decrypted;
|
|
|
|
|
// } catch (error) {
|
|
|
|
|
// throw error;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
void enc(String input) {
|
|
|
|
|
var ekey = "PeShVmYp";
|
|
|
|
|
var eIV = "j70IbWYn";
|
|
|
|
|
List<int> eByt = utf8.encode(ekey);
|
|
|
|
|
List<int> eIvByt = utf8.encode(eIV);
|
|
|
|
|
List<int> iByt = utf8.encode(input);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ///Accepts encrypted data and decrypt it. Returns plain text
|
|
|
|
|
// String decryptWithAES(String key, Encrypted encryptedData) {
|
|
|
|
|
// var cipherKey = encrypt.Key.fromUtf8(key);
|
|
|
|
|
// var encryptService = Encrypter(AES(cipherKey, mode: AESMode.cbc,padding: null));
|
|
|
|
|
// var initVector = IV.fromUtf8(key.substring(0, 16));
|
|
|
|
|
// return encryptService.decrypt(encryptedData, iv: initVector);
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// ///Encrypts the given plainText using the key. Returns encrypted data
|
|
|
|
|
// Encrypted encryptWithAES(String key, String plainText) {
|
|
|
|
|
// var cipherKey = encrypt.Key.fromUtf8(key);
|
|
|
|
|
// var encryptService = Encrypter(AES(cipherKey, mode: AESMode.cbc,padding: null));
|
|
|
|
|
// var initVector = IV.fromUtf8("j70IbWYn");
|
|
|
|
|
// Encrypted encryptedData = encryptService.encrypt(plainText, iv: initVector);
|
|
|
|
|
// print(encryptedData.base64);
|
|
|
|
|
// return encryptedData;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// Tuple2<Uint8List, Uint8List> deriveKeyAndIV(String passphrase, Uint8List salt) {
|
|
|
|
|
// var password = createUint8ListFromString(passphrase);
|
|
|
|
|
// Uint8List concatenatedHashes = Uint8List(0);
|
|
|
|
|
// Uint8List currentHash = Uint8List(0);
|
|
|
|
|
// bool enoughBytesForKey = false;
|
|
|
|
|
// Uint8List preHash = Uint8List(0);
|
|
|
|
|
//
|
|
|
|
|
// while (!enoughBytesForKey) {
|
|
|
|
|
// int preHashLength = currentHash.length + password.length + salt.length;
|
|
|
|
|
// if (currentHash.length > 0)
|
|
|
|
|
// preHash = Uint8List.fromList(currentHash + password + salt);
|
|
|
|
|
// else
|
|
|
|
|
// preHash = Uint8List.fromList(password + salt);
|
|
|
|
|
//
|
|
|
|
|
// currentHash = preHash;
|
|
|
|
|
// concatenatedHashes = Uint8List.fromList(concatenatedHashes + currentHash);
|
|
|
|
|
// if (concatenatedHashes.length >= 48) enoughBytesForKey = true;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// var keyBtyes = concatenatedHashes.sublist(0, 32);
|
|
|
|
|
// var ivBtyes = concatenatedHashes.sublist(32, 48);
|
|
|
|
|
// return new Tuple2(keyBtyes, ivBtyes);
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// Uint8List createUint8ListFromString(String s) {
|
|
|
|
|
// var ret = new Uint8List(s.length);
|
|
|
|
|
// for (var i = 0; i < s.length; i++) {
|
|
|
|
|
// ret[i] = s.codeUnitAt(i);
|
|
|
|
|
// }
|
|
|
|
|
// return ret;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// Uint8List genRandomWithNonZero(int seedLength) {
|
|
|
|
|
// var random = Random.secure();
|
|
|
|
|
// const int randomMax = 245;
|
|
|
|
|
// Uint8List uint8list = Uint8List(seedLength);
|
|
|
|
|
// for (int i = 0; i < seedLength; i++) {
|
|
|
|
|
// uint8list[i] = random.nextInt(randomMax) + 1;
|
|
|
|
|
// }
|
|
|
|
|
// return uint8list;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
//
|
|
|
|
|
//
|
|
|
|
|
// void test(String text, String kk) {
|
|
|
|
|
// Uint8List key = Uint8List.fromList(utf8.encode(kk));
|
|
|
|
|
// PaddedBlockCipher cipher = exp.PaddedBlockCipherImpl(exp.PKCS7Padding(), exp.ECBBlockCipher(exp.AESEngine()));
|
|
|
|
|
// cipher.init(true, PaddedBlockCipherParameters<CipherParameters, CipherParameters>(KeyParameter(key), null));
|
|
|
|
|
// var byte = Uint8List.fromList(utf8.encode(text));
|
|
|
|
|
// var data = cipher.process(byte);
|
|
|
|
|
// print(data);
|
|
|
|
|
// }
|
|
|
|
|
}
|