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.
499 lines
25 KiB
Dart
499 lines
25 KiB
Dart
import 'dart:io' show Platform;
|
|
|
|
import 'package:doctor_app_flutter/config/shared_pref_kay.dart';
|
|
import 'package:doctor_app_flutter/core/enum/auth_method_types.dart';
|
|
import 'package:doctor_app_flutter/core/enum/viewstate.dart';
|
|
import 'package:doctor_app_flutter/core/viewModel/authentication_view_model.dart';
|
|
import 'package:doctor_app_flutter/core/viewModel/project_view_model.dart';
|
|
import 'package:doctor_app_flutter/util/date-utils.dart';
|
|
import 'package:doctor_app_flutter/util/translations_delegate_base.dart';
|
|
import 'package:doctor_app_flutter/widgets/auth/sms-popup.dart';
|
|
import 'package:doctor_app_flutter/widgets/shared/app_loader_widget.dart';
|
|
import 'package:doctor_app_flutter/widgets/shared/app_scaffold_widget.dart';
|
|
import 'package:doctor_app_flutter/widgets/shared/app_texts_widget.dart';
|
|
import 'package:doctor_app_flutter/widgets/shared/buttons/app_buttons_widget.dart';
|
|
import 'package:doctor_app_flutter/widgets/shared/loader/gif_loader_dialog_utils.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:hexcolor/hexcolor.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import '../../config/size_config.dart';
|
|
import '../../util/dr_app_shared_pref.dart';
|
|
import '../../util/helpers.dart';
|
|
import '../../widgets/auth/verification_methods_list.dart';
|
|
|
|
DrAppSharedPreferances sharedPref = new DrAppSharedPreferances();
|
|
Helpers helpers = Helpers();
|
|
|
|
class VerificationMethodsScreen extends StatefulWidget {
|
|
final password;
|
|
|
|
VerificationMethodsScreen({
|
|
this.password,
|
|
});
|
|
|
|
@override
|
|
_VerificationMethodsScreenState createState() => _VerificationMethodsScreenState();
|
|
}
|
|
|
|
class _VerificationMethodsScreenState extends State<VerificationMethodsScreen> {
|
|
late ProjectViewModel projectsProvider;
|
|
bool isMoreOption = false;
|
|
bool onlySMSBox = false;
|
|
AuthMethodTypes? fingerPrintBefore;
|
|
late AuthMethodTypes selectedOption;
|
|
late AuthenticationViewModel authenticationViewModel;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
projectsProvider = Provider.of<ProjectViewModel>(context);
|
|
authenticationViewModel = Provider.of<AuthenticationViewModel>(context);
|
|
|
|
return AppScaffold(
|
|
isShowAppBar: false,
|
|
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
|
|
// baseViewModel: model,
|
|
body: SingleChildScrollView(
|
|
child: Center(
|
|
child: FractionallySizedBox(
|
|
widthFactor: 0.9,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
SizedBox(
|
|
height: SizeConfig.heightMultiplier * (SizeConfig.isHeightVeryShort ? 6 : 4),
|
|
),
|
|
if (authenticationViewModel.isFromLogin)
|
|
InkWell(
|
|
onTap: () {
|
|
authenticationViewModel.setUnverified(false, isFromLogin: false);
|
|
authenticationViewModel.setAppStatus(APP_STATUS.UNAUTHENTICATED);
|
|
},
|
|
child: Icon(
|
|
Icons.arrow_back_ios,
|
|
color: Color(0xFF2B353E),
|
|
)),
|
|
Column(
|
|
children: <Widget>[
|
|
SizedBox(
|
|
height: SizeConfig.heightMultiplier * (SizeConfig.isHeightVeryShort ? 3 : 4),
|
|
),
|
|
authenticationViewModel.user != null && isMoreOption == false
|
|
? Column(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
AppText(
|
|
TranslationBase.of(context).welcomeBack,
|
|
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 4,
|
|
fontWeight: FontWeight.w700,
|
|
color: Color(0xFF2B353E),
|
|
),
|
|
AppText(
|
|
Helpers.capitalize(authenticationViewModel.user!.doctorName),
|
|
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 6,
|
|
color: Color(0xFF2B353E),
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
SizedBox(
|
|
height: SizeConfig.heightMultiplier * 4,
|
|
),
|
|
AppText(
|
|
TranslationBase.of(context).accountInfo,
|
|
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 5,
|
|
color: Color(0xFF2E303A),
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
SizedBox(height: SizeConfig.heightMultiplier * 4),
|
|
Container(
|
|
padding: EdgeInsets.all(15),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.all(
|
|
Radius.circular(10),
|
|
),
|
|
border: Border.all(color: HexColor('#707070'), width: 0.1),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Container(
|
|
width: SizeConfig.realScreenWidth * .5,
|
|
padding: EdgeInsets.all(0),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
TranslationBase.of(context).lastLoginAt!,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
fontFamily: 'Poppins',
|
|
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 4.5,
|
|
color: Color(0xFF2E303A),
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
Container(
|
|
width: MediaQuery.of(context).size.width * 0.55,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: TranslationBase.of(context).verifyWith,
|
|
style: TextStyle(
|
|
color: Color(0xFF2B353E),
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 4.5,
|
|
fontFamily: 'Poppins',
|
|
),
|
|
children: <TextSpan>[
|
|
TextSpan(
|
|
text: authenticationViewModel.getType(
|
|
authenticationViewModel.user!.logInTypeID, context),
|
|
style: TextStyle(
|
|
color: Color(0xFF2B353E),
|
|
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 4.5,
|
|
fontFamily: 'Poppins',
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
)
|
|
]),
|
|
),
|
|
),
|
|
],
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
),
|
|
),
|
|
Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
AppText(
|
|
authenticationViewModel.user!.editedOn != null
|
|
? AppDateUtils.getDayMonthYearDateFormatted(
|
|
AppDateUtils.convertStringToDate(
|
|
authenticationViewModel.user!.editedOn!))
|
|
: authenticationViewModel.user!.createdOn! != null
|
|
? AppDateUtils.getDayMonthYearDateFormatted(
|
|
AppDateUtils.convertStringToDate(
|
|
authenticationViewModel.user!.createdOn!))
|
|
: '--',
|
|
textAlign: TextAlign.right,
|
|
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 4.5,
|
|
color: Color(0xFF2E303A),
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
AppText(
|
|
authenticationViewModel.user!.editedOn != null
|
|
? AppDateUtils.getHour(AppDateUtils.convertStringToDate(
|
|
authenticationViewModel.user!.editedOn!))
|
|
: authenticationViewModel.user!.createdOn != null
|
|
? AppDateUtils.getHour(AppDateUtils.convertStringToDate(
|
|
authenticationViewModel.user!.createdOn!))
|
|
: '--',
|
|
textAlign: TextAlign.right,
|
|
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 4.5,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575757),
|
|
)
|
|
],
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
)
|
|
],
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: SizeConfig.heightMultiplier * 3,
|
|
),
|
|
Row(
|
|
children: [
|
|
//todo add translation
|
|
AppText(
|
|
"Please Verify",
|
|
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 5,
|
|
color: Color(0xFF2B353E),
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: SizeConfig.heightMultiplier * 2,
|
|
),
|
|
],
|
|
)
|
|
: Column(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
this.onlySMSBox == false
|
|
? Container(
|
|
margin: EdgeInsets.only(bottom: 20, top: 30),
|
|
child: AppText(
|
|
TranslationBase.of(context).verifyLoginWith,
|
|
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 4,
|
|
color: Color(0xFF2E303A),
|
|
fontWeight: FontWeight.bold,
|
|
textAlign: TextAlign.left,
|
|
),
|
|
)
|
|
: AppText(
|
|
TranslationBase.of(context).verifyFingerprint2,
|
|
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 4,
|
|
textAlign: TextAlign.start,
|
|
),
|
|
]),
|
|
authenticationViewModel.user != null && isMoreOption == false
|
|
? Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Row(mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[
|
|
Expanded(
|
|
child: InkWell(
|
|
onTap: () => {
|
|
// TODO check this logic it seem it will create bug to us
|
|
authenticateUser(AuthMethodTypes.Fingerprint, true)
|
|
},
|
|
child: VerificationMethodsList(
|
|
authenticationViewModel: authenticationViewModel,
|
|
authMethodType: SelectedAuthMethodTypesService.getMethodsTypeService(
|
|
authenticationViewModel.user!.logInTypeID!),
|
|
authenticateUser: (AuthMethodTypes authMethodType, isActive) =>
|
|
authenticateUser(authMethodType, isActive),
|
|
)),
|
|
),
|
|
Expanded(
|
|
child: VerificationMethodsList(
|
|
authenticationViewModel: authenticationViewModel,
|
|
authMethodType: AuthMethodTypes.MoreOptions,
|
|
onShowMore: () {
|
|
setState(() {
|
|
isMoreOption = true;
|
|
});
|
|
},
|
|
))
|
|
]),
|
|
])
|
|
: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
onlySMSBox == false
|
|
? Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: VerificationMethodsList(
|
|
authenticationViewModel: authenticationViewModel,
|
|
authMethodType: AuthMethodTypes.Fingerprint,
|
|
authenticateUser: (AuthMethodTypes authMethodType, isActive) =>
|
|
authenticateUser(authMethodType, isActive),
|
|
)),
|
|
Expanded(
|
|
child: VerificationMethodsList(
|
|
authenticationViewModel: authenticationViewModel,
|
|
authMethodType: AuthMethodTypes.FaceID,
|
|
authenticateUser: (AuthMethodTypes authMethodType, isActive) =>
|
|
authenticateUser(authMethodType, isActive),
|
|
))
|
|
],
|
|
)
|
|
: SizedBox(),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: VerificationMethodsList(
|
|
authenticationViewModel: authenticationViewModel,
|
|
authMethodType: AuthMethodTypes.SMS,
|
|
authenticateUser: (AuthMethodTypes authMethodType, isActive) =>
|
|
authenticateUser(authMethodType, isActive),
|
|
)),
|
|
Expanded(
|
|
child: VerificationMethodsList(
|
|
authenticationViewModel: authenticationViewModel,
|
|
authMethodType: AuthMethodTypes.WhatsApp,
|
|
authenticateUser: (AuthMethodTypes authMethodType, isActive) =>
|
|
authenticateUser(authMethodType, isActive),
|
|
))
|
|
],
|
|
),
|
|
]),
|
|
|
|
// )
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
bottomSheet: authenticationViewModel.user == null
|
|
? SizedBox(
|
|
height: 0,
|
|
)
|
|
: Container(
|
|
// color: Colors.green,
|
|
height: SizeConfig.heightMultiplier * 10,
|
|
width: double.infinity,
|
|
child: Center(
|
|
child: FractionallySizedBox(
|
|
widthFactor: 0.9,
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
AppButton(
|
|
title: TranslationBase.of(context).useAnotherAccount,
|
|
color: Color(0xFFD02127),
|
|
fontWeight: FontWeight.w700,
|
|
height: SizeConfig.heightMultiplier * (SizeConfig.isHeightVeryShort ? 8 : 6),
|
|
hPadding: 1,
|
|
onPressed: () {
|
|
authenticationViewModel.deleteUser();
|
|
authenticationViewModel.setAppStatus(APP_STATUS.UNAUTHENTICATED);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
sendActivationCodeByOtpNotificationType(AuthMethodTypes authMethodType) async {
|
|
if (authMethodType == AuthMethodTypes.SMS || authMethodType == AuthMethodTypes.WhatsApp) {
|
|
GifLoaderDialogUtils.showMyDialog(context);
|
|
|
|
await authenticationViewModel.sendActivationCodeForDoctorApp(
|
|
authMethodType: authMethodType, password: authenticationViewModel.userInfo.password!);
|
|
if (authenticationViewModel.state == ViewState.ErrorLocal) {
|
|
Helpers.showErrorToast(authenticationViewModel.error);
|
|
GifLoaderDialogUtils.hideDialog(context);
|
|
} else {
|
|
authenticationViewModel
|
|
.setDataAfterSendActivationSuccess(authenticationViewModel.activationCodeForDoctorAppRes);
|
|
sharedPref.setString(PASSWORD, authenticationViewModel.userInfo.password!);
|
|
GifLoaderDialogUtils.hideDialog(context);
|
|
this.startSMSService(authMethodType);
|
|
}
|
|
} else {
|
|
// TODO route to this page with parameters to inicate we should present 2 option
|
|
if (Platform.isAndroid && authMethodType == AuthMethodTypes.Fingerprint) {
|
|
Helpers.showErrorToast('Your device not support this feature');
|
|
} else {}
|
|
}
|
|
}
|
|
|
|
sendActivationCodeVerificationScreen(AuthMethodTypes authMethodType) async {
|
|
GifLoaderDialogUtils.showMyDialog(context);
|
|
await authenticationViewModel.sendActivationCodeVerificationScreen(authMethodType);
|
|
|
|
if (authenticationViewModel.state == ViewState.ErrorLocal) {
|
|
GifLoaderDialogUtils.hideDialog(context);
|
|
Helpers.showErrorToast(authenticationViewModel.error);
|
|
} else {
|
|
authenticationViewModel
|
|
.setDataAfterSendActivationSuccess(authenticationViewModel.activationCodeVerificationScreenRes);
|
|
if (authMethodType == AuthMethodTypes.SMS || authMethodType == AuthMethodTypes.WhatsApp) {
|
|
GifLoaderDialogUtils.hideDialog(context);
|
|
this.startSMSService(authMethodType);
|
|
} else {
|
|
checkActivationCode();
|
|
}
|
|
}
|
|
}
|
|
|
|
authenticateUser(AuthMethodTypes authMethodType, isActive) {
|
|
if (authMethodType == AuthMethodTypes.Fingerprint || authMethodType == AuthMethodTypes.FaceID) {
|
|
fingerPrintBefore = authMethodType;
|
|
}
|
|
this.selectedOption = (fingerPrintBefore != null ? fingerPrintBefore : authMethodType)!;
|
|
|
|
switch (authMethodType) {
|
|
case AuthMethodTypes.SMS:
|
|
sendActivationCode(authMethodType);
|
|
break;
|
|
case AuthMethodTypes.WhatsApp:
|
|
sendActivationCode(authMethodType);
|
|
break;
|
|
case AuthMethodTypes.Fingerprint:
|
|
this.loginWithFingerPrintOrFaceID(AuthMethodTypes.Fingerprint, isActive);
|
|
break;
|
|
case AuthMethodTypes.FaceID:
|
|
this.loginWithFingerPrintOrFaceID(AuthMethodTypes.FaceID, isActive);
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
sharedPref.setInt(OTP_TYPE, selectedOption.getTypeIdService());
|
|
}
|
|
|
|
sendActivationCode(AuthMethodTypes authMethodType) async {
|
|
if (authenticationViewModel.user != null) {
|
|
sendActivationCodeVerificationScreen(authMethodType);
|
|
} else {
|
|
sendActivationCodeByOtpNotificationType(authMethodType);
|
|
}
|
|
}
|
|
|
|
startSMSService(AuthMethodTypes type) {
|
|
new SMSOTP(
|
|
context,
|
|
type,
|
|
authenticationViewModel.loggedUser != null
|
|
? authenticationViewModel.loggedUser!.mobileNumber
|
|
: authenticationViewModel.user!.mobile,
|
|
(value) {
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return AppLoaderWidget();
|
|
});
|
|
|
|
this.checkActivationCode(value: value);
|
|
},
|
|
() => {
|
|
print('Faild..'),
|
|
},
|
|
).displayDialog(context);
|
|
}
|
|
|
|
loginWithFingerPrintOrFaceID(AuthMethodTypes authMethodTypes, isActive) async {
|
|
if (isActive) {
|
|
await authenticationViewModel.showIOSAuthMessages();
|
|
if (!mounted) return;
|
|
if (authenticationViewModel.user != null &&
|
|
(SelectedAuthMethodTypesService.getMethodsTypeService(authenticationViewModel.user!.logInTypeID!) ==
|
|
AuthMethodTypes.Fingerprint ||
|
|
SelectedAuthMethodTypesService.getMethodsTypeService(authenticationViewModel.user!.logInTypeID!) ==
|
|
AuthMethodTypes.FaceID)) {
|
|
this.sendActivationCode(authMethodTypes);
|
|
} else {
|
|
setState(() {
|
|
this.onlySMSBox = true;
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
checkActivationCode({value}) async {
|
|
await authenticationViewModel.checkActivationCodeForDoctorApp(activationCode: value);
|
|
if (authenticationViewModel.state == ViewState.ErrorLocal) {
|
|
Navigator.pop(context);
|
|
Helpers.showErrorToast(authenticationViewModel.error);
|
|
} else {
|
|
await authenticationViewModel.onCheckActivationCodeSuccess();
|
|
Navigator.pop(context);
|
|
Navigator.pop(context);
|
|
navigateToLandingPage();
|
|
}
|
|
}
|
|
|
|
navigateToLandingPage() {
|
|
if (authenticationViewModel.state == ViewState.ErrorLocal) {
|
|
Helpers.showErrorToast(authenticationViewModel.error);
|
|
} else {
|
|
authenticationViewModel.setAppStatus(APP_STATUS.AUTHENTICATED);
|
|
}
|
|
}
|
|
}
|