merge-requests/126/head
Aamir Muhammad 3 years ago
parent 3871d3f1e3
commit d096559a2f

@ -92,8 +92,7 @@ class _SearchEmployeeBottomSheetState extends State<SearchEmployeeBottomSheet> {
} }
void fetchChatUser({bool isNeedLoading = true}) async { void fetchChatUser({bool isNeedLoading = true}) async {
if (pageNo == 1) if (pageNo == 1) chatUsersList!.clear();
chatUsersList = [];
try { try {
Utils.showLoading(context); Utils.showLoading(context);
await ChatApiClient().getChatMemberFromSearch(searchText, AppState().chatDetails!.response!.id!, pageNo).then((ChatUserModel value) { await ChatApiClient().getChatMemberFromSearch(searchText, AppState().chatDetails!.response!.id!, pageNo).then((ChatUserModel value) {
@ -130,248 +129,236 @@ class _SearchEmployeeBottomSheetState extends State<SearchEmployeeBottomSheet> {
} }
void scrollListener() async { void scrollListener() async {
if (sc.position.pixels == if (sc.position.pixels == sc.position.maxScrollExtent) {
sc.position.maxScrollExtent) {
pageNo++; pageNo++;
setState(() {}); setState(() {});
} }
}
@override @override
void initState() { void initState() {
super.initState(); super.initState();
sc.addListener(scrollListener); sc.addListener(scrollListener);
} }
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return SizedBox( return SizedBox(
width: double.infinity, width: double.infinity,
height: MediaQuery height: MediaQuery.of(context).size.height - 100,
.of(context) child: Column(
.size children: [
.height - 100, Column(
child: Column( crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Column( widget.title.toText24(isBold: true),
crossAxisAlignment: CrossAxisAlignment.start, 21.height,
children: [ "Search".toText16(),
widget.title.toText24(isBold: true), 11.height,
21.height, Row(
"Search".toText16(), children: [
11.height, radioOption("Name", 0, _selectedSearchIndex),
Row( radioOption("User Name", 1, _selectedSearchIndex),
children: [ radioOption("Email", 2, _selectedSearchIndex),
radioOption("Name", 0, _selectedSearchIndex), ],
radioOption("User Name", 1, _selectedSearchIndex), ),
radioOption("Email", 2, _selectedSearchIndex), 14.height,
], Row(
), children: [
14.height, DynamicTextFieldWidget(
Row( "Search",
children: [ "Search By Username",
DynamicTextFieldWidget( inputAction: TextInputAction.done,
"Search", suffixIconData: Icons.search,
"Search By Username", onChange: (text) {
inputAction: TextInputAction.done, searchText = text;
suffixIconData: Icons.search, setState(() {});
onChange: (text) { },
searchText = text;
setState(() {});
},
).expanded,
IconButton(
constraints: const BoxConstraints(),
onPressed: () async {
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) ...[
"Favorites".toText16(),
12.height,
ListView.separated(
physics: const NeverScrollableScrollPhysics(),
shrinkWrap: true,
itemBuilder: (cxt, index) => employeeItemView(favouriteUserList![index]),
separatorBuilder: (cxt, 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: (cxt, index) => employeeItemView(nonFavouriteUserList![index]),
separatorBuilder: (cxt, index) =>
Container(
height: 1,
color: MyColors.borderE3Color,
),
itemCount: nonFavouriteUserList?.length ?? 0),
]
],
).expanded, ).expanded,
if (widget.fromChat) IconButton(
if (chatUsersList != null && widget.fromChat) constraints: const BoxConstraints(),
chatUsersList!.isEmpty onPressed: () async {
? Column( await SystemChannels.textInput.invokeMethod('TextInput.hide');
children: [ widget.fromChat ? fetchChatUser() : fetchUserByInput();
20.height, },
Utils.getNoDataWidget(context), icon: const Icon(Icons.search),
], )
) ],
: ListView ),
.separated( if (replacementList != null)
physics: const AlwaysScrollableScrollPhysics(), replacementList!.isEmpty
controller: sc, ? Utils.getNoDataWidget(context).expanded
shrinkWrap: true, : ListView(
itemBuilder: (BuildContext cxt, int index) { physics: const BouncingScrollPhysics(),
return SizedBox( padding: EdgeInsets.only(top: 21, bottom: 8),
height: 55, children: [
child: ListTile( if (favouriteUserList?.isNotEmpty ?? false) ...[
leading: Stack( "Favorites".toText16(),
children: [ 12.height,
SvgPicture.asset( ListView.separated(
"assets/images/user.svg", physics: const NeverScrollableScrollPhysics(),
height: 48, shrinkWrap: true,
width: 48, itemBuilder: (cxt, index) => employeeItemView(favouriteUserList![index]),
), separatorBuilder: (cxt, index) => Container(
Positioned( height: 1,
right: 5, color: MyColors.borderE3Color,
bottom: 1, ),
child: Container( itemCount: favouriteUserList?.length ?? 0),
width: 10, 12.height,
height: 10, ],
decoration: BoxDecoration( if (nonFavouriteUserList?.isNotEmpty ?? false) ...[
color: chatUsersList![index].userStatus == 1 ? MyColors.green2DColor : Colors.red, "Related".toText16(),
borderRadius: const BorderRadius.all( 12.height,
Radius.circular(10), ListView.separated(
), physics: const NeverScrollableScrollPhysics(),
shrinkWrap: true,
itemBuilder: (cxt, index) => employeeItemView(nonFavouriteUserList![index]),
separatorBuilder: (cxt, index) => Container(
height: 1,
color: MyColors.borderE3Color,
), ),
), itemCount: nonFavouriteUserList?.length ?? 0),
) ]
], ],
).expanded,
if (widget.fromChat)
if (chatUsersList != null && widget.fromChat)
chatUsersList!.isEmpty
? Column(
children: [
20.height,
Utils.getNoDataWidget(context),
],
)
: ListView.separated(
physics: const AlwaysScrollableScrollPhysics(),
controller: sc,
shrinkWrap: true,
itemBuilder: (BuildContext cxt, int index) {
return SizedBox(
height: 55,
child: ListTile(
leading: Stack(
children: [
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),
),
),
),
)
],
),
title: (chatUsersList![index].userName ?? "").toText14(color: MyColors.darkTextColor),
minVerticalPadding: 0,
onTap: () {
Navigator.pop(context);
Navigator.pushNamed(
context,
AppRoutes.chatDetailed,
arguments: ChatDetailedScreenParams(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),
), ),
title: (chatUsersList![index].userName ?? "").toText14(color: MyColors.darkTextColor),
minVerticalPadding: 0,
onTap: () {
Navigator.pop(context);
Navigator.pushNamed(
context,
AppRoutes.chatDetailed,
arguments: ChatDetailedScreenParams(chatUsersList![index], true),
);
},
), ),
); itemCount: chatUsersList?.length ?? 0,
}, ).expanded,
separatorBuilder: (BuildContext context, int index) => ],
const Padding( ).paddingOnly(left: 21, right: 21, bottom: 0, top: 21).expanded,
padding: EdgeInsets.only(right: 10, left: 70, bottom: 0, top: 0), Container(width: double.infinity, height: 1, color: MyColors.lightGreyEFColor),
child: Divider( DefaultButton(
color: Color(0xFFE5E5E5), LocaleKeys.cancel.tr(),
), () {
), Navigator.pop(context);
itemCount: chatUsersList?.length ?? 0, },
) textColor: MyColors.grey3AColor,
.expanded, colors: const [
], Color(0xffE6E6E6),
) Color(0xffE6E6E6),
.paddingOnly(left: 21, right: 21, bottom: 0, top: 21) ],
.expanded, ).insideContainer
Container(width: double.infinity, height: 1, color: MyColors.lightGreyEFColor), ],
DefaultButton( ),
LocaleKeys.cancel.tr(), );
() { }
Navigator.pop(context);
}, Widget employeeItemView(ReplacementList replacement) {
textColor: MyColors.grey3AColor, return InkWell(
colors: const [ onTap: () {
Color(0xffE6E6E6), Navigator.pop(context);
Color(0xffE6E6E6), widget.onSelectEmployee(replacement);
], },
).insideContainer 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 employeeItemView(ReplacementList replacement) { Widget radioOption(String title, int value, int groupValue) {
return InkWell( return Row(
onTap: () { children: [
Navigator.pop(context); Container(
widget.onSelectEmployee(replacement); width: 24,
}, height: 24,
child: SizedBox( decoration: BoxDecoration(
height: 50, color: Colors.transparent,
child: Row( border: Border.all(color: MyColors.borderColor, width: 1),
children: [ borderRadius: const BorderRadius.all(
CircularAvatar( Radius.circular(100),
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),
],
), ),
), padding: const EdgeInsets.all(4),
); child: Container(
} width: double.infinity,
height: double.infinity,
Widget radioOption(String title, int value, int groupValue) {
return Row(
children: [
Container(
width: 24,
height: 24,
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.transparent, color: value == groupValue ? MyColors.grey3AColor : Colors.transparent,
border: Border.all(color: MyColors.borderColor, width: 1),
borderRadius: const BorderRadius.all( borderRadius: const BorderRadius.all(
Radius.circular(100), 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) 9.width,
], title.toText12(color: MyColors.grey57Color)
).onPress(() { ],
_selectedSearchIndex = value; ).onPress(() {
setState(() {}); _selectedSearchIndex = value;
}).expanded; setState(() {});
} }).expanded;
} }
}

Loading…
Cancel
Save