Merge branch 'development_aamir' into 'master'
Chat Fixes & Fav See merge request Cloud_Solution/mohemm-flutter-app!55merge-requests/56/merge
haroon amjad
3 years ago
commit
f8b6dcb970
@ -1,224 +1,120 @@
|
|||||||
import 'dart:convert';
|
|
||||||
|
|
||||||
import 'package:easy_localization/easy_localization.dart';
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
import 'package:flutter/cupertino.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_svg/flutter_svg.dart';
|
|
||||||
import 'package:mohem_flutter_app/api/chat/chat_provider_model.dart';
|
import 'package:mohem_flutter_app/api/chat/chat_provider_model.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/colors.dart';
|
||||||
import 'package:mohem_flutter_app/config/routes.dart';
|
import 'package:mohem_flutter_app/config/routes.dart';
|
||||||
import 'package:mohem_flutter_app/extensions/int_extensions.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/string_extensions.dart';
|
||||||
import 'package:mohem_flutter_app/extensions/widget_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/generated/locale_keys.g.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/chat_home_screen.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/favorite_users_screen.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/screens/items_for_sale/fragments/items_for_sale.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/screens/items_for_sale/fragments/my_posted_ads_fragment.dart';
|
||||||
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
|
import 'package:mohem_flutter_app/widgets/app_bar_widget.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:provider/provider.dart';
|
||||||
import 'package:sizer/sizer.dart';
|
|
||||||
|
|
||||||
class ChatHomeScreen extends StatefulWidget {
|
class ChatHome extends StatefulWidget {
|
||||||
const ChatHomeScreen({Key? key}) : super(key: key);
|
const ChatHome({Key? key}) : super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
State<ChatHomeScreen> createState() => _ChatHomeScreenState();
|
State<ChatHome> createState() => _ChatHomeState();
|
||||||
}
|
}
|
||||||
|
|
||||||
class _ChatHomeScreenState extends State<ChatHomeScreen> {
|
class _ChatHomeState extends State<ChatHome> {
|
||||||
TextEditingController search = TextEditingController();
|
int tabIndex = 0;
|
||||||
|
PageController controller = PageController();
|
||||||
late ChatProviderModel data;
|
late ChatProviderModel data;
|
||||||
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
void initState() {
|
void initState() {
|
||||||
|
// TODO: implement initState
|
||||||
super.initState();
|
super.initState();
|
||||||
data = Provider.of<ChatProviderModel>(context, listen: false);
|
data = Provider.of<ChatProviderModel>(context, listen: false);
|
||||||
data.getUserAutoLoginToken().whenComplete(() {
|
data.getUserAutoLoginToken().then((value) {
|
||||||
data.getUserRecentChats();
|
data.getUserRecentChats();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
void dispose() {
|
void dispose() {
|
||||||
|
data.clearAll();
|
||||||
|
data.hubConnection.stop();
|
||||||
super.dispose();
|
super.dispose();
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
|
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
backgroundColor: Colors.white,
|
backgroundColor: MyColors.white,
|
||||||
appBar: AppBarWidget(context, title: LocaleKeys.mychats.tr(), showHomeButton: false),
|
appBar: AppBarWidget(
|
||||||
body: Consumer<ChatProviderModel>(builder: (BuildContext context, ChatProviderModel m, Widget? child) {
|
context,
|
||||||
return m.isLoading
|
title: LocaleKeys.chat.tr(),
|
||||||
? ChatHomeShimmer()
|
showHomeButton: true,
|
||||||
: ListView(
|
),
|
||||||
shrinkWrap: true,
|
body: Column(
|
||||||
physics: const AlwaysScrollableScrollPhysics(),
|
children: <Widget>[
|
||||||
children: [
|
Container(
|
||||||
Padding(
|
padding: const EdgeInsets.only(left: 21, right: 21, top: 16, bottom: 16),
|
||||||
padding: const EdgeInsets.symmetric(vertical: 0, horizontal: 20),
|
decoration: const BoxDecoration(
|
||||||
child: TextField(
|
borderRadius: BorderRadius.only(
|
||||||
onChanged: (String val) {
|
bottomLeft: Radius.circular(25),
|
||||||
m.filter(val);
|
bottomRight: Radius.circular(25),
|
||||||
},
|
),
|
||||||
decoration: InputDecoration(
|
gradient: LinearGradient(
|
||||||
border: InputBorder.none,
|
transform: GradientRotation(.83),
|
||||||
focusedBorder: InputBorder.none,
|
begin: Alignment.topRight,
|
||||||
enabledBorder: OutlineInputBorder(
|
end: Alignment.bottomLeft,
|
||||||
borderRadius: BorderRadius.circular(5),
|
colors: [
|
||||||
borderSide: const BorderSide(
|
MyColors.gradiantEndColor,
|
||||||
color: Color(0xFFE5E5E5),
|
MyColors.gradiantStartColor,
|
||||||
),
|
|
||||||
),
|
|
||||||
errorBorder: InputBorder.none,
|
|
||||||
disabledBorder: InputBorder.none,
|
|
||||||
contentPadding: const EdgeInsets.symmetric(horizontal: 15, vertical: 10),
|
|
||||||
hintText: "Search from chat",
|
|
||||||
hintStyle: const TextStyle(color: MyColors.lightTextColor, fontStyle: FontStyle.italic),
|
|
||||||
filled: true,
|
|
||||||
fillColor: const Color(0xFFF7F7F7),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
if (m.searchedChats != null)
|
|
||||||
ListView.separated(
|
|
||||||
itemCount: m.searchedChats!.length,
|
|
||||||
padding: const EdgeInsets.only(top: 20),
|
|
||||||
shrinkWrap: true,
|
|
||||||
physics: const NeverScrollableScrollPhysics(),
|
|
||||||
itemBuilder: (BuildContext context, 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: m.searchedChats![index].userStatus == 1 ? MyColors.green2DColor : Colors.red,
|
|
||||||
borderRadius: const BorderRadius.all(
|
|
||||||
Radius.circular(10),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
title: (m.searchedChats![index].userName ?? "").toText14(color: MyColors.darkTextColor),
|
|
||||||
// subtitle: (m.searchedChats![index].isTyping == true ? "Typing ..." : "").toText11(color: MyColors.normalTextColor),
|
|
||||||
trailing: SizedBox(
|
|
||||||
width: 60,
|
|
||||||
child: Row(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.center,
|
|
||||||
mainAxisAlignment: MainAxisAlignment.end,
|
|
||||||
mainAxisSize: MainAxisSize.max,
|
|
||||||
children: <Widget>[
|
|
||||||
if (m.searchedChats![index].unreadMessageCount! > 0)
|
|
||||||
Flexible(
|
|
||||||
child: Container(
|
|
||||||
padding: EdgeInsets.zero,
|
|
||||||
alignment: Alignment.centerRight,
|
|
||||||
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,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Flexible(
|
|
||||||
child: IconButton(
|
|
||||||
alignment: Alignment.centerRight,
|
|
||||||
padding: EdgeInsets.zero,
|
|
||||||
icon: Icon(m.searchedChats![index].isFav! ? Icons.star : Icons.star_border),
|
|
||||||
color: m.searchedChats![index].isFav! ? MyColors.yellowColor : MyColors.grey35Color,
|
|
||||||
onPressed: () {
|
|
||||||
if (m.searchedChats![index].isFav!) m.unFavoriteUser(userID: AppState().chatDetails!.response!.id!, targetUserID: m.searchedChats![index].id!);
|
|
||||||
if (!m.searchedChats![index].isFav!) m.favoriteUser(userID: AppState().chatDetails!.response!.id!, targetUserID: m.searchedChats![index].id!);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
minVerticalPadding: 0,
|
|
||||||
onTap: () {
|
|
||||||
Navigator.pushNamed(
|
|
||||||
context,
|
|
||||||
AppRoutes.chatDetailed,
|
|
||||||
arguments: {"targetUser": m.searchedChats![index]},
|
|
||||||
).then((value) {
|
|
||||||
m.clearSelections();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
onLongPress: () {},
|
|
||||||
),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
separatorBuilder: (BuildContext context, int index) => const Padding(
|
|
||||||
padding: EdgeInsets.only(right: 10, left: 70),
|
|
||||||
child: Divider(
|
|
||||||
color: Color(0xFFE5E5E5),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
],
|
||||||
);
|
),
|
||||||
}),
|
|
||||||
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: Row(
|
||||||
child: const Icon(
|
children: [myTab(LocaleKeys.mychats.tr(), 0), myTab(LocaleKeys.favorite.tr(), 1)],
|
||||||
Icons.add,
|
|
||||||
size: 30,
|
|
||||||
color: MyColors.white,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
onPressed: () async {
|
|
||||||
showMyBottomSheet(
|
|
||||||
context,
|
|
||||||
callBackFunc: () {},
|
|
||||||
child: SearchEmployeeBottomSheet(
|
|
||||||
title: LocaleKeys.searchForEmployee.tr(),
|
|
||||||
apiMode: LocaleKeys.delegate.tr(),
|
|
||||||
fromChat: true,
|
|
||||||
onSelectEmployee: (_selectedEmployee) {
|
|
||||||
setState(() {});
|
|
||||||
},
|
|
||||||
),
|
),
|
||||||
);
|
),
|
||||||
},
|
PageView(
|
||||||
|
controller: controller,
|
||||||
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
|
onPageChanged: (int pageIndex) {
|
||||||
|
setState(() {
|
||||||
|
tabIndex = pageIndex;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
children: <Widget>[ChatHomeScreen(), ChatFavoriteUsersScreen()],
|
||||||
|
).expanded,
|
||||||
|
],
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Widget myTab(String title, int index) {
|
||||||
|
bool isSelected = (index == tabIndex);
|
||||||
|
return Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
title.toText12(color: isSelected ? MyColors.white : MyColors.white.withOpacity(.74), isCenter: true),
|
||||||
|
4.height,
|
||||||
|
Container(
|
||||||
|
height: 8,
|
||||||
|
width: 8,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
color: isSelected ? MyColors.white : Colors.transparent,
|
||||||
|
),
|
||||||
|
).onPress(() {
|
||||||
|
setState(() {
|
||||||
|
// showFabOptions = true;
|
||||||
|
});
|
||||||
|
})
|
||||||
|
],
|
||||||
|
).onPress(() {
|
||||||
|
controller.jumpToPage(index);
|
||||||
|
}).expanded;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -0,0 +1,222 @@
|
|||||||
|
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/api/chat/chat_provider_model.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/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();
|
||||||
|
|
||||||
|
@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()
|
||||||
|
: ListView(
|
||||||
|
shrinkWrap: true,
|
||||||
|
physics: const AlwaysScrollableScrollPhysics(),
|
||||||
|
children: <Widget>[
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 20),
|
||||||
|
child: TextField(
|
||||||
|
controller: m.search,
|
||||||
|
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.symmetric(horizontal: 15, vertical: 10),
|
||||||
|
hintText: LocaleKeys.searchfromchat.tr(),
|
||||||
|
hintStyle: const TextStyle(color: MyColors.lightTextColor, fontStyle: FontStyle.italic),
|
||||||
|
filled: true,
|
||||||
|
fillColor: const Color(0xFFF7F7F7),
|
||||||
|
suffixIcon: m.search.text.isNotEmpty
|
||||||
|
? IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
m.clearSelections();
|
||||||
|
},
|
||||||
|
icon: const Icon(
|
||||||
|
Icons.clear,
|
||||||
|
size: 22,
|
||||||
|
),
|
||||||
|
color: MyColors.redA3Color,
|
||||||
|
)
|
||||||
|
: null,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (m.searchedChats != null)
|
||||||
|
ListView.separated(
|
||||||
|
itemCount: m.searchedChats!.length,
|
||||||
|
padding: const EdgeInsets.only(bottom: 80),
|
||||||
|
shrinkWrap: true,
|
||||||
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
|
itemBuilder: (BuildContext context, int index) {
|
||||||
|
return SizedBox(
|
||||||
|
height: 55,
|
||||||
|
child: ListTile(
|
||||||
|
leading: 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),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
title: (m.searchedChats![index].userName!.replaceFirst(".", " ").capitalizeFirstofEach ?? "").toText14(color: MyColors.darkTextColor),
|
||||||
|
// subtitle: (m.searchedChats![index].isTyping == true ? "Typing ..." : "").toText11(color: MyColors.normalTextColor),
|
||||||
|
trailing: SizedBox(
|
||||||
|
width: 60,
|
||||||
|
child: Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
mainAxisSize: MainAxisSize.max,
|
||||||
|
children: <Widget>[
|
||||||
|
if (m.searchedChats![index].unreadMessageCount! > 0)
|
||||||
|
Flexible(
|
||||||
|
child: Container(
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
alignment: Alignment.centerRight,
|
||||||
|
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,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Flexible(
|
||||||
|
child: IconButton(
|
||||||
|
alignment: Alignment.centerRight,
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
icon: Icon(m.searchedChats![index].isFav! ? Icons.star_sharp : Icons.star_border),
|
||||||
|
color: m.searchedChats![index].isFav! ? MyColors.yellowColor : MyColors.grey35Color,
|
||||||
|
onPressed: () {
|
||||||
|
if (m.searchedChats![index].isFav!) m.unFavoriteUser(userID: AppState().chatDetails!.response!.id!, targetUserID: m.searchedChats![index].id!);
|
||||||
|
if (!m.searchedChats![index].isFav!) m.favoriteUser(userID: AppState().chatDetails!.response!.id!, targetUserID: m.searchedChats![index].id!);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
minVerticalPadding: 0,
|
||||||
|
onTap: () {
|
||||||
|
Navigator.pushNamed(
|
||||||
|
context,
|
||||||
|
AppRoutes.chatDetailed,
|
||||||
|
arguments: {"targetUser": m.searchedChats![index], "isNewChat": false},
|
||||||
|
).then((Object? value) {
|
||||||
|
m.clearSelections();
|
||||||
|
m.notifyListeners();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
separatorBuilder: (BuildContext context, int index) => const Padding(
|
||||||
|
padding: EdgeInsets.only(right: 10, left: 70),
|
||||||
|
child: Divider(
|
||||||
|
color: Color(0xFFE5E5E5),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
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: 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),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,103 @@
|
|||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
|
import 'package:mohem_flutter_app/api/chat/chat_provider_model.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/widgets/shimmer/dashboard_shimmer_widget.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
|
||||||
|
class ChatFavoriteUsersScreen extends StatelessWidget {
|
||||||
|
const ChatFavoriteUsersScreen({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: MyColors.white,
|
||||||
|
body: Consumer<ChatProviderModel>(
|
||||||
|
builder: (BuildContext context, ChatProviderModel m, Widget? child) {
|
||||||
|
if (m.isLoading) {
|
||||||
|
return ChatHomeShimmer();
|
||||||
|
} else {
|
||||||
|
return m.favUsersList != null && m.favUsersList.isNotEmpty
|
||||||
|
? ListView.separated(
|
||||||
|
itemCount: m.favUsersList!.length,
|
||||||
|
padding: const EdgeInsets.only(top: 20),
|
||||||
|
shrinkWrap: true,
|
||||||
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
|
itemBuilder: (BuildContext context, 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: m.favUsersList![index].userStatus == 1 ? MyColors.green2DColor : Colors.red,
|
||||||
|
borderRadius: const BorderRadius.all(
|
||||||
|
Radius.circular(10),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
title: (m.favUsersList![index].userName!.replaceFirst(".", " ").capitalizeFirstofEach ?? "").toText14(color: MyColors.darkTextColor),
|
||||||
|
trailing: IconButton(
|
||||||
|
alignment: Alignment.centerRight,
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
icon: Icon(m.favUsersList![index].isFav! ? Icons.star : Icons.star_border),
|
||||||
|
color: m.favUsersList![index].isFav! ? MyColors.yellowColor : MyColors.grey35Color,
|
||||||
|
onPressed: () {
|
||||||
|
if (m.favUsersList![index].isFav!) m.unFavoriteUser(userID: AppState().chatDetails!.response!.id!, targetUserID: m.favUsersList![index].id!);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
minVerticalPadding: 0,
|
||||||
|
onTap: () {
|
||||||
|
Navigator.pushNamed(
|
||||||
|
context,
|
||||||
|
AppRoutes.chatDetailed,
|
||||||
|
arguments: {"targetUser": m.favUsersList![index], "isNewChat": false},
|
||||||
|
).then(
|
||||||
|
(Object? value) {
|
||||||
|
m.clearSelections();
|
||||||
|
},
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
separatorBuilder: (BuildContext context, int index) => const Padding(
|
||||||
|
padding: EdgeInsets.only(right: 10, left: 70),
|
||||||
|
child: Divider(
|
||||||
|
color: Color(
|
||||||
|
0xFFE5E5E5,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Utils.getNoDataWidget(context).expanded,
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue