my team issues fixed

merge-requests/1/merge
Sikander Saleem 3 years ago
parent f3855c3883
commit cfe0460ea5

@ -387,6 +387,10 @@
"itemPrice": "سعر السلعة", "itemPrice": "سعر السلعة",
"itemPhotos": "صور البند", "itemPhotos": "صور البند",
"itemInfo": "معلومات العنصر", "itemInfo": "معلومات العنصر",
"uploadAttachment": "تحميل المرفق",
"selectFromGalleryOrOpenCamera": "اختر من المعرض أو فتح الكاميرا",
"openCamera": "فتح\nآلة تصوير",
"uploadFromGallery": "تحميل من\nصالة عرض",
"profile": { "profile": {
"reset_password": { "reset_password": {
"label": "Reset Password", "label": "Reset Password",

@ -387,6 +387,10 @@
"itemPrice": "Item Price", "itemPrice": "Item Price",
"itemPhotos": "Item Photos", "itemPhotos": "Item Photos",
"itemInfo": "Item Info", "itemInfo": "Item Info",
"uploadAttachment": "Upload Attachment",
"selectFromGalleryOrOpenCamera": "Select from gallery or open camera",
"openCamera": "Open\nCamera",
"uploadFromGallery": "Upload from\nGallery",
"profile": { "profile": {
"reset_password": { "reset_password": {
"label": "Reset Password", "label": "Reset Password",

@ -1,11 +1,9 @@
import 'dart:collection';
import 'dart:ui'; import 'dart:ui';
import 'package:easy_localization/easy_localization.dart'; import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_html/html_parser.dart';
import 'package:flutter_svg/flutter_svg.dart'; import 'package:flutter_svg/flutter_svg.dart';
import 'package:mohem_flutter_app/api/my_team/my_team_api_client.dart'; import 'package:mohem_flutter_app/api/my_team/my_team_api_client.dart';
import 'package:mohem_flutter_app/api/worklist/worklist_api_client.dart';
import 'package:mohem_flutter_app/classes/colors.dart'; import 'package:mohem_flutter_app/classes/colors.dart';
import 'package:mohem_flutter_app/classes/utils.dart'; import 'package:mohem_flutter_app/classes/utils.dart';
import 'package:mohem_flutter_app/config/routes.dart'; import 'package:mohem_flutter_app/config/routes.dart';
@ -19,7 +17,6 @@ import 'package:mohem_flutter_app/models/my_team/get_employee_subordinates_list.
import 'package:mohem_flutter_app/models/profile_menu.model.dart'; import 'package:mohem_flutter_app/models/profile_menu.model.dart';
import 'package:mohem_flutter_app/models/worklist/get_favorite_replacements_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/models/worklist/replacement_list_model.dart';
import 'package:mohem_flutter_app/provider/dashboard_provider_model.dart';
import 'package:mohem_flutter_app/widgets/circular_avatar.dart'; import 'package:mohem_flutter_app/widgets/circular_avatar.dart';
import 'package:url_launcher/url_launcher.dart'; import 'package:url_launcher/url_launcher.dart';
@ -28,13 +25,12 @@ class EmployeeDetails extends StatefulWidget {
@override @override
_EmployeeDetailsState createState() => _EmployeeDetailsState(); _EmployeeDetailsState createState() => _EmployeeDetailsState();
} }
class _EmployeeDetailsState extends State<EmployeeDetails> { class _EmployeeDetailsState extends State<EmployeeDetails> {
GetEmployeeSubordinatesList? getEmployeeSubordinates; GetEmployeeSubordinatesList? getEmployeeSubordinates;
static List<GetMenuEntriesList> menuData = []; static List<GetMenuEntriesList> menuData = [];
List<ProfileMenu> menu =[]; List<ProfileMenu> menu = [];
String? selectedFavLetter; String? selectedFavLetter;
List<String>? favLetters; List<String>? favLetters;
List<GetFavoriteReplacements>? favUsersList; List<GetFavoriteReplacements>? favUsersList;
@ -62,15 +58,13 @@ class _EmployeeDetailsState extends State<EmployeeDetails> {
setState(() {}); setState(() {});
} }
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
if(getEmployeeSubordinates == null) { if (getEmployeeSubordinates == null) {
getEmployeeSubordinates = ModalRoute.of(context)?.settings.arguments as GetEmployeeSubordinatesList; getEmployeeSubordinates = ModalRoute.of(context)?.settings.arguments as GetEmployeeSubordinatesList;
setMenu(); setMenu();
} }
return Scaffold( return Scaffold(
extendBody: true, extendBody: true,
backgroundColor: MyColors.lightGreyEFColor, backgroundColor: MyColors.lightGreyEFColor,
@ -118,108 +112,107 @@ class _EmployeeDetailsState extends State<EmployeeDetails> {
Widget myTeamInfo() { Widget myTeamInfo() {
Uri phoneNumber = Uri.parse('tel:${getEmployeeSubordinates?.eMPLOYEEMOBILENUMBER}'); Uri phoneNumber = Uri.parse('tel:${getEmployeeSubordinates?.eMPLOYEEMOBILENUMBER}');
double _width = MediaQuery double _width = MediaQuery.of(context).size.width;
.of(context)
.size
.width;
return Column( return Column(
children: [ children: [
Stack(children: [ Stack(children: [
Container( Container(
margin: EdgeInsets.fromLTRB(21, 40, 21, 0), margin: EdgeInsets.fromLTRB(21, 40, 21, 0),
child: Column( child: Column(
children: [ children: [
Row( Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
IconButton( IconButton(
onPressed: (){ padding: EdgeInsets.zero,
if(getEmployeeSubordinates!.isFavorite != true){ constraints: const BoxConstraints(),
onPressed: () {
if (getEmployeeSubordinates!.isFavorite != true) {
showFavoriteAlertDialog(context); showFavoriteAlertDialog(context);
setState(() {}); setState(() {});
}else{ } else {
fetchChangeFav( fetchChangeFav(
email: getEmployeeSubordinates?.eMPLOYEEEMAILADDRESS ?? "", email: getEmployeeSubordinates?.eMPLOYEEEMAILADDRESS ?? "",
employeName: getEmployeeSubordinates!.eMPLOYEENAME ?? "", employeName: getEmployeeSubordinates!.eMPLOYEENAME ?? "",
image: getEmployeeSubordinates!.eMPLOYEEIMAGE ?? "", image: getEmployeeSubordinates!.eMPLOYEEIMAGE ?? "",
userName: getEmployeeSubordinates!.eMPLOYEENUMBER ?? "", userName: getEmployeeSubordinates!.eMPLOYEENUMBER ?? "",
isFav: false,); isFav: false,
);
setState(() {}); setState(() {});
} }, }
icon: getEmployeeSubordinates!.isFavorite != true },
? Icon( icon: Icon(
Icons.star_outline, getEmployeeSubordinates!.isFavorite != true ? Icons.star_outline : Icons.star_outlined,
size: 35,
color: MyColors.green9CColor,
)
: Icon(
Icons.star_outlined,
size: 35, size: 35,
color: MyColors.green9CColor, color: MyColors.green9CColor,
), ),
), ),
getEmployeeSubordinates?.eMPLOYEEMOBILENUMBER == "" getEmployeeSubordinates?.eMPLOYEEMOBILENUMBER == ""
? SvgPicture.asset("assets/images/call-disable.svg", height: 25, width: 25,).paddingOnly(left:6, right: 17) ? SvgPicture.asset(
: InkWell( "assets/images/call-disable.svg",
onTap:() { height: 25,
launchUrl(phoneNumber); width: 25,
}, )
child: SvgPicture.asset("assets/images/call.svg", height: 25, width: 25,).paddingOnly(left:6, right: 17), : InkWell(
), onTap: () {
launchUrl(phoneNumber);
},
child: SvgPicture.asset(
"assets/images/call.svg",
height: 25,
width: 25,
),
),
], ],
), ),
getEmployeeSubordinates!.eMPLOYEENAME!.toText21(maxlines: 2), getEmployeeSubordinates!.eMPLOYEENAME!.toText21(maxlines: 2),
("${getEmployeeSubordinates!.eMPLOYEENUMBER!} | ${getEmployeeSubordinates!.jOBNAME!}").toText13(color: MyColors.grey80Color), ("${getEmployeeSubordinates!.eMPLOYEENUMBER!} | ${getEmployeeSubordinates!.jOBNAME!}").toText13(color: MyColors.grey80Color),
getEmployeeSubordinates!.eMPLOYEEEMAILADDRESS!.toText13(), getEmployeeSubordinates!.eMPLOYEEEMAILADDRESS!.toText13(),
], ],
).objectContainerView(), ).paddingOnly(top: 16, bottom: 12, right: 14, left: 14).objectContainerView(radius: 10, disablePadding: true),
),
Container(
height: 68, alignment: Alignment.center, child: ProfileImage()).paddingOnly(top: 10),
]),
12.height,
Container(
margin: EdgeInsets.fromLTRB(21, 0, 21, 0),
child: Column(
children: menu.map((ProfileMenu i) => rowItem(i, context)).toList(),
).objectContainerView(),
), ),
// ), Container(height: 68, alignment: Alignment.center, child: ProfileImage()).paddingOnly(top: 10),
]),
12.height,
ListView.separated(
padding: EdgeInsets.only(bottom: 21),
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
itemBuilder: (cxt, index) => Row(
children: [
SvgPicture.asset('assets/images/' + menu[index].icon, width: 20, height: 20),
16.width,
menu[index].name.toText16().expanded,
16.width,
const Icon(Icons.arrow_forward, color: MyColors.darkIconColor)
],
).onPress(() {
Navigator.pushNamed(context, menu[index].route, arguments: menu[index].arguments);
}).paddingOnly(left: 21, right: 21, top: 21),
separatorBuilder: (cxt, index) => 12.height,
itemCount: menu.length)
.objectContainerView(disablePadding: true, radius: 10)
.paddingOnly(left: 21, right: 21),
], ],
); );
} }
Widget ProfileImage() => Widget ProfileImage() => getEmployeeSubordinates?.eMPLOYEEIMAGE == null
getEmployeeSubordinates?.eMPLOYEEIMAGE == null ? SvgPicture.asset(
? SvgPicture.asset("assets/images/user.svg",height: 68, width: 68, ) "assets/images/user.svg",
height: 68,
width: 68,
)
: CircleAvatar( : CircleAvatar(
radius: 70, radius: 68,
backgroundImage: MemoryImage(Utils.getPostBytes(getEmployeeSubordinates?.eMPLOYEEIMAGE)), backgroundImage: MemoryImage(Utils.getPostBytes(getEmployeeSubordinates?.eMPLOYEEIMAGE)),
backgroundColor: Colors.black, backgroundColor: Colors.black,
); );
Widget rowItem(obj, context) {
return InkWell(
onTap: () {
Navigator.pushNamed(context, obj.route, arguments:obj.arguments);
}, void setMenu() {
child: ListTile(
leading: SvgPicture.asset('assets/images/' + obj.icon),
title: Text(obj.name,
style: TextStyle(color: MyColors.grey3AColor,
fontSize: 16)),
trailing: Icon(Icons.arrow_forward,
color: MyColors.grey3AColor,),
),
);
}
void setMenu(){
menu = [ menu = [
ProfileMenu(name: LocaleKeys.profileDetails.tr(), icon: "profile_details.svg", route: AppRoutes.profileDetails, arguments:getEmployeeSubordinates), ProfileMenu(name: LocaleKeys.profileDetails.tr(), icon: "profile_details.svg", route: AppRoutes.profileDetails, arguments: getEmployeeSubordinates),
ProfileMenu(name: LocaleKeys.createRequest.tr(), icon: "create_request.svg", route: AppRoutes.createRequest,arguments: getEmployeeSubordinates), ProfileMenu(name: LocaleKeys.createRequest.tr(), icon: "create_request.svg", route: AppRoutes.createRequest, arguments: getEmployeeSubordinates),
ProfileMenu(name: LocaleKeys.viewAttendance.tr(), icon: "view_attendance.svg", route: AppRoutes.viewAttendance, arguments: getEmployeeSubordinates), ProfileMenu(name: LocaleKeys.viewAttendance.tr(), icon: "view_attendance.svg", route: AppRoutes.viewAttendance, arguments: getEmployeeSubordinates),
ProfileMenu(name: LocaleKeys.teamMembers.tr(), icon: "team.svg", route: AppRoutes.teamMembers, arguments: getEmployeeSubordinates), ProfileMenu(name: LocaleKeys.teamMembers.tr(), icon: "team.svg", route: AppRoutes.teamMembers, arguments: getEmployeeSubordinates),
]; ];
@ -239,15 +232,15 @@ class _EmployeeDetailsState extends State<EmployeeDetails> {
LocaleKeys.ok.tr(), LocaleKeys.ok.tr(),
), ),
onPressed: () { onPressed: () {
fetchChangeFav( fetchChangeFav(
email: getEmployeeSubordinates?.eMPLOYEEEMAILADDRESS ?? "", email: getEmployeeSubordinates?.eMPLOYEEEMAILADDRESS ?? "",
employeName: getEmployeeSubordinates!.eMPLOYEENAME ?? "", employeName: getEmployeeSubordinates!.eMPLOYEENAME ?? "",
image: getEmployeeSubordinates!.eMPLOYEEIMAGE ?? "", image: getEmployeeSubordinates!.eMPLOYEEIMAGE ?? "",
userName: getEmployeeSubordinates!.eMPLOYEENUMBER ?? "", userName: getEmployeeSubordinates!.eMPLOYEENUMBER ?? "",
isFav: true, isFav: true,
); );
setState(() {}); setState(() {});
Navigator.pop(context); Navigator.pop(context);
}, },
); );
AlertDialog alert = AlertDialog( AlertDialog alert = AlertDialog(
@ -265,7 +258,7 @@ class _EmployeeDetailsState extends State<EmployeeDetails> {
width: 50, width: 50,
isImageBase64: true, isImageBase64: true,
).paddingOnly(top: 21), ).paddingOnly(top: 21),
// 16.width, // 16.width,
], ],
), ),
), ),
@ -283,15 +276,11 @@ class _EmployeeDetailsState extends State<EmployeeDetails> {
} }
} }
GetMenuEntriesList getMenuEntries(String type) { GetMenuEntriesList getMenuEntries(String type) {
List<GetMenuEntriesList> data = _EmployeeDetailsState.menuData.where((GetMenuEntriesList test) => test.functionName == type).toList(); List<GetMenuEntriesList> data = _EmployeeDetailsState.menuData.where((GetMenuEntriesList test) => test.functionName == type).toList();
if (data.isNotEmpty) { if (data.isNotEmpty) {
return data[0]; return data[0];
} else { } else {
return GetMenuEntriesList(); return GetMenuEntriesList();
} }
} }

@ -29,10 +29,13 @@ class _MyTeamState extends State<MyTeam> {
TextEditingController? _textEditingController = TextEditingController(); TextEditingController? _textEditingController = TextEditingController();
List<GetEmployeeSubordinatesList> getEmployeeSListOnSearch = []; List<GetEmployeeSubordinatesList> getEmployeeSListOnSearch = [];
String dropdownValue = 'Name'; String dropdownValue = '';
int index = 0;
void initState() { void initState() {
super.initState(); super.initState();
dropdownValue = list[index];
getEmployeeSubordinates(); getEmployeeSubordinates();
} }
@ -52,155 +55,153 @@ class _MyTeamState extends State<MyTeam> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
appBar: AppBarWidget( appBar: AppBarWidget(
context, context,
title: LocaleKeys.myTeamMembers.tr(), title: LocaleKeys.myTeamMembers.tr(),
showMemberButton: true, showMemberButton: true,
), ),
backgroundColor: MyColors.backgroundColor, backgroundColor: MyColors.backgroundColor,
body: SingleChildScrollView( body: ListView(
child: Column( padding: const EdgeInsets.all(21),
children: [
Row(
children: [ children: [
Container( TextField(
margin: EdgeInsets.only(left: 21, right: 21, top: 20, bottom: 6), onChanged: dropdownValue == "Name"
padding: EdgeInsets.only(left: 14, right: 14, top: 21, bottom: 21), ? (String value) {
decoration: BoxDecoration( getEmployeeSListOnSearch =
borderRadius: BorderRadius.circular(15), getEmployeeSubordinatesList.where((GetEmployeeSubordinatesList element) => element.eMPLOYEENAME!.toLowerCase().contains(value.toLowerCase())).toList();
color: Color(0xffFFFFFF), setState(() {});
border: Border.all( }
color: Color(0xffefefef), : (String value) {
width: 1, getEmployeeSListOnSearch =
), getEmployeeSubordinatesList.where((GetEmployeeSubordinatesList element) => element.eMPLOYEEEMAILADDRESS!.toLowerCase().contains(value.toLowerCase())).toList();
), setState(() {});
child: Row( },
children: [ style: const TextStyle(
Expanded( fontSize: 14.0,
child: TextField( color: MyColors.grey3AColor,
onChanged: dropdownValue == "Name" fontWeight: FontWeight.w600,
? (String value) { letterSpacing: -0.56,
getEmployeeSListOnSearch =
getEmployeeSubordinatesList.where((GetEmployeeSubordinatesList element) => element.eMPLOYEENAME!.toLowerCase().contains(value.toLowerCase())).toList();
setState(() {});
}
: (String value) {
getEmployeeSListOnSearch =
getEmployeeSubordinatesList.where((GetEmployeeSubordinatesList element) => element.eMPLOYEEEMAILADDRESS!.toLowerCase().contains(value.toLowerCase())).toList();
setState(() {});
},
controller: _textEditingController,
decoration: InputDecoration(
filled: true,
fillColor: Colors.white,
border: InputBorder.none,
enabledBorder: InputBorder.none,
focusedBorder: InputBorder.none,
// contentPadding: EdgeInsets.fromLTRB(10, 15, 10, 15),
hintText: LocaleKeys.searchBy.tr() + " $dropdownValue",
hintStyle: TextStyle(fontSize: 14.0, color: MyColors.grey3AColor),
),
)),
Container(
height: 36,
width: 1,
color: Color(0xffC4C4C4),
),
10.width,
dropDown(),
],
), ),
), controller: _textEditingController,
Container( decoration: InputDecoration(
margin: EdgeInsets.only(left: 21, right: 21), filled: true,
width: MediaQuery.of(context).size.width, isDense: true,
child: SingleChildScrollView( fillColor: Colors.white,
scrollDirection: Axis.vertical, border: InputBorder.none,
child: Column( enabledBorder: InputBorder.none,
children: <Widget>[ focusedBorder: InputBorder.none,
_textEditingController!.text.isNotEmpty && getEmployeeSListOnSearch.isEmpty contentPadding: EdgeInsets.zero,
? Utils.getNoDataWidget(context) //contentPadding: EdgeInsets.fromLTRB(14, 15, 10, 15),
: ListView.separated( hintText: LocaleKeys.searchBy.tr() + " $dropdownValue",
scrollDirection: Axis.vertical, hintStyle: const TextStyle(
shrinkWrap: true, fontSize: 14.0,
physics: ScrollPhysics(), color: MyColors.grey3AColor,
separatorBuilder: (cxt, index) => 12.height, fontWeight: FontWeight.w600,
itemCount: _textEditingController!.text.isNotEmpty ? getEmployeeSListOnSearch.length : getEmployeeSubordinatesList.length, letterSpacing: -0.56,
itemBuilder: (context, index) {
var phoneNumber = Uri.parse('tel:${getEmployeeSListOnSearch[index].eMPLOYEEMOBILENUMBER}');
return InkWell(
onTap: () async {
Navigator.pushNamed(context, AppRoutes.employeeDetails, arguments: getEmployeeSListOnSearch[index]);
},
child: Row(
//mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
getEmployeeSListOnSearch[index].eMPLOYEEIMAGE == null
? SvgPicture.asset("assets/images/user.svg",height: 34, width: 34, ).paddingOnly(top: 4)
: Container(
height: 34,
width: 34,
child: CircleAvatar(
radius: 25,
backgroundImage: MemoryImage(Utils.getPostBytes(getEmployeeSListOnSearch[index].eMPLOYEEIMAGE)),
backgroundColor: Colors.black,
).paddingOnly(top: 4),
),
9.width,
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// "Present".toText13(color: MyColors.greenColor),
"${getEmployeeSListOnSearch[index].eMPLOYEENAME}".toText16(color: MyColors.grey3AColor),
"${getEmployeeSListOnSearch[index].pOSITIONNAME}".toText10(color: MyColors.grey57Color),
],
).expanded,
Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
getEmployeeSListOnSearch[index].eMPLOYEEMOBILENUMBER == ""
? SvgPicture.asset("assets/images/call-disable.svg", width: 22, height: 22).paddingOnly(bottom: 23)
: InkWell(
onTap: () {
launchUrl(phoneNumber);
},
child: SvgPicture.asset("assets/images/call.svg", width: 22, height: 22).paddingOnly(bottom: 23),
),
// 21.height,
Icon(Icons.arrow_forward_outlined, color: MyColors.grey3AColor),
],
).expanded,
],
).objectContainerView(),
);
})
],
), ),
), ),
) ).paddingOnly(top: 21, bottom: 21).expanded,
Container(height: 15, width: 1, color: const Color(0xffC4C4C4)),
10.width,
dropDown(),
], ],
), ).paddingOnly(left: 14, right: 14).objectContainerBorderView(disablePadding: true, color: Colors.white, radius: 10),
)); _textEditingController!.text.isNotEmpty && getEmployeeSListOnSearch.isEmpty
? Utils.getNoDataWidget(context).paddingOnly(top: 120)
: ListView.separated(
//scrollDirection: Axis.vertical,
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
padding: const EdgeInsets.only(top: 12),
separatorBuilder: (cxt, index) => 12.height,
itemCount: _textEditingController!.text.isNotEmpty ? getEmployeeSListOnSearch.length : getEmployeeSubordinatesList.length,
itemBuilder: (context, index) {
var phoneNumber = Uri.parse('tel:${getEmployeeSListOnSearch[index].eMPLOYEEMOBILENUMBER}');
return InkWell(
onTap: () async {
Navigator.pushNamed(context, AppRoutes.employeeDetails, arguments: getEmployeeSListOnSearch[index]);
},
child: Row(
//mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
getEmployeeSListOnSearch[index].eMPLOYEEIMAGE == null
? SvgPicture.asset(
"assets/images/user.svg",
height: 34,
width: 34,
).paddingOnly(top: 4)
: Container(
height: 34,
width: 34,
child: CircleAvatar(
radius: 25,
backgroundImage: MemoryImage(Utils.getPostBytes(getEmployeeSListOnSearch[index].eMPLOYEEIMAGE)),
backgroundColor: Colors.black,
).paddingOnly(top: 4),
),
9.width,
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// "Present".toText13(color: MyColors.greenColor),
"${getEmployeeSListOnSearch[index].eMPLOYEENAME}".toText16(color: MyColors.grey3AColor),
"${getEmployeeSListOnSearch[index].pOSITIONNAME}".toText10(color: MyColors.grey57Color),
],
).expanded,
Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
getEmployeeSListOnSearch[index].eMPLOYEEMOBILENUMBER == ""
? SvgPicture.asset("assets/images/call-disable.svg", width: 22, height: 22)
: InkWell(
onTap: () {
launchUrl(phoneNumber);
},
child: SvgPicture.asset("assets/images/call.svg", width: 22, height: 22)),
8.height,
const Icon(
Icons.arrow_forward_outlined,
color: MyColors.grey3AColor,
size: 18,
),
],
),
],
).paddingOnly(top: 13, bottom: 13, right: 12, left: 14).objectContainerView(radius: 10, disablePadding: true),
);
})
],
),
);
} }
// todo @fatima add translation for below list
List<String> list = ["Name", "Email"];
Widget dropDown() { Widget dropDown() {
return return PopupMenuButton(
DropdownButton<String>( itemBuilder: (_) => <PopupMenuItem<int>>[
value: dropdownValue, for (int i = 0; i < list.length; i++) PopupMenuItem<int>(value: i, child: Text(list[i])),
icon: const Icon(Icons.keyboard_arrow_down, ],
color: MyColors.grey35Color).paddingOnly(left: 4), onSelected: (int popupIndex) {
elevation: 16, index = popupIndex;
onChanged: (String? newValue) { dropdownValue = list[popupIndex];
setState(() { setState(() {});
dropdownValue = newValue!; },
}); child: Row(
}, children: [
items: <String>['Name', 'Email'].map<DropdownMenuItem<String>>((String value) { dropdownValue.toText14(),
return DropdownMenuItem<String>( 10.width,
value: value, const Icon(
child: Text(value), Icons.keyboard_arrow_down_rounded,
); color: Color(0xff535353),
}).toList(), )
style: TextStyle(fontSize: 14.0, color: MyColors.grey57Color), ],
); ),
);
} }
} }

@ -59,134 +59,105 @@ class _FamilyMembersState extends State<FamilyMembers> {
backgroundColor: MyColors.backgroundColor, backgroundColor: MyColors.backgroundColor,
body: Column( body: Column(
children: [ children: [
20.height,
Expanded( Expanded(
child: getEmployeeContactsList.length != 0 child: getEmployeeContactsList.length != 0
? SingleChildScrollView( ? ListView.separated(
padding: const EdgeInsets.all(21), padding: const EdgeInsets.all(21),
scrollDirection: Axis.vertical, separatorBuilder: (cxt, index) => 12.height,
child: ListView.separated( itemCount: getEmployeeContactsList.length,
scrollDirection: Axis.vertical, itemBuilder: (context, index) {
shrinkWrap: true, return Column(
physics: ScrollPhysics(), crossAxisAlignment: CrossAxisAlignment.start,
separatorBuilder: (cxt, index) => 12.height, children: [
itemCount: getEmployeeContactsList.length, Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
itemBuilder: (context, index) { "${getEmployeeContactsList[index].cONTACTNAME}".toText16(color: MyColors.grey3AColor),
return Column( "${getEmployeeContactsList[index].rELATIONSHIP}".toText11(color: MyColors.textMixColor),
crossAxisAlignment: CrossAxisAlignment.start, ]).paddingOnly(top: 15, left: 13, right: 13, bottom: 12),
children: [ 1.divider,
Column( Row(
crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [ children: <Widget>[
"${getEmployeeContactsList[index].cONTACTNAME}".toText16(isBold: true, color: MyColors.grey3AColor), // todo @faitma clean below logic and write clean code.
"${getEmployeeContactsList[index].rELATIONSHIP}".toText11(isBold: true, color: MyColors.textMixColor), menuEntries.updateButton == 'Y'
]), ? InkWell(
const Divider( onTap: () async {
color: Color(0xffEFEFEF), relationId = getEmployeeContactsList[index]!.cONTACTRELATIONSHIPID!.toInt();
thickness: 1, showUpdateAlertDialog(context, relationId!.toInt(), 2, LocaleKeys.update.tr());
indent: 0, },
endIndent: 0,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
menuEntries.updateButton == 'Y'
? InkWell(
onTap: () async{
relationId = getEmployeeContactsList[index]!.cONTACTRELATIONSHIPID!.toInt();
showUpdateAlertDialog(context, relationId!.toInt(), 2, LocaleKeys.update.tr());
},
child: RichText( child: RichText(
text: TextSpan(
children: [
WidgetSpan(
child: Icon(
Icons.edit,
size: 15,
color: MyColors.grey67Color,
),
),
TextSpan(
text: LocaleKeys.update.tr(),
style: TextStyle(
color: MyColors.grey67Color,
fontSize: 12,
),
),
],
),
),
)
: RichText(
text: TextSpan( text: TextSpan(
children: [ children: [
WidgetSpan( const WidgetSpan(
child: Icon( child: Icon(
Icons.edit, Icons.edit,
size: 15, size: 15,
color: MyColors.lightGreyColor, color: MyColors.grey67Color,
), ),
), ),
TextSpan( TextSpan(
text: LocaleKeys.update.tr(), text: LocaleKeys.update.tr(),
style: TextStyle( style: const TextStyle(color: MyColors.grey67Color, fontSize: 12, letterSpacing: -0.36, fontWeight: FontWeight.w600),
color: MyColors.lightGreyColor,
fontSize: 12,
),
), ),
], ],
), ),
), ),
Container( )
height: 35, : RichText(
width: 1,
color: Color(0xffEFEFEF),
),
InkWell(
onTap: () {
relationId = getEmployeeContactsList[index]!.cONTACTRELATIONSHIPID!.toInt();
showRemoveAlertDialog(context, relationId!.toInt());
},
child: RichText(
text: TextSpan( text: TextSpan(
children: [ children: [
WidgetSpan( const WidgetSpan(
child: Icon( child: Icon(
Icons.delete, Icons.edit,
size: 15, size: 15,
color: MyColors.redColor, color: MyColors.lightGreyColor,
), ),
), ),
TextSpan( TextSpan(
text: LocaleKeys.remove.tr(), text: LocaleKeys.update.tr(),
style: TextStyle( style: const TextStyle(color: MyColors.lightGreyColor, fontSize: 12, letterSpacing: -0.36, fontWeight: FontWeight.w600),
color: MyColors.redColor,
fontSize: 12,
),
), ),
], ],
), ),
),
Container(height: 35, width: 1, color: const Color(0xffEFEFEF)),
InkWell(
onTap: () {
relationId = getEmployeeContactsList[index]!.cONTACTRELATIONSHIPID!.toInt();
showRemoveAlertDialog(context, relationId!.toInt());
},
child: RichText(
text: TextSpan(
children: [
const WidgetSpan(
child: Icon(
Icons.delete,
size: 15,
color: MyColors.redColor,
), ),
), ),
TextSpan(
text: LocaleKeys.remove.tr(),
style: const TextStyle(color: MyColors.redColor, fontSize: 12, letterSpacing: -0.36, fontWeight: FontWeight.w600),
),
], ],
), ),
], ),
).objectContainerView(); ),
}), ],
) ),
],
).objectContainerView(disablePadding: true);
})
: Container(), : Container(),
), ),
DefaultButton( DefaultButton(LocaleKeys.addNewFamilyMember.tr(), () async {
LocaleKeys.addNewFamilyMember.tr(), () async {
Navigator.pushNamed(context, AppRoutes.addUpdateFamilyMember, arguments: {"relationID": relationId, "flag": 1, "actionType": "ADD"}); Navigator.pushNamed(context, AppRoutes.addUpdateFamilyMember, arguments: {"relationID": relationId, "flag": 1, "actionType": "ADD"});
ProfileScreen(); ProfileScreen();
} }).insideContainer,
).insideContainer,
], ],
)); ));
} }
void showUpdateAlertDialog(BuildContext context, int relationId, int flag, String actionType) { void showUpdateAlertDialog(BuildContext context, int relationId, int flag, String actionType) {
Widget cancelButton = TextButton( Widget cancelButton = TextButton(
child: Text( child: Text(
@ -261,6 +232,4 @@ class _FamilyMembersState extends State<FamilyMembers> {
}, },
); );
} }
} }

@ -1,4 +1,5 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:mohem_flutter_app/classes/colors.dart'; import 'package:mohem_flutter_app/classes/colors.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';
@ -27,7 +28,7 @@ class AttachmentOptions extends StatelessWidget {
children: [ children: [
itemView("open_camera.svg", "Open\nCamera"), itemView("open_camera.svg", "Open\nCamera"),
itemView("gallery.svg", "Upload from\nGallery"), itemView("gallery.svg", "Upload from\nGallery"),
itemView("files", "Upload from\nFiles"), itemView("files.svg", "Upload from\nFiles"),
], ],
) )
], ],
@ -40,7 +41,7 @@ class AttachmentOptions extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Icon(Icons.photo), SvgPicture.asset("assets/images/$icon"),
title.toText11(isBold: true), title.toText11(isBold: true),
], ],
).paddingOnly(left: 13, right: 13, top: 16, bottom: 12).expanded.objectContainerBorderView( ).paddingOnly(left: 13, right: 13, top: 16, bottom: 12).expanded.objectContainerBorderView(

Loading…
Cancel
Save