You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
324 lines
14 KiB
Dart
324 lines
14 KiB
Dart
import 'dart:convert';
|
|
import 'dart:developer';
|
|
|
|
import 'package:easy_localization/src/public_ext.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
|
|
import 'package:flutter_svg/svg.dart';
|
|
import 'package:mohem_flutter_app/api/eit_api_client.dart';
|
|
import 'package:mohem_flutter_app/app_state/app_state.dart';
|
|
import 'package:mohem_flutter_app/classes/inAppWebView.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/main.dart';
|
|
import 'package:mohem_flutter_app/models/dashboard/get_accural_ticket_balance_model.dart';
|
|
import 'package:mohem_flutter_app/models/dashboard/menu_entries.dart';
|
|
import 'package:mohem_flutter_app/models/generic_response_model.dart';
|
|
import 'package:mohem_flutter_app/models/sso_auth_model.dart';
|
|
import 'package:mohem_flutter_app/provider/dashboard_provider_model.dart';
|
|
import 'package:mohem_flutter_app/ui/my_attendance/dynamic_screens/dynamic_listview_screen.dart';
|
|
import 'package:mohem_flutter_app/ui/my_attendance/services_menu_list_screen.dart';
|
|
import 'package:mohem_flutter_app/ui/screens/ticket/ticket_detailed_screen.dart';
|
|
import 'package:mohem_flutter_app/widgets/shimmer/dashboard_shimmer_widget.dart';
|
|
import 'package:mohem_flutter_app/widgets/sso_webview_widget.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
class ServicesWidget extends StatelessWidget {
|
|
MyInAppBrowser? myInAppBrowser;
|
|
var inAppBrowserOptions = InAppBrowserClassSettings(
|
|
webViewSettings: InAppWebViewSettings(
|
|
useShouldOverrideUrlLoading: false,
|
|
transparentBackground: false,
|
|
isInspectable: false,
|
|
applePayAPIEnabled: true,
|
|
cacheEnabled: false,
|
|
allowsBackForwardNavigationGestures: false,
|
|
),
|
|
browserSettings: InAppBrowserSettings(
|
|
hideUrlBar: true,
|
|
hideTitleBar: true,
|
|
hideDefaultMenuItems: true,
|
|
hideToolbarBottom: true,
|
|
hideToolbarTop: false,
|
|
hideCloseButton: false,
|
|
allowGoBackWithBackButton: false,
|
|
toolbarBottomBackgroundColor: Colors.black,
|
|
closeButtonColor: Colors.white,
|
|
presentationStyle: ModalPresentationStyle.FULL_SCREEN,
|
|
// toolbarTopBackgroundColor: Colors.black
|
|
),
|
|
);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
List<String> namesT = [LocaleKeys.monthlyAttendance.tr(), LocaleKeys.workFromHome.tr(), LocaleKeys.ticketRequest.tr(), LocaleKeys.monthlyAttendance.tr()];
|
|
List<String> iconT = [
|
|
"assets/images/monthly_attendance.svg",
|
|
"assets/images/monthly_attendance.svg",
|
|
"assets/images/ticket_request.svg",
|
|
"assets/images/ticket_bal.svg",
|
|
"assets/images/vacation_rule.svg",
|
|
"assets/images/ticket_request.svg",
|
|
"assets/images/ticket_request.svg",
|
|
"assets/images/ticket_request.svg",
|
|
];
|
|
|
|
return Consumer<DashboardProviderModel>(
|
|
builder: (context, data, child) {
|
|
return data.isServicesMenusLoading
|
|
? whileLoading()
|
|
: ListView.separated(
|
|
padding: const EdgeInsets.only(top: 0),
|
|
itemBuilder: (context, parentIndex) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
data.homeMenus![parentIndex].menuEntry.prompt!.toSectionHeading().paddingOnly(left: 21, right: 21),
|
|
SizedBox(
|
|
height: 105 + 26,
|
|
child: ListView.separated(
|
|
shrinkWrap: true,
|
|
physics: const BouncingScrollPhysics(),
|
|
padding: const EdgeInsets.only(left: 21, right: 21, top: 13, bottom: 13),
|
|
scrollDirection: Axis.horizontal,
|
|
itemBuilder: (cxt, index) {
|
|
return AspectRatio(
|
|
aspectRatio: 105 / 105,
|
|
child:
|
|
data.isServicesMenusLoading
|
|
? ServicesMenuShimmer()
|
|
: Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(15),
|
|
boxShadow: [BoxShadow(color: const Color(0xff000000).withOpacity(.05), blurRadius: 26, offset: const Offset(0, -3))],
|
|
),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SvgPicture.asset(
|
|
AppState().isArabic(context)
|
|
? getMenuIconAr(data.homeMenus![parentIndex].menuEntiesList[index].prompt!)
|
|
: getMenuIconEn(data.homeMenus![parentIndex].menuEntiesList[index].prompt!),
|
|
),
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
Expanded(child: data.homeMenus![parentIndex].menuEntiesList[index].prompt!.toText11(isBold: true)),
|
|
RotatedBox(quarterTurns: AppState().isArabic(context) ? 2 : 4, child: SvgPicture.asset("assets/images/arrow_next.svg").paddingOnly(bottom: 4)),
|
|
],
|
|
),
|
|
],
|
|
).paddingOnly(left: 10, right: 10, bottom: 10, top: 12),
|
|
).onPress(() {
|
|
handleOnPress(context, data.homeMenus![parentIndex].menuEntiesList[index]);
|
|
}),
|
|
);
|
|
},
|
|
separatorBuilder: (cxt, index) => 9.width,
|
|
itemCount: data.homeMenus![parentIndex].menuEntiesList.length,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
separatorBuilder: (context, index) {
|
|
return 12.height;
|
|
},
|
|
shrinkWrap: true,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
itemCount: data.homeMenus!.length,
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
String getMenuIconAr(String name) {
|
|
String returnImage = "";
|
|
switch (name) {
|
|
case "الحضور الشهري":
|
|
returnImage = "assets/images/services_icons/monthly_attendance.svg";
|
|
break;
|
|
case "كشف الراتب":
|
|
returnImage = "assets/images/services_icons/payslips.svg";
|
|
break;
|
|
case "تغيير معلومات البنك":
|
|
returnImage = "assets/images/services_icons/change_bank_details.svg";
|
|
break;
|
|
case "طلب بدل السكن مقدما":
|
|
returnImage = "assets/images/services_icons/housing_allowance.svg";
|
|
break;
|
|
case "شهادات تعريف الموظف":
|
|
returnImage = "assets/images/services_icons/employee_certificates.svg";
|
|
break;
|
|
case "البيانات الشخصية":
|
|
returnImage = "assets/images/personal-info.svg";
|
|
break;
|
|
case "الحضور":
|
|
returnImage = "assets/images/services_icons/my_attendance.svg";
|
|
break;
|
|
case "طلبات أخرى":
|
|
returnImage = "assets/images/services_icons/other_requests.svg";
|
|
break;
|
|
case "الإجازات":
|
|
returnImage = "assets/images/services_icons/my_leaves.svg";
|
|
break;
|
|
case "طلب تذكرة":
|
|
returnImage = "assets/images/services_icons/ticket_bal.svg";
|
|
break;
|
|
case "قاعدة الاجازات":
|
|
returnImage = "assets/images/services_icons/vacation_rule.svg";
|
|
break;
|
|
case "مستنداتي":
|
|
returnImage = "assets/images/document.svg";
|
|
break;
|
|
default:
|
|
returnImage = "assets/images/monthly_attendance.svg";
|
|
break;
|
|
}
|
|
return returnImage;
|
|
}
|
|
|
|
String getMenuIconEn(String name) {
|
|
String returnImage = "";
|
|
switch (name) {
|
|
case "Monthly Attendance":
|
|
returnImage = "assets/images/services_icons/monthly_attendance.svg";
|
|
break;
|
|
case "Payslip":
|
|
returnImage = "assets/images/services_icons/payslips.svg";
|
|
break;
|
|
case "Change Bank Details":
|
|
returnImage = "assets/images/services_icons/change_bank_details.svg";
|
|
break;
|
|
case "Housing Advance":
|
|
returnImage = "assets/images/services_icons/housing_allowance.svg";
|
|
break;
|
|
case "Employee Certificate":
|
|
returnImage = "assets/images/services_icons/employee_certificates.svg";
|
|
break;
|
|
case "Personal Information":
|
|
returnImage = "assets/images/personal-info.svg";
|
|
break;
|
|
case "My Attendance":
|
|
returnImage = "assets/images/services_icons/my_attendance.svg";
|
|
break;
|
|
case "Other Requests":
|
|
returnImage = "assets/images/services_icons/other_requests.svg";
|
|
break;
|
|
case "My Leave":
|
|
returnImage = "assets/images/services_icons/my_leaves.svg";
|
|
break;
|
|
case "Ticket Request":
|
|
returnImage = "assets/images/services_icons/ticket_bal.svg";
|
|
break;
|
|
case "Vacation Rule":
|
|
returnImage = "assets/images/services_icons/vacation_rule.svg";
|
|
break;
|
|
case "My Documents":
|
|
returnImage = "assets/images/document.svg";
|
|
break;
|
|
default:
|
|
returnImage = "assets/images/monthly_attendance.svg";
|
|
break;
|
|
}
|
|
return returnImage;
|
|
}
|
|
|
|
Future<void> handleOnPress(context, GetMenuEntriesList menuEntry) async {
|
|
var pro = Provider.of<DashboardProviderModel>(context, listen: false);
|
|
if (menuEntry.requestType == "MONTHLY_ATTENDANCE") {
|
|
Navigator.pushNamed(context, AppRoutes.monthlyAttendance);
|
|
return;
|
|
} else if (menuEntry.requestType == "VACATION_RULE") {
|
|
Navigator.pushNamed(context, AppRoutes.vacationRule);
|
|
return;
|
|
} else if (menuEntry.menuName == "MBL_PERINFO_SS") {
|
|
Navigator.of(context).pushNamed(AppRoutes.profile);
|
|
return;
|
|
} else if (menuEntry.menuName!.isNotEmpty && menuEntry.menuName!.substring(4, menuEntry.menuName!.length) == "MBL_EMPLOYEE_DOCUMENTS") {
|
|
Navigator.pushNamed(context, AppRoutes.myDocuments);
|
|
return;
|
|
}
|
|
List<GetMenuEntriesList> menuList = pro.getMenuEntriesList?.where((element) => element.parentMenuName == menuEntry.menuName && (element.menuEntryType == "FUNCTION")).toList() ?? [];
|
|
menuEntry.icon = "";
|
|
if (menuList.isEmpty) {
|
|
if (menuEntry.requestType == "EIT") {
|
|
Navigator.pushNamed(context, AppRoutes.dynamicScreen, arguments: DynamicListViewParams(menuEntry.prompt!, menuEntry.functionName!));
|
|
} else if (menuEntry.requestType == "PAYSLIP") {
|
|
Navigator.pushNamed(context, AppRoutes.monthlyPaySlip);
|
|
}
|
|
} else {
|
|
if (menuEntry.menuName == "HMG_TICKET_REQUESTS") {
|
|
Utils.showLoading(context);
|
|
//Ticket Work
|
|
if (pro.ticketBookingResponse != null && pro.ticketBookingResponse!.success) {
|
|
SSOAuthModel? ssoToken = await pro.fetchSSOAuthRedirection(clientID: pro.ticketBookingResponse!.clientId);
|
|
if (ssoToken != null) {
|
|
dynamic url = await pro.fetchURLRedirection(token: ssoToken.data!.accessToken!);
|
|
await pro.fetchTicketAccuralBalance(context, DateTime.now());
|
|
pro.ticketHistoryTransactionList = await EITApiClient().getEITTransactions("HMG_TICKET_ITENARY_HR_EIT_SS", isCompleteList: true);
|
|
|
|
|
|
Utils.hideLoading(context);
|
|
// Here Need Work
|
|
Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) => TicketDetailedScreen(url: url, jwtToken: ssoToken.data!.accessToken)));
|
|
}
|
|
} else {
|
|
List<GetMenuEntriesList> _menuList =
|
|
pro.getMenuEntriesList?.where((element) => element.parentMenuName == menuEntry.menuName && (element.menuEntryType == "FUNCTION" || element.menuEntryType == "MENU")).toList() ?? [];
|
|
Navigator.pushNamed(context, AppRoutes.servicesMenuListScreen, arguments: ServicesMenuListScreenParams(menuEntry.prompt!, _menuList.isEmpty ? menuList : _menuList));
|
|
}
|
|
} else {
|
|
List<GetMenuEntriesList> _menuList =
|
|
pro.getMenuEntriesList?.where((element) => element.parentMenuName == menuEntry.menuName && (element.menuEntryType == "FUNCTION" || element.menuEntryType == "MENU")).toList() ?? [];
|
|
Navigator.pushNamed(context, AppRoutes.servicesMenuListScreen, arguments: ServicesMenuListScreenParams(menuEntry.prompt!, _menuList.isEmpty ? menuList : _menuList));
|
|
}
|
|
}
|
|
return;
|
|
}
|
|
|
|
String firstWord(String value) {
|
|
return value.split(" ").length > 1 ? value.split(" ")[0] : "";
|
|
}
|
|
|
|
String lastWord(String value) {
|
|
var parts = value.split(" ");
|
|
if (parts.length == 1) {
|
|
return value;
|
|
} else {
|
|
int i = value.indexOf(" ");
|
|
return value.substring(i + 1).toCamelCase;
|
|
}
|
|
}
|
|
|
|
Widget whileLoading() {
|
|
return Column(
|
|
children: [
|
|
ServicesHeaderShimmer().paddingOnly(left: 21, right: 21, top: 21),
|
|
SizedBox(
|
|
height: 105 + 26,
|
|
child: ListView.separated(
|
|
shrinkWrap: true,
|
|
physics: const BouncingScrollPhysics(),
|
|
padding: const EdgeInsets.only(left: 21, right: 21, top: 13, bottom: 13),
|
|
scrollDirection: Axis.horizontal,
|
|
itemBuilder: (cxt, index) {
|
|
return AspectRatio(aspectRatio: 105 / 105, child: ServicesMenuShimmer());
|
|
},
|
|
separatorBuilder: (cxt, index) => 9.width,
|
|
itemCount: 4,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|