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.
323 lines
16 KiB
Dart
323 lines
16 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:hmg_patient_app_new/core/app_assets.dart';
|
|
import 'package:hmg_patient_app_new/core/app_state.dart';
|
|
import 'package:hmg_patient_app_new/core/dependencies.dart';
|
|
import 'package:hmg_patient_app_new/core/enums.dart';
|
|
import 'package:hmg_patient_app_new/core/utils/date_util.dart';
|
|
import 'package:hmg_patient_app_new/core/utils/size_utils.dart';
|
|
import 'package:hmg_patient_app_new/core/utils/utils.dart';
|
|
import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
|
|
import 'package:hmg_patient_app_new/features/authentication/authentication_view_model.dart';
|
|
import 'package:hmg_patient_app_new/generated/locale_keys.g.dart';
|
|
import 'package:hmg_patient_app_new/presentation/authentication/login.dart';
|
|
import 'package:hmg_patient_app_new/theme/colors.dart';
|
|
import 'package:hmg_patient_app_new/widgets/appbar/app_bar_widget.dart';
|
|
import 'package:hmg_patient_app_new/widgets/bottomsheet/generic_bottom_sheet.dart';
|
|
import 'package:hmg_patient_app_new/widgets/buttons/custom_button.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class SavedLogin extends StatefulWidget {
|
|
const SavedLogin({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
_SavedLogin createState() => _SavedLogin();
|
|
}
|
|
|
|
class _SavedLogin extends State<SavedLogin> {
|
|
LoginTypeEnum loginType = LoginTypeEnum.sms;
|
|
late AuthenticationViewModel authVm;
|
|
late AppState appState;
|
|
|
|
@override
|
|
void initState() {
|
|
authVm = context.read<AuthenticationViewModel>();
|
|
appState = getIt.get<AppState>();
|
|
loginType = LoginTypeExtension.fromValue(appState.getSelectDeviceByImeiRespModelElement!.logInType!)!;
|
|
|
|
authVm.phoneNumberController.text = appState.getSelectDeviceByImeiRespModelElement!.mobile!.startsWith("0")
|
|
? appState.getSelectDeviceByImeiRespModelElement!.mobile!.replaceFirst("0", "")
|
|
: appState.getSelectDeviceByImeiRespModelElement!.mobile!;
|
|
authVm.nationalIdController.text = appState.getSelectDeviceByImeiRespModelElement!.identificationNo!;
|
|
|
|
if (loginType == LoginTypeEnum.fingerprint || loginType == LoginTypeEnum.face) {
|
|
authVm.loginWithFingerPrintFace(() {});
|
|
}
|
|
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: AppColors.scaffoldBgColor,
|
|
appBar: CustomAppBar(
|
|
onBackPressed: () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
onLanguageChanged: (lang) {},
|
|
),
|
|
body: SafeArea(
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 24.h),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
const Spacer(flex: 2),
|
|
// Welcome back text
|
|
LocaleKeys.welcomeBack.tr().toText16(color: AppColors.inputLabelTextColor),
|
|
SizedBox(height: 16.h),
|
|
appState.getSelectDeviceByImeiRespModelElement!.name!.toCamelCase.toText26(isBold: true, height: 26 / 36, color: AppColors.textColor),
|
|
SizedBox(height: 24.h),
|
|
Container(
|
|
padding: EdgeInsets.all(16.h),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.whiteColor,
|
|
border: Border.all(color: AppColors.whiteColor),
|
|
borderRadius: BorderRadius.circular(24.h),
|
|
boxShadow: [
|
|
BoxShadow(color: Color(0x0D000000), blurRadius: 16, offset: Offset(0, 0), spreadRadius: 5),
|
|
],
|
|
),
|
|
child: Column(
|
|
children: [
|
|
// Last login info
|
|
|
|
("${LocaleKeys.lastLoginBy.tr()} ${loginType.displayName}").toText14(isBold: true, color: AppColors.greyTextColor),
|
|
(appState.getSelectDeviceByImeiRespModelElement!.createdOn != null
|
|
? DateUtil.getFormattedDate(DateUtil.convertStringToDate(appState.getSelectDeviceByImeiRespModelElement!.createdOn!), "d MMMM, y 'at' HH:mm")
|
|
: '--')
|
|
.toText16(isBold: true, color: AppColors.textColor),
|
|
|
|
Container(
|
|
margin: EdgeInsets.all(16.h),
|
|
child: Utils.buildSvgWithAssets(
|
|
icon: getTypeIcons(appState.getSelectDeviceByImeiRespModelElement!.logInType!), height: 54, width: 54, iconColor: loginType.toInt == 4 ? null : AppColors.primaryRedColor)),
|
|
// Face ID login button
|
|
SizedBox(
|
|
height: 45,
|
|
child: CustomButton(
|
|
text: "${LocaleKeys.loginBy.tr()} ${loginType.displayName}",
|
|
onPressed: () {
|
|
if (loginType == LoginTypeEnum.fingerprint || loginType == LoginTypeEnum.face) {
|
|
authVm.loginWithFingerPrintFace(() {});
|
|
} else {
|
|
// int? val = loginType.toInt;
|
|
authVm.checkUserAuthentication(otpTypeEnum: loginType == LoginTypeEnum.sms ? OTPTypeEnum.sms : OTPTypeEnum.whatsapp);
|
|
}
|
|
},
|
|
backgroundColor: Color(0xffED1C2B),
|
|
borderColor: Color(0xffFEE9EA),
|
|
textColor: Colors.white,
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w500,
|
|
borderRadius: 12,
|
|
padding: EdgeInsets.fromLTRB(0, 10, 0, 10),
|
|
icon: getTypeIcons(loginType.toInt),
|
|
//loginType == LoginTypeEnum.sms ? AppAssets.sms :AppAssets.whatsapp,
|
|
iconColor: loginType != LoginTypeEnum.whatsapp ? Colors.white : null,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 24),
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 16.0),
|
|
child: Text(
|
|
LocaleKeys.oR.tr(),
|
|
style: context.dynamicTextStyle(fontSize: 16, fontWeight: FontWeight.w500),
|
|
),
|
|
),
|
|
const SizedBox(height: 24),
|
|
// OTP login button
|
|
loginType.toInt != 1
|
|
? Column(
|
|
children: [
|
|
loginType.toInt != 1
|
|
? CustomButton(
|
|
text: LocaleKeys.loginByOTP.tr(),
|
|
onPressed: () {
|
|
showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
isDismissible: false,
|
|
useSafeArea: true,
|
|
backgroundColor: Colors.transparent,
|
|
enableDrag: false,
|
|
// Prevent dragging to avoid focus conflicts
|
|
builder: (bottomSheetContext) => StatefulBuilder(builder: (BuildContext context, StateSetter setModalState) {
|
|
return Padding(
|
|
padding: EdgeInsets.only(bottom: MediaQuery.of(bottomSheetContext).viewInsets.bottom),
|
|
child: SingleChildScrollView(
|
|
child: GenericBottomSheet(
|
|
countryCode: "966",
|
|
initialPhoneNumber: "",
|
|
textController: TextEditingController(),
|
|
isFromSavedLogin: true,
|
|
isEnableCountryDropdown: true,
|
|
onCountryChange: (value) {},
|
|
onChange: (String? value) {},
|
|
buttons: [
|
|
Padding(
|
|
padding: EdgeInsets.only(bottom: 10.h),
|
|
child: CustomButton(
|
|
text: LocaleKeys.sendOTPSMS.tr(),
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
loginType = LoginTypeEnum.sms;
|
|
int? val = loginType.toInt;
|
|
authVm.checkUserAuthentication(otpTypeEnum: OTPTypeEnum.sms);
|
|
},
|
|
backgroundColor: AppColors.primaryRedColor,
|
|
borderColor: AppColors.primaryRedBorderColor,
|
|
textColor: AppColors.whiteColor,
|
|
icon: AppAssets.sms,
|
|
),
|
|
),
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Padding(padding: EdgeInsets.symmetric(horizontal: 8.h), child: (LocaleKeys.oR.tr()).toText16(color: AppColors.textColor)),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 10, top: 10),
|
|
child: CustomButton(
|
|
text: LocaleKeys.sendOTPWHATSAPP.tr(),
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
loginType = LoginTypeEnum.whatsapp;
|
|
int? val = loginType.toInt;
|
|
authVm.checkUserAuthentication(otpTypeEnum: OTPTypeEnum.whatsapp);
|
|
},
|
|
backgroundColor: AppColors.transparent,
|
|
borderColor: AppColors.textColor,
|
|
textColor: AppColors.textColor,
|
|
icon: AppAssets.whatsapp,
|
|
iconColor: null,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
);
|
|
},
|
|
backgroundColor: AppColors.whiteColor,
|
|
borderColor: AppColors.borderOnlyColor,
|
|
textColor: AppColors.textColor,
|
|
borderWidth: 2,
|
|
padding: EdgeInsets.fromLTRB(0, 14, 0, 14),
|
|
icon: AppAssets.sms,
|
|
iconColor: AppColors.textColor,
|
|
)
|
|
: Container(),
|
|
SizedBox(
|
|
height: 20,
|
|
),
|
|
],
|
|
)
|
|
: CustomButton(
|
|
text: "${LocaleKeys.loginBy.tr()} ${LoginTypeEnum.whatsapp.displayName}",
|
|
icon: AppAssets.whatsapp,
|
|
iconColor: null,
|
|
onPressed: () {
|
|
if (loginType == LoginTypeEnum.fingerprint || loginType == LoginTypeEnum.face) {
|
|
authVm.loginWithFingerPrintFace(() {});
|
|
} else {
|
|
loginType = LoginTypeEnum.whatsapp;
|
|
int? val = loginType.toInt;
|
|
authVm.checkUserAuthentication(otpTypeEnum: OTPTypeEnum.whatsapp);
|
|
}
|
|
},
|
|
backgroundColor: AppColors.whiteColor,
|
|
borderColor: Color(0xFF2E3039),
|
|
textColor: Color(0xFF2E3039),
|
|
borderWidth: 2,
|
|
padding: EdgeInsets.fromLTRB(0, 14, 0, 14),
|
|
),
|
|
const Spacer(flex: 2),
|
|
// OR divider
|
|
|
|
const SizedBox(height: 24),
|
|
// Guest and Switch account
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Expanded(
|
|
child: Container(
|
|
height: 56,
|
|
child: CustomButton(
|
|
text: LocaleKeys.guest.tr(),
|
|
onPressed: () {
|
|
Navigator.of(context).pushReplacement(
|
|
MaterialPageRoute(builder: (BuildContext context) => LoginScreen()),
|
|
);
|
|
},
|
|
backgroundColor: Color(0xffFEE9EA),
|
|
borderColor: Color(0xffFEE9EA),
|
|
textColor: Color(0xffED1C2B),
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w500,
|
|
borderRadius: 12,
|
|
padding: EdgeInsets.fromLTRB(0, 10, 0, 10),
|
|
// icon: "assets/images/svg/apple-finder.svg",
|
|
),
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: MediaQuery.of(context).size.width * 0.05,
|
|
),
|
|
Expanded(
|
|
child: SizedBox(
|
|
height: 56,
|
|
child: CustomButton(
|
|
text: LocaleKeys.switchAccount.tr(),
|
|
onPressed: () async {
|
|
await authVm.clearDefaultInputValues();
|
|
Navigator.of(context).pushReplacement(
|
|
MaterialPageRoute(builder: (BuildContext context) => LoginScreen()),
|
|
);
|
|
},
|
|
backgroundColor: Color(0xffFEE9EA),
|
|
borderColor: Color(0xffFEE9EA),
|
|
textColor: Color(0xffED1C2B),
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.w500,
|
|
borderRadius: 12,
|
|
padding: EdgeInsets.fromLTRB(0, 10, 0, 10),
|
|
// icon: "assets/images/svg/apple-finder.svg",
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 20),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
String getTypeIcons(int type) {
|
|
final types = {
|
|
1: AppAssets.sms,
|
|
2: AppAssets.fingerprint,
|
|
3: AppAssets.fingerprint,
|
|
4: AppAssets.whatsapp,
|
|
0: AppAssets.sms,
|
|
};
|
|
|
|
if (types.containsKey(type)) {
|
|
return types[type]!;
|
|
} else {
|
|
throw Exception('Invalid login type: $type');
|
|
}
|
|
}
|
|
}
|