Merge branch 'master' into Fatima
# Conflicts: # lib/config/routes.dart # lib/models/generic_response_model.dart # lib/models/profile_menu.model.dartmerge-requests/1/merge
Fatimah Alshammari
3 years ago
commit
dc880df35a
@ -0,0 +1,18 @@
|
||||
class CreateVacationRuleList {
|
||||
String? pRETURNMSG;
|
||||
String? pRETURNSTATUS;
|
||||
|
||||
CreateVacationRuleList({this.pRETURNMSG, this.pRETURNSTATUS});
|
||||
|
||||
CreateVacationRuleList.fromJson(Map<String, dynamic> json) {
|
||||
pRETURNMSG = json['P_RETURN_MSG'];
|
||||
pRETURNSTATUS = json['P_RETURN_STATUS'];
|
||||
}
|
||||
|
||||
Map<String, dynamic> toJson() {
|
||||
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||
data['P_RETURN_MSG'] = this.pRETURNMSG;
|
||||
data['P_RETURN_STATUS'] = this.pRETURNSTATUS;
|
||||
return data;
|
||||
}
|
||||
}
|
||||
@ -1,57 +0,0 @@
|
||||
import 'package:easy_localization/easy_localization.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/utils.dart';
|
||||
import 'package:mohem_flutter_app/config/routes.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/widget_extensions.dart';
|
||||
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||
import 'package:mohem_flutter_app/models/dashboard/menu_entries.dart';
|
||||
import 'package:mohem_flutter_app/ui/my_attendance/dynamic_screens/dynamic_listview_screen.dart';
|
||||
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
|
||||
|
||||
class MyAttendanceScreen extends StatelessWidget {
|
||||
List<GetMenuEntriesList> list;
|
||||
|
||||
MyAttendanceScreen({Key? key, this.list = const <GetMenuEntriesList>[]}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
list = ModalRoute.of(context)!.settings.arguments as List<GetMenuEntriesList>;
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
appBar: AppBarWidget(
|
||||
context,
|
||||
title: LocaleKeys.myAttendance.tr(),
|
||||
),
|
||||
body: SizedBox(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
child: list.isEmpty
|
||||
? Utils.getNoDataWidget(context)
|
||||
: ListView.separated(
|
||||
padding: const EdgeInsets.all(21),
|
||||
itemBuilder: (cxt, index) => itemView("assets/images/pdf.svg", list[index].prompt!).onPress(() {
|
||||
Navigator.pushNamed(context, AppRoutes.dynamicScreen, arguments: DynamicListViewParams(list[index].prompt!, list[index].functionName!));
|
||||
}),
|
||||
separatorBuilder: (cxt, index) => 12.height,
|
||||
itemCount: list.length),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget itemView(String icon, String title) {
|
||||
return Row(
|
||||
children: [
|
||||
(title).toText16().expanded,
|
||||
12.width,
|
||||
SvgPicture.asset(
|
||||
"assets/images/arrow_next.svg",
|
||||
color: MyColors.darkIconColor,
|
||||
)
|
||||
],
|
||||
).objectContainerView();
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,76 @@
|
||||
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/utils.dart';
|
||||
import 'package:mohem_flutter_app/config/routes.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/widget_extensions.dart';
|
||||
import 'package:mohem_flutter_app/models/dashboard/menu_entries.dart';
|
||||
import 'package:mohem_flutter_app/ui/my_attendance/dynamic_screens/dynamic_listview_screen.dart';
|
||||
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
|
||||
|
||||
class ServicesMenuListScreenParams {
|
||||
final String title;
|
||||
final List<GetMenuEntriesList> list;
|
||||
|
||||
ServicesMenuListScreenParams(this.title, this.list);
|
||||
}
|
||||
|
||||
class ServicesMenuListScreen extends StatelessWidget {
|
||||
late ServicesMenuListScreenParams servicesMenuData;
|
||||
|
||||
ServicesMenuListScreen({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
servicesMenuData = ModalRoute.of(context)!.settings.arguments as ServicesMenuListScreenParams;
|
||||
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
appBar: AppBarWidget(
|
||||
context,
|
||||
title: servicesMenuData.title,
|
||||
),
|
||||
body: SizedBox(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
child: servicesMenuData.list.isEmpty
|
||||
? Utils.getNoDataWidget(context)
|
||||
: ListView.separated(
|
||||
padding: const EdgeInsets.all(21),
|
||||
itemBuilder: (cxt, index) => itemView("assets/images/pdf.svg", servicesMenuData.list[index].prompt!).onPress(() {
|
||||
if (servicesMenuData.list[index].parentMenuName == "MBL_PERINFO_SS") {
|
||||
if (servicesMenuData.list[index].requestType == "BASIC_DETAILS") {
|
||||
Navigator.pushNamed(context, AppRoutes.basicDetails);
|
||||
} else if (servicesMenuData.list[index].requestType == "PHONE_NUMBERS") {
|
||||
Navigator.pushNamed(context, AppRoutes.personalInfo);
|
||||
} else if (servicesMenuData.list[index].requestType == "ADDRESS") {
|
||||
Navigator.pushNamed(context, AppRoutes.contactDetails);
|
||||
} else if (servicesMenuData.list[index].requestType == "CONTACT") {
|
||||
Navigator.pushNamed(context, AppRoutes.familyMembers);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
Navigator.pushNamed(context, AppRoutes.dynamicScreen, arguments: DynamicListViewParams(servicesMenuData.list[index].prompt!, servicesMenuData.list[index].functionName!));
|
||||
}),
|
||||
separatorBuilder: (cxt, index) => 12.height,
|
||||
itemCount: servicesMenuData.list.length),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget itemView(String icon, String title) {
|
||||
return Row(
|
||||
children: [
|
||||
(title).toText16().expanded,
|
||||
12.width,
|
||||
SvgPicture.asset(
|
||||
"assets/images/arrow_next.svg",
|
||||
color: MyColors.darkIconColor,
|
||||
)
|
||||
],
|
||||
).objectContainerView();
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,108 @@
|
||||
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/classes/colors.dart';
|
||||
import 'package:mohem_flutter_app/config/routes.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/widget_extensions.dart';
|
||||
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||
import 'package:mohem_flutter_app/models/member_information_list_model.dart';
|
||||
import 'package:mohem_flutter_app/models/profile_menu.model.dart';
|
||||
|
||||
class ProfileInFo extends StatelessWidget {
|
||||
MemberInformationListModel memberInfo;
|
||||
|
||||
ProfileInFo(this.memberInfo, {Key? key}) : super(key: key);
|
||||
|
||||
List<ProfileMenu> menu = [
|
||||
ProfileMenu(name: LocaleKeys.profile_personalInformation.tr(), icon: 'personal-info.svg', route: AppRoutes.personalInfo),
|
||||
ProfileMenu(name: LocaleKeys.profile_basicDetails.tr(), icon: 'basic-details.svg', route: AppRoutes.basicDetails),
|
||||
ProfileMenu(name: LocaleKeys.profile_contactDetails.tr(), icon: 'contact-details.svg', route: AppRoutes.contactDetails),
|
||||
ProfileMenu(name: LocaleKeys.profile_familyDetails.tr(), icon: 'family-members.svg', route: AppRoutes.familyMembers),
|
||||
];
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
16.height,
|
||||
memberInfo.eMPLOYEENAME!.toText22(),
|
||||
("${memberInfo.eMPLOYEENUMBER!} | ${memberInfo.jOBNAME!}").toText13(color: MyColors.grey80Color),
|
||||
memberInfo.eMPLOYEEEMAILADDRESS!.toText13(),
|
||||
12.height,
|
||||
const Divider(height: 8, thickness: 8, color: MyColors.lightGreyEFColor),
|
||||
12.height,
|
||||
LocaleKeys.completingYear.tr().toText11(),
|
||||
Row(children: [
|
||||
appreciationTime(LocaleKeys.year.tr(), memberInfo.sERVICEYEARS.toString()),
|
||||
appreciationTime(LocaleKeys.month.tr(), memberInfo.sERVICEMONTHS.toString()),
|
||||
appreciationTime(LocaleKeys.day.tr(), memberInfo.sERVICEDAYS.toString()),
|
||||
]).paddingOnly(bottom: 12, top: 12),
|
||||
const Divider(height: 8, thickness: 8, color: MyColors.lightGreyEFColor),
|
||||
Column(
|
||||
// mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
(LocaleKeys.profile_profileCompletionPer.tr() + ' 75%').toText16(),
|
||||
8.height,
|
||||
Row(
|
||||
children: [
|
||||
for (var i = 0; i < 4; i++)
|
||||
if (i < 3) Expanded(child: drawSlider(Color(0xff2BB8A6))) else Expanded(child: drawSlider(const Color(0xffefefef)))
|
||||
],
|
||||
),
|
||||
14.height,
|
||||
LocaleKeys.profile_completeProfile.tr().toText16(color: MyColors.textMixColor, isUnderLine: true),
|
||||
],
|
||||
).paddingOnly(left: 21, right: 21, bottom: 18, top: 12),
|
||||
const Divider(height: 8, thickness: 8, color: MyColors.lightGreyEFColor),
|
||||
ListView.separated(
|
||||
padding: EdgeInsets.zero,
|
||||
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);
|
||||
}).paddingOnly(left: 21, right: 21, top: 21),
|
||||
separatorBuilder: (cxt, index) => 12.height,
|
||||
itemCount: menu.length),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget drawSlider(color) {
|
||||
return Row(children: [
|
||||
Expanded(
|
||||
flex: 1,
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
child: Container(
|
||||
height: 6,
|
||||
width: 20,
|
||||
color: color,
|
||||
),
|
||||
)),
|
||||
Container(height: 6, width: 3, color: Colors.white),
|
||||
]);
|
||||
}
|
||||
|
||||
Widget appreciationTime(String title, String value) {
|
||||
return Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
title.toText13(color: MyColors.grey80Color),
|
||||
value.padLeft(2, '0').toText20(color: MyColors.textMixColor),
|
||||
],
|
||||
).expanded;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,49 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||
import 'package:mohem_flutter_app/models/member_information_list_model.dart';
|
||||
import 'package:mohem_flutter_app/ui/profile/widgets/profile_info.dart';
|
||||
|
||||
class ProfilePanel extends StatelessWidget {
|
||||
ProfilePanel(this.memberInformationList);
|
||||
|
||||
late MemberInformationListModel memberInformationList;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SizedBox(
|
||||
height: MediaQuery.of(context).size.height,
|
||||
child: Stack(
|
||||
children: [
|
||||
Container(
|
||||
margin: const EdgeInsets.only(top: 32),
|
||||
padding: const EdgeInsets.only(top: 37),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
// border: Border.all(color: MyColors.lightGreyEFColor, width: 1),
|
||||
borderRadius: const BorderRadius.only(
|
||||
topLeft: Radius.circular(25),
|
||||
topRight: Radius.circular(25),
|
||||
),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: const Color(0xff000000).withOpacity(.1),
|
||||
blurRadius: 26,
|
||||
offset: const Offset(0, -3),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: ProfileInFo(memberInformationList),
|
||||
),
|
||||
Container(height: 68, alignment: Alignment.center, child: profileImage())
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget profileImage() => CircleAvatar(
|
||||
radius: 68,
|
||||
backgroundImage: MemoryImage(Utils.getPostBytes(memberInformationList.eMPLOYEEIMAGE)),
|
||||
backgroundColor: Colors.black,
|
||||
);
|
||||
}
|
||||
@ -1,160 +0,0 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
import 'package:mohem_flutter_app/config/routes.dart';
|
||||
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||
import 'package:mohem_flutter_app/models/dashboard/menu_entries.dart';
|
||||
import 'package:mohem_flutter_app/models/member_information_list_model.dart';
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:mohem_flutter_app/models/profile_menu.model.dart';
|
||||
import 'package:mohem_flutter_app/provider/dashboard_provider_model.dart';
|
||||
import 'package:mohem_flutter_app/ui/my_attendance/dynamic_screens/dynamic_input_screen.dart';
|
||||
import 'package:mohem_flutter_app/ui/my_attendance/dynamic_screens/dynamic_listview_screen.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
// todo '@sultan' kindly follow structure of code written. use extension methods for widgets, also format code
|
||||
|
||||
class ProfileInFo extends StatefulWidget {
|
||||
ProfileInFo(this.memberInfo);
|
||||
|
||||
MemberInformationListModel memberInfo;
|
||||
|
||||
@override
|
||||
State<ProfileInFo> createState() => _ProfileInFoState();
|
||||
}
|
||||
|
||||
class _ProfileInFoState extends State<ProfileInFo> {
|
||||
static List<GetMenuEntriesList> menuData = [];
|
||||
String data = '.';
|
||||
double sliderValue = 75;
|
||||
List<ProfileMenu> menu = [
|
||||
ProfileMenu(name: LocaleKeys.profile_personalInformation.tr(), icon: 'personal-info.svg', route: AppRoutes.personalInfo, dynamicUrl: '', menuEntries: getMenuEntries('')),
|
||||
ProfileMenu(name: LocaleKeys.profile_basicDetails.tr(), icon: 'basic-details.svg', route: AppRoutes.basicDetails, menuEntries: getMenuEntries('BASIC_DETAILS')),
|
||||
ProfileMenu(name: LocaleKeys.profile_contactDetails.tr(), icon: 'contact-details.svg', route: AppRoutes.contactDetails, dynamicUrl: '', menuEntries: getMenuEntries('ADDRESS')),
|
||||
ProfileMenu(name: LocaleKeys.profile_familyDetails.tr(), icon: 'family-members.svg', route: AppRoutes.familyMembers, dynamicUrl: '', menuEntries: getMenuEntries('CONTACT')),
|
||||
];
|
||||
|
||||
@override
|
||||
void setState(VoidCallback fn) {
|
||||
super.setState(fn);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
/// card header
|
||||
customLabel(widget.memberInfo.eMPLOYEENAME.toString(), 22, Colors.black, true),
|
||||
|
||||
customLabel(widget.memberInfo.eMPLOYEENUMBER.toString() + ' | ' + widget.memberInfo.jOBNAME.toString(), 14, Colors.grey, false),
|
||||
|
||||
customLabel(widget.memberInfo.eMPLOYEEEMAILADDRESS.toString(), 13, Colors.black, true),
|
||||
|
||||
Divider(height: 40, thickness: 8, color: const Color(0xffefefef)),
|
||||
|
||||
customLabel(LocaleKeys.completingYear.tr(), 10, Colors.black, true),
|
||||
|
||||
SizedBox(height: 10),
|
||||
Container(
|
||||
child: Row(mainAxisAlignment: MainAxisAlignment.spaceAround, crossAxisAlignment: CrossAxisAlignment.center, children: [
|
||||
Column(
|
||||
children: [customLabel(LocaleKeys.year.tr(), 14, const Color(0xff808080), true), customLabel(widget.memberInfo.sERVICEYEARS.toString().padLeft(2, '0'), 22, Color(0xff2BB8A6), true)],
|
||||
),
|
||||
Column(
|
||||
children: [customLabel(LocaleKeys.month.tr(), 14, const Color(0xff808080), true), customLabel(widget.memberInfo.sERVICEMONTHS.toString().padLeft(2, '0'), 22, Color(0xff2BB8A6), true)],
|
||||
),
|
||||
Column(
|
||||
children: [customLabel(LocaleKeys.day.tr(), 14, const Color(0xff808080), true), customLabel(widget.memberInfo.sERVICEDAYS.toString().padLeft(2, '0'), 22, Color(0xff2BB8A6), true)],
|
||||
)
|
||||
])),
|
||||
|
||||
Divider(height: 40, thickness: 8, color: const Color(0xffefefef)),
|
||||
Container(
|
||||
padding: EdgeInsets.only(
|
||||
left: 20,
|
||||
right: 20,
|
||||
),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
customLabel(LocaleKeys.profile_profileCompletionPer.tr() + ' 75%', 18, Colors.black, true),
|
||||
const SizedBox(height: 10),
|
||||
Row(
|
||||
children: [
|
||||
for (var i = 0; i < 4; i++)
|
||||
if (i < 3) Expanded(child: drawSlider(Color(0xff2BB8A6))) else Expanded(child: drawSlider(const Color(0xffefefef)))
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
Text(
|
||||
LocaleKeys.profile_completeProfile.tr(),
|
||||
style: TextStyle(color: Color(0xff2BB8A6), fontWeight: FontWeight.bold, decoration: TextDecoration.underline),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
/// description
|
||||
Divider(height: 50, thickness: 8, color: const Color(0xffefefef)),
|
||||
|
||||
Column(
|
||||
children: menu.map((i) => rowItem(i, context)).toList(),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget drawSlider(color) {
|
||||
return Row(children: [
|
||||
Expanded(
|
||||
flex: 1,
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
child: Container(
|
||||
height: 6,
|
||||
width: 20,
|
||||
color: color,
|
||||
),
|
||||
)),
|
||||
Container(height: 6, width: 3, color: Colors.white),
|
||||
]);
|
||||
}
|
||||
|
||||
Widget rowItem(obj, context) {
|
||||
return InkWell(
|
||||
onTap: () {
|
||||
//if (obj.dynamicUrl == '') {
|
||||
Navigator.pushNamed(context, obj.route);
|
||||
// } else {
|
||||
// Navigator.pushNamed(context, AppRoutes.addDynamicInputProfile, arguments: DynamicListViewParams(obj.name, obj.functionName, uRL: obj.dynamicUrl, requestID: obj.requestID));
|
||||
//}
|
||||
},
|
||||
child: ListTile(
|
||||
leading: SvgPicture.asset('assets/images/' + obj.icon),
|
||||
title: Text(obj.name),
|
||||
trailing: Icon(Icons.arrow_forward),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget customLabel(String label, double size, Color color, bool isBold, {double padding = 0.0}) => Container(
|
||||
padding: EdgeInsets.all(padding),
|
||||
// height: 50,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [Text(label, style: TextStyle(color: color, fontSize: size, fontWeight: isBold ? FontWeight.bold : FontWeight.normal))]));
|
||||
}
|
||||
|
||||
GetMenuEntriesList getMenuEntries(String type) {
|
||||
List<GetMenuEntriesList> data = _ProfileInFoState.menuData.where((GetMenuEntriesList test) => test.functionName == type).toList();
|
||||
if (data.isNotEmpty) {
|
||||
return data[0];
|
||||
} else {
|
||||
return GetMenuEntriesList();
|
||||
}
|
||||
}
|
||||
@ -1,39 +0,0 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||
import 'package:mohem_flutter_app/models/member_information_list_model.dart';
|
||||
import 'package:mohem_flutter_app/ui/screens/profile/widgets/profile_info.dart';
|
||||
|
||||
class ProfilePanle extends StatelessWidget {
|
||||
ProfilePanle(this.memberInformationList);
|
||||
|
||||
late MemberInformationListModel memberInformationList;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
double _width = MediaQuery.of(context).size.width;
|
||||
return Container(
|
||||
margin: EdgeInsets.fromLTRB(5, 0, 5, 10),
|
||||
height: MediaQuery.of(context).size.height,
|
||||
child: Stack(children: [
|
||||
Container(
|
||||
width: _width,
|
||||
margin: EdgeInsets.only(top: 50),
|
||||
padding: EdgeInsets.only(top: 50),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: const BorderRadius.only(topLeft: Radius.circular(25), topRight: Radius.circular(25)),
|
||||
boxShadow: [BoxShadow(color: Colors.white60, blurRadius: 10, spreadRadius: 10)],
|
||||
),
|
||||
child: ProfileInFo(memberInformationList),
|
||||
),
|
||||
Container(height: 100, alignment: Alignment.center, child: ProfileImage())
|
||||
]));
|
||||
}
|
||||
|
||||
Widget ProfileImage() => CircleAvatar(
|
||||
radius: 70,
|
||||
backgroundImage: MemoryImage(Utils.getPostBytes(memberInformationList.eMPLOYEEIMAGE)),
|
||||
backgroundColor: Colors.black,
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,224 @@
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.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/utils.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/widget_extensions.dart';
|
||||
import 'package:mohem_flutter_app/generated/locale_keys.g.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/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';
|
||||
|
||||
class SearchEmployeeBottomSheet extends StatefulWidget {
|
||||
int? notificationID;
|
||||
String title, apiMode;
|
||||
List<GetActionHistoryList>? actionHistoryList;
|
||||
Function(ReplacementList) onSelectEmployee;
|
||||
|
||||
SearchEmployeeBottomSheet({required this.title, required this.apiMode, this.notificationID, this.actionHistoryList, required this.onSelectEmployee});
|
||||
|
||||
@override
|
||||
State<SearchEmployeeBottomSheet> createState() => _SearchEmployeeBottomSheetState();
|
||||
}
|
||||
|
||||
class _SearchEmployeeBottomSheetState extends State<SearchEmployeeBottomSheet> {
|
||||
TextEditingController username = TextEditingController();
|
||||
String searchText = "";
|
||||
|
||||
List<String>? optionsList = [
|
||||
LocaleKeys.fullName.tr(),
|
||||
LocaleKeys.username.tr(),
|
||||
LocaleKeys.endDate.tr(),
|
||||
];
|
||||
List<GetFavoriteReplacements>? favUsersList;
|
||||
|
||||
List<ReplacementList>? replacementList;
|
||||
List<ReplacementList>? favouriteUserList;
|
||||
List<ReplacementList>? nonFavouriteUserList;
|
||||
|
||||
int _selectedSearchIndex = 0;
|
||||
|
||||
void fetchUserByInput({bool isNeedLoading = true}) async {
|
||||
try {
|
||||
Utils.showLoading(context);
|
||||
replacementList = await WorkListApiClient().searchUserByInput(
|
||||
userName: _selectedSearchIndex == 0 ? searchText : "",
|
||||
userId: _selectedSearchIndex == 1 ? searchText : "",
|
||||
email: _selectedSearchIndex == 2 ? searchText : "",
|
||||
);
|
||||
favouriteUserList = replacementList?.where((element) => element.isFavorite ?? false).toList();
|
||||
nonFavouriteUserList = replacementList?.where((element) => !(element.isFavorite ?? false)).toList();
|
||||
Utils.hideLoading(context);
|
||||
setState(() {});
|
||||
} catch (e) {
|
||||
Utils.hideLoading(context);
|
||||
Utils.handleException(e, context, null);
|
||||
}
|
||||
|
||||
if (isNeedLoading) Utils.hideLoading(context);
|
||||
setState(() {});
|
||||
return null;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SizedBox(
|
||||
width: double.infinity,
|
||||
height: MediaQuery.of(context).size.height - 100,
|
||||
child: Column(
|
||||
children: [
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
widget.title.toText24(isBold: true),
|
||||
21.height,
|
||||
"Search".toText16(),
|
||||
11.height,
|
||||
Row(
|
||||
children: [
|
||||
radioOption("Name", 0, _selectedSearchIndex),
|
||||
radioOption("User Name", 1, _selectedSearchIndex),
|
||||
radioOption("Email", 2, _selectedSearchIndex),
|
||||
],
|
||||
),
|
||||
14.height,
|
||||
Row(
|
||||
children: [
|
||||
DynamicTextFieldWidget(
|
||||
"Search",
|
||||
"Search By Username",
|
||||
inputAction: TextInputAction.done,
|
||||
suffixIconData: Icons.search,
|
||||
onChange: (text) {
|
||||
searchText = text;
|
||||
setState(() {});
|
||||
},
|
||||
).expanded,
|
||||
IconButton(
|
||||
constraints: const BoxConstraints(),
|
||||
onPressed: () async {
|
||||
await SystemChannels.textInput.invokeMethod('TextInput.hide');
|
||||
fetchUserByInput();
|
||||
},
|
||||
icon: 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
|
||||
],
|
||||
).paddingOnly(left: 21, right: 21, bottom: 0, top: 21).expanded,
|
||||
Container(width: double.infinity, height: 1, color: MyColors.lightGreyEFColor),
|
||||
DefaultButton(
|
||||
LocaleKeys.cancel.tr(),
|
||||
() {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
textColor: MyColors.grey3AColor,
|
||||
colors: const [
|
||||
Color(0xffE6E6E6),
|
||||
Color(0xffE6E6E6),
|
||||
],
|
||||
).insideContainer
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget employeeItemView(ReplacementList replacement) {
|
||||
return InkWell(
|
||||
onTap: () {
|
||||
Navigator.pop(context);
|
||||
widget.onSelectEmployee(replacement);
|
||||
},
|
||||
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 radioOption(String title, int value, int groupValue) {
|
||||
return Row(
|
||||
children: [
|
||||
Container(
|
||||
width: 24,
|
||||
height: 24,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.transparent,
|
||||
border: Border.all(color: MyColors.borderColor, width: 1),
|
||||
borderRadius: const BorderRadius.all(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: BorderRadius.all(const Radius.circular(100)),
|
||||
),
|
||||
),
|
||||
),
|
||||
9.width,
|
||||
title.toText12(color: MyColors.grey57Color)
|
||||
],
|
||||
).onPress(() {
|
||||
_selectedSearchIndex = value;
|
||||
setState(() {});
|
||||
}).expanded;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue