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.
507 lines
21 KiB
Dart
507 lines
21 KiB
Dart
import 'package:flutter/gestures.dart';
|
|
import 'package:hmg_patient_app/config/size_config.dart';
|
|
import 'package:hmg_patient_app/core/viewModels/project_view_model.dart';
|
|
import 'package:hmg_patient_app/new_ui/otp/otp_validation_bootmsheet_widget.dart';
|
|
import 'package:hmg_patient_app/pages/AlHabibMedicalService/health_calculator/carbs/carbs.dart';
|
|
import 'package:hmg_patient_app/pages/login/login-type.dart';
|
|
import 'package:hmg_patient_app/pages/login/register-info.dart';
|
|
import 'package:hmg_patient_app/pages/login/register.dart';
|
|
import 'package:hmg_patient_app/pages/login/register_new_step_2.dart';
|
|
import 'package:hmg_patient_app/services/authentication/auth_provider.dart';
|
|
import 'package:hmg_patient_app/theme/colors.dart';
|
|
import 'package:hmg_patient_app/uitl/app_shared_preferences.dart';
|
|
import 'package:hmg_patient_app/uitl/translations_delegate_base.dart';
|
|
import 'package:hmg_patient_app/uitl/utils.dart';
|
|
import 'package:hmg_patient_app/uitl/utils_new.dart';
|
|
import 'package:hmg_patient_app/widgets/others/app_scaffold_widget.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:hmg_patient_app/widgets/text/app_texts_widget.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import '../../widgets/transitions/fade_page.dart';
|
|
|
|
class RegisterNew extends StatefulWidget {
|
|
@override
|
|
_RegisterNew createState() => _RegisterNew();
|
|
}
|
|
|
|
class _RegisterNew extends State<RegisterNew> {
|
|
final nationalIDorFile = TextEditingController();
|
|
final phoneController = TextEditingController();
|
|
Country selectedCountry = Country.saudiArabia;
|
|
bool isTermsAccepted = false;
|
|
DateTime? selectedDOB;
|
|
|
|
final int loginType = LoginType.loginType;
|
|
late String mobileNo;
|
|
String countryCode = '966';
|
|
var isHijri;
|
|
final util = Utils();
|
|
late String dob;
|
|
bool isButtonDisabled = true;
|
|
final authService = new AuthProvider();
|
|
final sharedPref = new AppSharedPreferences();
|
|
late PageController _controller;
|
|
late bool isLoading;
|
|
int _currentIndex = 0;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_controller = new PageController();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
super.dispose();
|
|
}
|
|
|
|
changePageViewIndex(pageIndex) {
|
|
_controller.jumpToPage(pageIndex);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AppScaffold(
|
|
appBarTitle: TranslationBase.of(context).register,
|
|
isShowDecPage: false,
|
|
isShowAppBar: true,
|
|
isshowBackButton: true,
|
|
showNewAppBar: true,
|
|
backgroundColor: Color(0xffF8F8F8),
|
|
showNewAppBarTitle: false,
|
|
showDropDown: true,
|
|
isShowLanguageChanger: true,
|
|
appBarIcons: [],
|
|
dropDownList: [],
|
|
resizeToAvoidBottomInset: true,
|
|
dropDownIndexChange: (value) {
|
|
Utils.changeAppLanguage(context: context);
|
|
},
|
|
// body: SingleChildScrollView(
|
|
// child: Container(
|
|
// height: SizeConfig.realScreenHeight! * .9,
|
|
// width: SizeConfig.realScreenWidth,
|
|
// child: Column(children: <Widget>[
|
|
// Container(
|
|
// width: double.infinity,
|
|
// padding: EdgeInsets.only(left: 20, right: 20, top: 12),
|
|
// child: Row(
|
|
// children: [
|
|
// Expanded(
|
|
// child: showProgress(
|
|
// title: TranslationBase.of(context).enterDetails,
|
|
// status: _currentIndex == 0
|
|
// ? TranslationBase.of(context).inPrgress
|
|
// : _currentIndex > 0
|
|
// ? TranslationBase.of(context).completed
|
|
// : TranslationBase.of(context).locked,
|
|
// color: _currentIndex == 0 ? CustomColors.orange : CustomColors.green,
|
|
// ),
|
|
// ),
|
|
// Expanded(
|
|
// child: showProgress(
|
|
// title: TranslationBase.of(context).patientInfo,
|
|
// status: _currentIndex == 1
|
|
// ? TranslationBase.of(context).inPrgress
|
|
// : _currentIndex > 1
|
|
// ? TranslationBase.of(context).completed
|
|
// : TranslationBase.of(context).locked,
|
|
// color: _currentIndex == 1
|
|
// ? CustomColors.orange
|
|
// : _currentIndex > 1
|
|
// ? CustomColors.green
|
|
// : CustomColors.grey2,
|
|
// ),
|
|
// ),
|
|
// showProgress(
|
|
// title: TranslationBase.of(context).otherInfo,
|
|
// status: _currentIndex == 2 ? TranslationBase.of(context).inPrgress : TranslationBase.of(context).locked,
|
|
// color: _currentIndex == 2
|
|
// ? CustomColors.orange
|
|
// : _currentIndex > 3
|
|
// ? CustomColors.green
|
|
// : CustomColors.grey2,
|
|
// isNeedBorder: false,
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// Expanded(
|
|
// child: PageView(
|
|
// physics: NeverScrollableScrollPhysics(),
|
|
// controller: _controller,
|
|
// onPageChanged: (index) {
|
|
// setState(() {
|
|
// _currentIndex = index;
|
|
// });
|
|
// },
|
|
// scrollDirection: Axis.horizontal,
|
|
// children: <Widget>[
|
|
// Register(
|
|
// changePageViewIndex: changePageViewIndex,
|
|
// ),
|
|
//
|
|
// RegisterInfo(
|
|
// changePageViewIndex: changePageViewIndex,
|
|
// ),
|
|
// RegisterInfo(changePageViewIndex: changePageViewIndex, page: 2),
|
|
// // NewEReferralStepOnePage(
|
|
// // changePageViewIndex: changePageViewIndex,
|
|
// // createEReferralRequestModel: createEReferralRequestModel,
|
|
// // ),
|
|
// // NewEReferralStepTowPage(
|
|
// // changePageViewIndex: changePageViewIndex,
|
|
// // createEReferralRequestModel: createEReferralRequestModel,
|
|
// // ),
|
|
// // NewEReferralStepThreePage(
|
|
// // changePageViewIndex: changePageViewIndex,
|
|
// // createEReferralRequestModel: createEReferralRequestModel,
|
|
// // ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// ]),
|
|
// ),
|
|
// ),
|
|
|
|
body: SafeArea(
|
|
child: SingleChildScrollView(
|
|
reverse: false,
|
|
padding: EdgeInsets.only(
|
|
left: 24,
|
|
right: 24,
|
|
// bottom: MediaQuery.of(context).viewInsets.bottom ,
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Utils.showLottie(
|
|
context: context,
|
|
assetPath: 'assets/animations/lottie/register.json',
|
|
width: 238,
|
|
repeat: true,
|
|
),
|
|
SizedBox(height: 8),
|
|
Text(
|
|
TranslationBase.of(context).prepareToElevate,
|
|
style: TextStyle(
|
|
fontSize: 32,
|
|
fontFamily: context.fontFamily,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xff2B353E),
|
|
letterSpacing: -0.4,
|
|
height: 47 / 32,
|
|
),
|
|
),
|
|
SizedBox(height: 24),
|
|
Directionality(
|
|
textDirection: Directionality.of(context),
|
|
child: Container(
|
|
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(24)),
|
|
padding: EdgeInsets.only(left: 16, right: 16),
|
|
child: Column(
|
|
children: [
|
|
inputWidget(
|
|
TranslationBase.of(context).country,
|
|
"Kingdom Of Saudi Arabia",
|
|
nationalIDorFile,
|
|
isEnable: true,
|
|
prefix: null,
|
|
hasSelection: true,
|
|
dropdownItems: Country.values.map((e) => context.selectedLanguage == "ar" ? e.nameArabic : e.displayName).toList(),
|
|
selectedValue: context.selectedLanguage == "ar" ? selectedCountry.nameArabic : selectedCountry.displayName,
|
|
selectionType: SelectionType.dropdown,
|
|
onChange: (val) {
|
|
if (val != null) {
|
|
setState(() {
|
|
selectedCountry = CountryExtension.fromDisplayName(val);
|
|
});
|
|
}
|
|
},
|
|
isBorderAllowed: false,
|
|
isAllowLeadingIcon: true,
|
|
hasSelectionCustomIcon: true,
|
|
removePadding: true,
|
|
isLeadingCountry: true,
|
|
isAllowRadius: false,
|
|
selectionCustomIcon: "assets/images/svg/arrow-down.svg",
|
|
leadingIcon: selectedCountry.iconPath,
|
|
),
|
|
Divider(height: 1),
|
|
inputWidget(TranslationBase.of(context).nationalIdNumber, "1xxxxxxxx", nationalIDorFile,
|
|
isEnable: true,
|
|
prefix: null,
|
|
removePadding: true,
|
|
isAllowRadius: false,
|
|
hasSelection: false,
|
|
isBorderAllowed: false,
|
|
isAllowLeadingIcon: true,
|
|
leadingIcon: "assets/images/svg/student-card.svg", onChange: (value) {
|
|
print(value);
|
|
}),
|
|
Divider(height: 1),
|
|
inputWidget(TranslationBase.of(context).dob, "11 July, 1994", nationalIDorFile,
|
|
isEnable: true,
|
|
prefix: null,
|
|
hasSelection: true,
|
|
removePadding: true,
|
|
isBorderAllowed: false,
|
|
isAllowLeadingIcon: true,
|
|
hasSelectionCustomIcon: true,
|
|
selectionType: SelectionType.calendar,
|
|
selectedValue: selectedDOB != null ? Utils.formatDateToDisplay(selectedDOB.toString()) : null,
|
|
selectionCustomIcon: "assets/images/svg/calendar.svg",
|
|
leadingIcon: "assets/images/svg/birthday-cake.svg", onChange: (value) {
|
|
print("=========== " + value!);
|
|
selectedDOB = DateTime.parse(value);
|
|
|
|
setState(() {});
|
|
}),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: 25),
|
|
GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
isTermsAccepted = !isTermsAccepted;
|
|
});
|
|
},
|
|
child: Row(
|
|
children: [
|
|
AnimatedContainer(
|
|
duration: const Duration(milliseconds: 200),
|
|
height: 24,
|
|
width: 24,
|
|
decoration: BoxDecoration(
|
|
color: isTermsAccepted ? const Color(0xFFE92227) : Colors.transparent,
|
|
borderRadius: BorderRadius.circular(6),
|
|
border: Border.all(
|
|
color: isTermsAccepted ? const Color(0xFFE92227) : Colors.grey,
|
|
width: 2,
|
|
),
|
|
),
|
|
child: isTermsAccepted ? const Icon(Icons.check, size: 16, color: Colors.white) : null,
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Text(
|
|
TranslationBase.of(context).iAcceptTermsConditions,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w500,
|
|
color: Color(0xFF2E3039),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(height: 25),
|
|
CustomButton(
|
|
text: TranslationBase.of(context).register,
|
|
icon: "assets/images/svg/note-edit.svg",
|
|
onPressed: () {
|
|
// bool isValid = Utils.validateIqama(nationalIDorFile.text);
|
|
if (nationalIDorFile == null) {
|
|
Utils.showErrorToast("Please enter your national id.");
|
|
return;
|
|
}
|
|
if (selectedCountry == null) {
|
|
Utils.showErrorToast("Please select your country.");
|
|
return;
|
|
}
|
|
|
|
if (selectedDOB == null) {
|
|
Utils.showErrorToast("Please enter your date of birth.");
|
|
return;
|
|
}
|
|
if (!isTermsAccepted) {
|
|
Utils.showErrorToast("Please accept the terms and conditions.");
|
|
return;
|
|
}
|
|
|
|
showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
isDismissible: false,
|
|
backgroundColor: Colors.transparent,
|
|
builder: (bottomSheetContext) => Padding(
|
|
padding: EdgeInsets.only(bottom: MediaQuery.of(bottomSheetContext).viewInsets.bottom),
|
|
child: SingleChildScrollView(
|
|
child: GenericBottomSheet(
|
|
countryCode: selectedCountry.countryCode,
|
|
initialPhoneNumber: "",
|
|
textController: phoneController,
|
|
buttons: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 10),
|
|
child: CustomButton(
|
|
text: "Send me OTP on SMS",
|
|
onPressed: () {
|
|
int? val = Utils.onOtpBtnPressed(OTPType.sms, phoneController);
|
|
registerUser(val);
|
|
//if (val != null) checkUserAuthentication(val);
|
|
},
|
|
backgroundColor: Colors.red,
|
|
borderColor: Colors.red,
|
|
textColor: Colors.white,
|
|
icon: "assets/images/svg/message.svg",
|
|
),
|
|
),
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8),
|
|
child: AppText(
|
|
"OR",
|
|
fontSize: 16,
|
|
fontFamily: context.fontFamily,
|
|
color: Color(0xFF2E3039),
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 10),
|
|
child: CustomButton(
|
|
text: "Send me OTP on WhatsApp",
|
|
onPressed: () {
|
|
int? val = Utils.onOtpBtnPressed(OTPType.whatsapp, phoneController);
|
|
registerUser(val);
|
|
// if (val != null) checkUserAuthentication(val);
|
|
},
|
|
backgroundColor: Colors.white,
|
|
borderColor: Color(0xFF2E3039),
|
|
textColor: Color(0xFF2E3039),
|
|
icon: "assets/images/svg/whatsapp.svg",
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
fontFamily: context.fontFamily,
|
|
),
|
|
SizedBox(height: 14),
|
|
Center(
|
|
child: RichText(
|
|
textAlign: TextAlign.center,
|
|
text: TextSpan(
|
|
style: TextStyle(
|
|
color: Colors.black,
|
|
fontSize: 16,
|
|
height: 26 / 16,
|
|
fontFamily: context.fontFamily,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
children: <TextSpan>[
|
|
TextSpan(
|
|
text: TranslationBase.of(context).alreadyHaveAccount,
|
|
style: TextStyle(
|
|
fontFamily: context.fontFamily,
|
|
),
|
|
),
|
|
TextSpan(text: " "),
|
|
TextSpan(
|
|
text: TranslationBase.of(context).loginNow,
|
|
style: TextStyle(
|
|
color: Colors.red,
|
|
fontSize: 16,
|
|
height: 26 / 16,
|
|
fontFamily: context.fontFamily,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
recognizer: TapGestureRecognizer()
|
|
..onTap = () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: 30),
|
|
],
|
|
),
|
|
),
|
|
));
|
|
}
|
|
|
|
Widget showProgress({String? title, String? status, Color? color, bool isNeedBorder = true}) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Container(
|
|
width: 26,
|
|
height: 26,
|
|
decoration: containerRadius(color!, 200),
|
|
child: Icon(
|
|
Icons.done,
|
|
color: Colors.white,
|
|
size: 16,
|
|
),
|
|
),
|
|
if (isNeedBorder)
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: mDivider(Colors.grey),
|
|
)),
|
|
],
|
|
),
|
|
mHeight(8),
|
|
Text(
|
|
title!,
|
|
style: TextStyle(
|
|
fontSize: 11,
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: -0.44,
|
|
),
|
|
),
|
|
mHeight(2),
|
|
Container(
|
|
padding: EdgeInsets.all(5),
|
|
decoration: containerRadius(color.withOpacity(0.2), 4),
|
|
child: Text(
|
|
status!,
|
|
style: TextStyle(
|
|
fontSize: 8,
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: -0.32,
|
|
color: color,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
)
|
|
],
|
|
);
|
|
}
|
|
|
|
void registerUser(int? value) {
|
|
//OTPType.sms ? 1 : 2;
|
|
print("Country: ${selectedCountry.name}");
|
|
print("nationalId: ${nationalIDorFile.text}");
|
|
print("DOB: ${selectedDOB}");
|
|
if (value == 1) {
|
|
print("OTP sent successfully to ${phoneController.text} using SMS");
|
|
} else {
|
|
print("OTP sent successfully to ${phoneController.text} using Whatsapp");
|
|
}
|
|
Navigator.of(context).push(FadePage(page: RegisterNewStep2()));
|
|
}
|
|
}
|