|
|
|
@ -20,10 +20,12 @@ import 'package:mohem_flutter_app/models/chat/get_search_user_chat_model.dart';
|
|
|
|
|
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';
|
|
|
|
|
import 'package:pull_to_refresh/pull_to_refresh.dart';
|
|
|
|
|
|
|
|
|
|
class SearchEmployeeBottomSheet extends StatefulWidget {
|
|
|
|
@ -64,8 +66,7 @@ class _SearchEmployeeBottomSheetState extends State<SearchEmployeeBottomSheet> {
|
|
|
|
|
List<ReplacementList>? nonFavouriteUserList;
|
|
|
|
|
|
|
|
|
|
// Chat Items
|
|
|
|
|
List<ChatUser>? chatUsersList = [];
|
|
|
|
|
int pageNo = 1;
|
|
|
|
|
late ChatProviderModel provider;
|
|
|
|
|
|
|
|
|
|
int _selectedSearchIndex = 0;
|
|
|
|
|
|
|
|
|
@ -92,46 +93,37 @@ class _SearchEmployeeBottomSheetState extends State<SearchEmployeeBottomSheet> {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
void fetchChatUser({bool isNeedLoading = true}) async {
|
|
|
|
|
if (pageNo == 1) chatUsersList!.clear();
|
|
|
|
|
if (provider.pageNo == 1) provider.chatUsersList!.clear();
|
|
|
|
|
try {
|
|
|
|
|
Utils.showLoading(context);
|
|
|
|
|
await ChatApiClient().getChatMemberFromSearch(searchText, AppState().chatDetails!.response!.id!, pageNo).then((ChatUserModel value) {
|
|
|
|
|
print(value.response!.length);
|
|
|
|
|
await ChatApiClient().getChatMemberFromSearch(searchText, AppState().chatDetails!.response!.id!, provider.pageNo).then((ChatUserModel value) {
|
|
|
|
|
if (value.response != null) {
|
|
|
|
|
chatUsersList = value.response;
|
|
|
|
|
if (provider.pageNo == 1) {
|
|
|
|
|
provider.chatUsersList = value.response;
|
|
|
|
|
} else {
|
|
|
|
|
print("--------------------------Added More----------------------");
|
|
|
|
|
provider.chatUsersList!.addAll(value.response!);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
chatUsersList!.removeWhere((ChatUser element) => element.id == AppState().chatDetails!.response!.id);
|
|
|
|
|
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 loadMoreChatUsers() async {
|
|
|
|
|
try {
|
|
|
|
|
await ChatApiClient().getChatMemberFromSearch(searchText, AppState().chatDetails!.response!.id!, pageNo).then((ChatUserModel value) {
|
|
|
|
|
if (value.response != null) {
|
|
|
|
|
chatUsersList!.addAll(value.response!);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
chatUsersList!.removeWhere((ChatUser element) => element.id == AppState().chatDetails!.response!.id);
|
|
|
|
|
} catch (e) {
|
|
|
|
|
Utils.hideLoading(context);
|
|
|
|
|
Utils.handleException(e, context, null);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
void scrollListener() async {
|
|
|
|
|
if (sc.position.pixels == sc.position.maxScrollExtent) {
|
|
|
|
|
pageNo++;
|
|
|
|
|
setState(() {});
|
|
|
|
|
provider.pageNo++;
|
|
|
|
|
logger.w(provider.chatUsersList!.length);
|
|
|
|
|
logger.w(provider.pageNo);
|
|
|
|
|
fetchChatUser();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -139,6 +131,15 @@ class _SearchEmployeeBottomSheetState extends State<SearchEmployeeBottomSheet> {
|
|
|
|
|
void initState() {
|
|
|
|
|
super.initState();
|
|
|
|
|
sc.addListener(scrollListener);
|
|
|
|
|
provider = Provider.of<ChatProviderModel>(context, listen: false);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
void dispose() {
|
|
|
|
|
print("// TODO: implement dispose");
|
|
|
|
|
super.dispose();
|
|
|
|
|
provider.chatUsersList = [];
|
|
|
|
|
provider.pageNo = 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
@ -157,7 +158,7 @@ class _SearchEmployeeBottomSheetState extends State<SearchEmployeeBottomSheet> {
|
|
|
|
|
11.height,
|
|
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
radioOption("Name", 0, _selectedSearchIndex),
|
|
|
|
|
radioOption(widget.fromChat ? "UserId" : "Name", 0, _selectedSearchIndex),
|
|
|
|
|
radioOption("User Name", 1, _selectedSearchIndex),
|
|
|
|
|
radioOption("Email", 2, _selectedSearchIndex),
|
|
|
|
|
],
|
|
|
|
@ -222,8 +223,8 @@ class _SearchEmployeeBottomSheetState extends State<SearchEmployeeBottomSheet> {
|
|
|
|
|
],
|
|
|
|
|
).expanded,
|
|
|
|
|
if (widget.fromChat)
|
|
|
|
|
if (chatUsersList != null && widget.fromChat)
|
|
|
|
|
chatUsersList!.isEmpty
|
|
|
|
|
if (provider.chatUsersList != null && widget.fromChat)
|
|
|
|
|
provider.chatUsersList!.isEmpty
|
|
|
|
|
? Column(
|
|
|
|
|
children: [
|
|
|
|
|
20.height,
|
|
|
|
@ -231,56 +232,126 @@ class _SearchEmployeeBottomSheetState extends State<SearchEmployeeBottomSheet> {
|
|
|
|
|
],
|
|
|
|
|
)
|
|
|
|
|
: ListView.separated(
|
|
|
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|
|
|
|
controller: sc,
|
|
|
|
|
itemCount: provider.chatUsersList!.length,
|
|
|
|
|
shrinkWrap: true,
|
|
|
|
|
itemBuilder: (BuildContext cxt, int index) {
|
|
|
|
|
physics: const ClampingScrollPhysics(),
|
|
|
|
|
controller: sc,
|
|
|
|
|
padding: const EdgeInsets.only(bottom: 80.0, top: 20),
|
|
|
|
|
itemBuilder: (BuildContext context, int index) {
|
|
|
|
|
return SizedBox(
|
|
|
|
|
height: 55,
|
|
|
|
|
child: ListTile(
|
|
|
|
|
leading: Stack(
|
|
|
|
|
children: [
|
|
|
|
|
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: chatUsersList![index].userStatus == 1 ? MyColors.green2DColor : Colors.red,
|
|
|
|
|
borderRadius: const BorderRadius.all(
|
|
|
|
|
Radius.circular(10),
|
|
|
|
|
),
|
|
|
|
|
"assets/images/user.svg",
|
|
|
|
|
height: 48,
|
|
|
|
|
width: 48,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
title: (chatUsersList![index].userName ?? "").toText14(color: MyColors.darkTextColor),
|
|
|
|
|
minVerticalPadding: 0,
|
|
|
|
|
onTap: () {
|
|
|
|
|
Navigator.pop(context);
|
|
|
|
|
Navigator.pushNamed(
|
|
|
|
|
context,
|
|
|
|
|
AppRoutes.chatDetailed,
|
|
|
|
|
arguments: ChatDetailedScreenParams(chatUsersList![index], true),
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
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,
|
|
|
|
|
Icon(
|
|
|
|
|
provider.chatUsersList![index].isFav != null && provider.chatUsersList![index].isFav == false ? Icons.star_sharp : Icons.star_sharp,
|
|
|
|
|
color: provider.chatUsersList![index].isFav != null && provider.chatUsersList![index].isFav == true ? MyColors.yellowColor : MyColors.grey35Color,
|
|
|
|
|
).onPress(
|
|
|
|
|
() {
|
|
|
|
|
if (provider.chatUsersList![index].isFav == null || provider.chatUsersList![index].isFav == false) {
|
|
|
|
|
provider
|
|
|
|
|
.favoriteUser(
|
|
|
|
|
userID: AppState().chatDetails!.response!.id!,
|
|
|
|
|
targetUserID: provider.chatUsersList![index].id!,
|
|
|
|
|
)
|
|
|
|
|
.then((value) {
|
|
|
|
|
setState(() {});
|
|
|
|
|
});
|
|
|
|
|
} else if (provider.chatUsersList![index].isFav == true) {
|
|
|
|
|
provider
|
|
|
|
|
.unFavoriteUser(
|
|
|
|
|
userID: AppState().chatDetails!.response!.id!,
|
|
|
|
|
targetUserID: provider.chatUsersList![index].id!,
|
|
|
|
|
)
|
|
|
|
|
.then((value) {
|
|
|
|
|
setState(() {});
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
provider
|
|
|
|
|
.favoriteUser(
|
|
|
|
|
userID: AppState().chatDetails!.response!.id!,
|
|
|
|
|
targetUserID: provider.chatUsersList![index].id!,
|
|
|
|
|
)
|
|
|
|
|
.then((value) {
|
|
|
|
|
setState(() {});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
).center
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
).onPress(() {
|
|
|
|
|
Navigator.pop(context);
|
|
|
|
|
Navigator.pushNamed(
|
|
|
|
|
context,
|
|
|
|
|
AppRoutes.chatDetailed,
|
|
|
|
|
arguments: ChatDetailedScreenParams(provider.chatUsersList![index], true),
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
separatorBuilder: (BuildContext context, int index) => const Padding(
|
|
|
|
|
padding: EdgeInsets.only(right: 10, left: 70, bottom: 0, top: 0),
|
|
|
|
|
child: Divider(
|
|
|
|
|
color: Color(0xFFE5E5E5),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
itemCount: chatUsersList?.length ?? 0,
|
|
|
|
|
separatorBuilder: (BuildContext context, int index) => const Divider(color: MyColors.lightGreyE5Color).paddingOnly(left: 59),
|
|
|
|
|
).expanded,
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(left: 21, right: 21, bottom: 0, top: 21).expanded,
|
|
|
|
@ -289,6 +360,8 @@ class _SearchEmployeeBottomSheetState extends State<SearchEmployeeBottomSheet> {
|
|
|
|
|
LocaleKeys.cancel.tr(),
|
|
|
|
|
() {
|
|
|
|
|
Navigator.pop(context);
|
|
|
|
|
provider.chatUsersList = [];
|
|
|
|
|
provider.pageNo = 1;
|
|
|
|
|
},
|
|
|
|
|
textColor: MyColors.grey3AColor,
|
|
|
|
|
colors: const [
|
|
|
|
|