register & Exception bottom sheet, country dropdown.

pull/8/head
aamir-csol 2 months ago
parent 5e292544d7
commit 8f1e4500cc

@ -783,7 +783,11 @@
"enterEmailDesc": "أدخل عنوان بريدك الإلكتروني لإكمال عملية إنشاء ملف طبي", "enterEmailDesc": "أدخل عنوان بريدك الإلكتروني لإكمال عملية إنشاء ملف طبي",
"enterPhoneDesc": "أدخل رقم هاتفك لتلقي رمز التحقق ", "enterPhoneDesc": "أدخل رقم هاتفك لتلقي رمز التحقق ",
"pleaseChooseOption": "الرجاء اختيار من الخيارات أدناه لتلقي رمز التحقق OTP", "pleaseChooseOption": "الرجاء اختيار من الخيارات أدناه لتلقي رمز التحقق OTP",
"prepareToElevate": "هل أنت مستعد لتحسين صحتك ورفاهتك؟" "prepareToElevate": "هل أنت مستعد لتحسين صحتك ورفاهتك؟",
"iAcceptTermsConditions": "أوافق على الشروط والأحكام",
"alreadyHaveAccount": "هل لديك حساب بالفعل؟",
"loginNow": "تسجيل الدخول الآن",
"notice": "إشعار"
} }

@ -776,8 +776,12 @@
"enterPhoneNumber": "Enter Phone Number", "enterPhoneNumber": "Enter Phone Number",
"enterEmailDesc": "Enter your email address to complete the process of creating a medical file", "enterEmailDesc": "Enter your email address to complete the process of creating a medical file",
"enterPhoneDesc": "Enter your phone number to receive OTP verification code", "enterPhoneDesc": "Enter your phone number to receive OTP verification code",
"pleaseChooseOption": "Please select from the below options to receive OTP" "pleaseChooseOption": "Please select from the below options to receive OTP",
"dontHaveAccount": "Don't have an account?", "dontHaveAccount": "Don't have an account?",
"loginOrRegister": "Login or Register", "loginOrRegister": "Login or Register",
"prepareToElevate": "Prepared to elevate your health and well-being?" "prepareToElevate": "Prepared to elevate your health and well-being?",
"iAcceptTermsConditions": "I Accept the Terms and Conditions",
"alreadyHaveAccount": "Already have an account?",
"loginNow": "Login Now",
"notice": "Notice"
} }

@ -1,3 +1,4 @@
import 'package:hmg_patient_app_new/core/app_assets.dart';
import 'package:hmg_patient_app_new/core/enums.dart'; import 'package:hmg_patient_app_new/core/enums.dart';
import 'package:hmg_patient_app_new/core/utils/size_utils.dart'; import 'package:hmg_patient_app_new/core/utils/size_utils.dart';
import 'package:auto_size_text/auto_size_text.dart'; import 'package:auto_size_text/auto_size_text.dart';
@ -233,6 +234,12 @@ extension EmailValidator on String {
style: TextStyle(height: 32 / 32, color: color ?? AppColors.blackColor, fontSize: 32.fSize, letterSpacing: -0.4, fontWeight: isBold ? FontWeight.bold : FontWeight.normal), style: TextStyle(height: 32 / 32, color: color ?? AppColors.blackColor, fontSize: 32.fSize, letterSpacing: -0.4, fontWeight: isBold ? FontWeight.bold : FontWeight.normal),
); );
Widget toText36({Color? color, bool isBold = false, bool isCenter = false}) => Text(
this,
textAlign: isCenter ? TextAlign.center : null,
style: TextStyle(height: 47 / 36, color: color ?? AppColors.blackColor, fontSize: 36.fSize, letterSpacing: -1, fontWeight: isBold ? FontWeight.w600 : FontWeight.normal),
);
Widget toText44({Color? color, bool isBold = false}) => Text( Widget toText44({Color? color, bool isBold = false}) => Text(
this, this,
style: TextStyle(height: 32 / 32, color: color ?? AppColors.blackColor, fontSize: 44.fSize, letterSpacing: -0.4, fontWeight: isBold ? FontWeight.bold : FontWeight.normal), style: TextStyle(height: 32 / 32, color: color ?? AppColors.blackColor, fontSize: 44.fSize, letterSpacing: -0.4, fontWeight: isBold ? FontWeight.bold : FontWeight.normal),
@ -374,7 +381,6 @@ class FontUtils {
} }
} }
extension CountryExtension on Country { extension CountryExtension on Country {
String get displayName { String get displayName {
switch (this) { switch (this) {
@ -397,9 +403,9 @@ extension CountryExtension on Country {
String get iconPath { String get iconPath {
switch (this) { switch (this) {
case Country.saudiArabia: case Country.saudiArabia:
return "assets/images/svg/ksa.svg"; return AppAssets.ksa;
case Country.unitedArabEmirates: case Country.unitedArabEmirates:
return "assets/images/svg/uae.svg"; return AppAssets.uae;
} }
} }
@ -425,4 +431,3 @@ extension CountryExtension on Country {
} }
} }
} }

@ -782,5 +782,9 @@ abstract class LocaleKeys {
static const enterPhoneDesc = 'enterPhoneDesc'; static const enterPhoneDesc = 'enterPhoneDesc';
static const pleaseChooseOption = 'pleaseChooseOption'; static const pleaseChooseOption = 'pleaseChooseOption';
static const prepareToElevate = 'prepareToElevate'; static const prepareToElevate = 'prepareToElevate';
static const iAcceptTermsConditions = 'iAcceptTermsConditions';
static const alreadyHaveAccount = 'alreadyHaveAccount';
static const loginNow = 'loginNow';
static const notice = 'notice';
} }

@ -7,9 +7,7 @@ import 'package:flutter/material.dart';
import 'package:flutter/services.dart'; import 'package:flutter/services.dart';
import 'package:hmg_patient_app_new/core/dependencies.dart'; import 'package:hmg_patient_app_new/core/dependencies.dart';
import 'package:hmg_patient_app_new/features/authentication/authentication_view_model.dart'; import 'package:hmg_patient_app_new/features/authentication/authentication_view_model.dart';
import 'package:hmg_patient_app_new/core/app_state.dart';
import 'package:hmg_patient_app_new/core/utils/size_config.dart'; import 'package:hmg_patient_app_new/core/utils/size_config.dart';
import 'package:hmg_patient_app_new/providers/authentication_view_model.dart';
import 'package:hmg_patient_app_new/providers/bottom_navigation_provider.dart'; import 'package:hmg_patient_app_new/providers/bottom_navigation_provider.dart';
import 'package:hmg_patient_app_new/routes/app_routes.dart'; import 'package:hmg_patient_app_new/routes/app_routes.dart';
import 'package:hmg_patient_app_new/services/logger_service.dart'; import 'package:hmg_patient_app_new/services/logger_service.dart';
@ -22,7 +20,6 @@ import 'firebase_options.dart';
var globalMessengerKey = GlobalKey<ScaffoldMessengerState>(); var globalMessengerKey = GlobalKey<ScaffoldMessengerState>();
final navigatorKey = GlobalKey<NavigatorState>(); final navigatorKey = GlobalKey<NavigatorState>();
@pragma('vm:entry-point') @pragma('vm:entry-point')
Future<void> _firebaseMessagingBackgroundHandler(RemoteMessage message) async { Future<void> _firebaseMessagingBackgroundHandler(RemoteMessage message) async {
await Firebase.initializeApp(options: DefaultFirebaseOptions.currentPlatform); await Firebase.initializeApp(options: DefaultFirebaseOptions.currentPlatform);

@ -1,18 +1,17 @@
import 'package:easy_localization/easy_localization.dart'; import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/gestures.dart'; import 'package:flutter/gestures.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:hmg_patient_app_new/core/app_assets.dart'; import 'package:hmg_patient_app_new/core/app_assets.dart';
import 'package:hmg_patient_app_new/core/utils/size_utils.dart' hide Sizer; 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/core/utils/utils.dart';
import 'package:hmg_patient_app_new/extensions/string_extensions.dart'; import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart'; import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
import 'package:hmg_patient_app_new/generated/locale_keys.g.dart'; import 'package:hmg_patient_app_new/generated/locale_keys.g.dart';
import 'package:hmg_patient_app_new/presentation/authentication/register.dart';
import 'package:hmg_patient_app_new/theme/colors.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/appbar/app_bar_widget.dart';
import 'package:hmg_patient_app_new/widgets/buttons/custom_button.dart'; import 'package:hmg_patient_app_new/widgets/buttons/custom_button.dart';
import 'package:hmg_patient_app_new/widgets/input_widget.dart'; import 'package:hmg_patient_app_new/widgets/input_widget.dart';
import 'package:sizer/sizer.dart';
class LoginScreen extends StatefulWidget { class LoginScreen extends StatefulWidget {
@override @override
@ -32,98 +31,92 @@ class _LoginScreen extends State<LoginScreen> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Sizer(// Wrap with Sizer return Scaffold(
builder: (context, orientation, deviceType) { backgroundColor: AppColors.bgScaffoldColor,
return Scaffold( appBar: CustomAppBar(
backgroundColor: AppColors.bgScaffoldColor, onBackPressed: () {
appBar: CustomAppBar( Navigator.of(context).pop();
onBackPressed: () { },
}, onLanguageChanged: (String value) {
onLanguageChanged: (String value) { // context.setLocale(value == 'en' ? Locale('ar', 'SA') : Locale('en', 'US'));
// context.setLocale(value == 'en' ? Locale('ar', 'SA') : Locale('en', 'US')); },
}, ),
), body: GestureDetector(
body: GestureDetector( onTap: () {
onTap: () { FocusScope.of(context).unfocus(); // Dismiss the keyboard when tapping outside
FocusScope.of(context).unfocus(); // Dismiss the keyboard when tapping outside },
}, child: SingleChildScrollView(
child: SingleChildScrollView( child: Padding(
child: Padding( padding: EdgeInsets.symmetric(horizontal: 24.h),
padding: EdgeInsets.only(left: 6.sp, right: 6.sp), child: Column(
child: Column( mainAxisSize: MainAxisSize.min,
mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start, children: [
children: [ Utils.showLottie(context: context, assetPath: AppAnimations.login, width: 200.h, height: 200.h, repeat: true, fit: BoxFit.cover),
Utils.showLottie(context: context, assetPath: AppAnimations.login, width: 45.w, height: 22.sp, repeat: true, fit: BoxFit.cover), SizedBox(height: 130.h), // Adjusted to sizer unit
SizedBox(height: 19.sp), // Adjusted to sizer unit LocaleKeys.welcomeToDrSulaiman.tr().toText32(isBold: true, color: AppColors.textColor),
LocaleKeys.welcomeToDrSulaiman.tr().toText22(isBold: true, color: AppColors.textColor), SizedBox(height: 32.h),
// Text( TextInputWidget(
// LocaleKeys.welcomeToDrSulaiman.tr(), labelText: "${LocaleKeys.nationalId.tr()} / ${LocaleKeys.fileNo.tr()}",
// style: context.dynamicTextStyle( hintText: "xxxxxxxxx",
// fontSize: 22, controller: TextEditingController(),
// fontWeight: FontWeight.w600, keyboardType: TextInputType.number,
// color: AppColors.textColor, isEnable: true,
// letterSpacing: -0.4, prefix: null,
// height: 40 / 28, autoFocus: true,
// ), isAllowRadius: true,
// ), isBorderAllowed: false,
SizedBox(height: 4.sp), // Adjusted to sizer unit (approx 32px) isAllowLeadingIcon: true,
TextInputWidget( padding: EdgeInsets.symmetric(vertical: 8.h, horizontal: 10.h),
labelText: "${LocaleKeys.nationalId.tr()} / ${LocaleKeys.fileNo.tr()}", leadingIcon: AppAssets.student_card,
hintText: "xxxxxxxxx", errorMessage: "Please enter a valid national ID or file number",
controller: TextEditingController(), hasError: true,
keyboardType: TextInputType.number, ),
isEnable: true, SizedBox(height: 16.h), // Adjusted to sizer unit (approx 16px)
prefix: null, CustomButton(
autoFocus: true, text: LocaleKeys.login.tr(),
isBorderAllowed: false, icon: AppAssets.login1,
isAllowLeadingIcon: true, iconColor: Colors.white,
padding: EdgeInsets.symmetric(vertical: 1.sp, horizontal: 2.w), onPressed: () {},
leadingIcon: AppAssets.student_card, ),
errorMessage: "Please enter a valid national ID or file number", SizedBox(height: 10.h), // Adjusted to sizer unit (approx 14px)
hasError: true, Center(
), child: RichText(
SizedBox(height: 2.sp), // Adjusted to sizer unit (approx 16px) textAlign: TextAlign.center,
CustomButton( text: TextSpan(
text: LocaleKeys.login.tr(), style: context.dynamicTextStyle(
icon: AppAssets.login1, color: Colors.black,
iconColor: Colors.white, fontSize: 14.fSize, // Adjusted to sizer unit
onPressed: () {}, height: 26 / 16, // This height is a ratio, may need re-evaluation
), fontWeight: FontWeight.w500,
SizedBox(height: 2.sp), // Adjusted to sizer unit (approx 14px)
Center(
child: RichText(
textAlign: TextAlign.center,
text: TextSpan(
style: context.dynamicTextStyle(
color: Colors.black,
fontSize: 14.sp, // Adjusted to sizer unit
height: 26 / 16, // This height is a ratio, may need re-evaluation
fontWeight: FontWeight.w500,
),
children: <TextSpan>[
TextSpan(text: LocaleKeys.dontHaveAccount.tr(), style: context.dynamicTextStyle()),
TextSpan(text: " "),
TextSpan(
text: LocaleKeys.registernow.tr(),
style: context.dynamicTextStyle(
color: AppColors.primaryRedColor,
fontSize: 14.sp, // Adjusted to sizer unit
height: 26 / 16, // Ratio
fontWeight: FontWeight.w500,
),
recognizer: TapGestureRecognizer()..onTap = () {},
),
],
), ),
).withVerticalPadding(2.sp), // Adjusted to sizer unit children: <TextSpan>[
), TextSpan(text: LocaleKeys.dontHaveAccount.tr(), style: context.dynamicTextStyle()),
], TextSpan(text: " "),
), TextSpan(
text: LocaleKeys.registernow.tr(),
style: context.dynamicTextStyle(
color: AppColors.primaryRedColor,
fontSize: 14.fSize, // Adjusted to sizer unit
height: 26 / 16, // Ratio
fontWeight: FontWeight.w500,
),
recognizer: TapGestureRecognizer()
..onTap = () {
Navigator.of(context).push(
MaterialPageRoute(builder: (BuildContext context) => RegisterNew()),
);
},
),
],
),
).withVerticalPadding(2), // Adjusted to sizer unit
),
],
), ),
), ),
), ),
); ),
}); );
} }
} }

@ -1,579 +1,211 @@
// import'dart:convert'; import 'package:easy_localization/easy_localization.dart';
// import 'package:flutter/gestures.dart';
// import 'package:easy_localization/easy_localization.dart'; import 'package:flutter/material.dart';
// import 'package:flutter/gestures.dart'; import 'package:hmg_patient_app_new/core/app_assets.dart';
// import 'package:flutter_svg/flutter_svg.dart'; import 'package:hmg_patient_app_new/core/app_state.dart';
// import 'package:hijri_gregorian_calendar/hijri_gregorian_calendar.dart'; import 'package:hmg_patient_app_new/core/dependencies.dart';
// import 'package:hmg_patient_app/config/config.dart'; import 'package:hmg_patient_app_new/core/enums.dart';
// import 'package:hmg_patient_app/config/shared_pref_kay.dart'; import 'package:hmg_patient_app_new/core/utils/size_utils.dart';
// import 'package:hmg_patient_app/config/size_config.dart'; import 'package:hmg_patient_app_new/core/utils/utils.dart';
// import 'package:hmg_patient_app/core/service/client/base_app_client.dart'; import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
// import 'package:hmg_patient_app/core/viewModels/project_view_model.dart'; import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
// import 'package:hmg_patient_app/models/Appointments/toDoCountProviderModel.dart'; import 'package:hmg_patient_app_new/generated/locale_keys.g.dart';
// import 'package:hmg_patient_app/models/Authentication/check_activation_code_response.dart'; import 'package:hmg_patient_app_new/theme/colors.dart';
// import 'package:hmg_patient_app/models/Authentication/check_paitent_authentication_req.dart'; import 'package:hmg_patient_app_new/widgets/appbar/app_bar_widget.dart';
// import 'package:hmg_patient_app/models/Authentication/check_user_status_reponse.dart'; import 'package:hmg_patient_app_new/widgets/buttons/custom_button.dart' show CustomButton;
// import 'package:hmg_patient_app/models/Authentication/check_user_status_req.dart'; import 'package:hmg_patient_app_new/widgets/dropdown/country_dropdown_widget.dart';
// import 'package:hmg_patient_app/models/Authentication/checkpatient_for_registration.dart'; import 'package:hmg_patient_app_new/widgets/dropdown/dropdown_widget.dart';
// import 'package:hmg_patient_app/models/Authentication/register_info_response.dart'; import 'package:hmg_patient_app_new/widgets/input_widget.dart';
// import 'package:hmg_patient_app/models/Authentication/send_activation_request.dart';
// import 'package:hmg_patient_app/new_ui/new_ext.dart'; class RegisterNew extends StatefulWidget {
// import 'package:hmg_patient_app/new_ui/otp/otp_validation_bootmsheet_widget.dart'; @override
// import 'package:hmg_patient_app/pages/AlHabibMedicalService/health_calculator/carbs/carbs.dart'; _RegisterNew createState() => _RegisterNew();
// 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'; class _RegisterNew extends State<RegisterNew> {
// import 'package:hmg_patient_app/pages/login/register_new_step_2.dart'; bool isTermsAccepted = true;
// import 'package:hmg_patient_app/pages/login/user-login-agreement-page.dart';
// import 'package:hmg_patient_app/pages/login/welcome.dart'; @override
// import 'package:hmg_patient_app/services/authentication/auth_provider.dart'; void initState() {
// import 'package:hmg_patient_app/theme/colors.dart'; super.initState();
// import 'package:hmg_patient_app/uitl/app_shared_preferences.dart'; }
// import 'package:hmg_patient_app/uitl/app_toast.dart';
// import 'package:hmg_patient_app/uitl/font_utils.dart'; @override
// import 'package:hmg_patient_app/uitl/gif_loader_dialog_utils.dart'; void dispose() {
// import 'package:hmg_patient_app/uitl/translations_delegate_base.dart'; super.dispose();
// import 'package:hmg_patient_app/uitl/utils.dart'; }
// import 'package:hmg_patient_app/uitl/utils_new.dart';
// import 'package:hmg_patient_app/widgets/drawer/langauge_picker.dart'; @override
// import 'package:hmg_patient_app/widgets/others/app_scaffold_widget.dart'; Widget build(BuildContext context) {
// import 'package:flutter/material.dart'; AppState appState = getIt.get<AppState>();
// import 'package:hmg_patient_app/widgets/otp/sms-popup.dart'; return Scaffold(
// import 'package:hmg_patient_app/widgets/text/app_texts_widget.dart'; backgroundColor: AppColors.bgScaffoldColor,
// import 'package:hmg_patient_app_new/core/app_state.dart'; appBar: CustomAppBar(
// import 'package:hmg_patient_app_new/core/enums.dart'; onBackPressed: () {
// import 'package:hmg_patient_app_new/core/utils/utils.dart'; Navigator.of(context).pop();
// import 'package:hmg_patient_app_new/extensions/string_extensions.dart'; },
// import 'package:hmg_patient_app_new/generated/locale_keys.g.dart'; onLanguageChanged: (String value) {
// import 'package:hmg_patient_app_new/widgets/dropdown_widget.dart'; // context.setLocale(value == 'en' ? Locale('ar', 'SA') : Locale('en', 'US'));
// import 'package:hmg_patient_app_new/widgets/input_widget.dart'; },
// import 'package:provider/provider.dart'; ),
// body: GestureDetector(
// import '../../core/viewModels/appointment_rate_view_model.dart'; onTap: () {
// import '../../locator.dart'; FocusScope.of(context).unfocus();
// import '../../models/Authentication/authenticated_user.dart'; },
// import '../../models/Authentication/select_device_imei_res.dart'; child: ScrollConfiguration(
// import '../../models/InPatientServices/get_admission_info_response_model.dart'; behavior: ScrollConfiguration.of(context).copyWith(overscroll: false, physics: const ClampingScrollPhysics()),
// import '../../models/InPatientServices/get_admission_request_info_response_model.dart'; child: NotificationListener<OverscrollIndicatorNotification>(
// import '../../new_ui/exception_widget/ExceptionBottomSheet.dart'; onNotification: (notification) {
// import '../../services/clinic_services/get_clinic_service.dart'; notification.disallowIndicator();
// import '../../widgets/dialogs/alert_dialog.dart'; return true;
// import '../../widgets/dialogs/confirm_dialog.dart'; },
// import '../../widgets/transitions/fade_page.dart'; child: SingleChildScrollView(
// import 'package:intl/intl.dart' as intl; physics: ClampingScrollPhysics(),
// padding: EdgeInsets.symmetric(horizontal: 24.h),
// import '../landing/landing_page.dart'; child: Column(
// import '../rateAppointment/rate_appointment_doctor.dart'; mainAxisSize: MainAxisSize.min,
// crossAxisAlignment: CrossAxisAlignment.start,
// class RegisterNew extends StatefulWidget { children: [
// @override Utils.showLottie(context: context, assetPath: 'assets/animations/lottie/register.json', width: 200.h, height: 200.h, fit: BoxFit.cover, repeat: true),
// _RegisterNew createState() => _RegisterNew(); SizedBox(height: 16.h),
// } LocaleKeys.prepareToElevate.tr().toText32(isBold: true),
// SizedBox(height: 24.h),
// class _RegisterNew extends State<RegisterNew> { Directionality(
// @override textDirection: Directionality.of(context),
// void initState() { child: Container(
// super.initState(); decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(24)),
// } padding: EdgeInsets.symmetric(horizontal: 16.h),
// child: Column(
// @override children: [
// void dispose() { CustomCountryDropdown(
// super.dispose(); countryList: Country.values,
// } onCountryChange: (Country? value) {},
// isRtl: Directionality.of(context) == TextDirection.LTR,
// @override ).withVerticalPadding(8.h),
// Widget build(BuildContext context) {
// // DropdownWidget(
// AppState appState = getIt.get<AppState>(); // labelText: LocaleKeys.country.tr(),
// return Scaffold( // hintText: LocaleKeys.ksa.tr(),
// body: GestureDetector( // isEnable: true,
// onTap: () { // selectedValue: appState.getLanguageID(context) == "1" ? "selectedCountry.nameArabic" : "selectedCountry.displayName",
// FocusScope.of(context).unfocus(); // dropdownItems: Country.values.map((e) => appState.getLanguageID(context) == " 1" ? e.displayName : e.displayName).toList(),
// }, // onChange: (val) {
// child: ScrollConfiguration( // if (val != null) {}
// behavior: ScrollConfiguration.of(context).copyWith(overscroll: false, physics: const ClampingScrollPhysics()), // },
// child: NotificationListener<OverscrollIndicatorNotification>( // isBorderAllowed: false,
// onNotification: (notification) { // hasSelectionCustomIcon: true,
// notification.disallowIndicator(); // isAllowRadius: false,
// return true; // padding: EdgeInsets.symmetric(vertical: 8.h),
// }, // selectionCustomIcon: AppAssets.arrow_down,
// child: SingleChildScrollView( // ).withVerticalPadding(8),
// physics: ClampingScrollPhysics(), Divider(height: 1.h),
// padding: EdgeInsets.only( TextInputWidget(
// left: 24, labelText: LocaleKeys.nationalIdNumber.tr(),
// right: 24, hintText: "xxxxxxxxx",
// ), controller: TextEditingController(),
// child: Column( isEnable: true,
// mainAxisSize: MainAxisSize.min, prefix: null,
// crossAxisAlignment: CrossAxisAlignment.start, isAllowRadius: true,
// children: [ isBorderAllowed: false,
// Utils.showLottie( isAllowLeadingIcon: true,
// context: context,
// assetPath: 'assets/animations/lottie/register.json', autoFocus: true,
// width: MediaQuery padding: EdgeInsets.symmetric(vertical: 8.h),
// .of(context) leadingIcon: AppAssets.student_card,
// .size onChange: (value) {
// .width * 0.45, print(value);
// height: MediaQuery }).withVerticalPadding(8),
// .of(context) Divider(height: 1),
// .size TextInputWidget(
// .height * 0.22, labelText: LocaleKeys.dob.tr(),
// fit: BoxFit.cover, hintText: "11 July, 1994",
// repeat: true), controller: TextEditingController(),
// SizedBox(height: 8), isEnable: true,
// LocaleKeys.prepareToElevate.tr().toText28( prefix: null,
// textScaler: TextScaler.linear(MediaQuery.textScalerOf(context).scale(1)), isAllowRadius: true,
// ), isBorderAllowed: false,
// SizedBox(height: 24), isAllowLeadingIcon: true,
// Directionality( padding: EdgeInsets.symmetric(vertical: 8.h),
// textDirection: Directionality.of(context), leadingIcon: AppAssets.birthday_cake,
// child: Container( onChange: (value) {},
// decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(24)), ).withVerticalPadding(8),
// padding: EdgeInsets.only(left: 16, right: 16, top: 0, bottom: 0), ],
// child: Column( ),
// children: [ ),
// DropdownWidget( ),
// labelText: LocaleKeys.country.tr(), SizedBox(height: 25.h),
// hintText: LocaleKeys.ksa.tr(), GestureDetector(
// isEnable: true, onTap: () {},
// selectedValue: AppStat.selectedLanguage == "ar" ? selectedCountry.nameArabic : selectedCountry.displayName, child: Row(
// dropdownItems: Country.values.map((e) => "ar" ? e.displayName : e.displayName).toList(), children: [
// AnimatedContainer(
// // dropdownItems: Country.values.map((e) => (e.name).first).toList(), duration: const Duration(milliseconds: 200),
// // dropdownItems: Country.values.map((e) => "ar" ? e.nameArabic : e.displayName).toList(), height: 24.h,
// // selectedValue: context.selectedLanguage == "ar" ? selectedCountry.nameArabic : selectedCountry.displayName, width: 24.h,
// // selectionType: SelectionType.dropdown, decoration: BoxDecoration(
// onChange: (val) { color: isTermsAccepted ? const Color(0xFFE92227) : Colors.transparent,
// if (val != null) { borderRadius: BorderRadius.circular(6),
// } border: Border.all(
// }, color: isTermsAccepted ? const Color(0xFFE92227) : Colors.grey,
// isBorderAllowed: false, width: 2.h,
// isAllowLeadingIcon: true, ),
// hasSelectionCustomIcon: true, ),
// removePadding: true, child: isTermsAccepted ? Icon(Icons.check, size: 16.fSize, color: Colors.white) : null,
// isLeadingCountry: true, ),
// isAllowRadius: false, SizedBox(width: 12.h),
// padding: const EdgeInsets.only(top: 8, bottom: 8, left: 0, right: 0), Expanded(
// selectionCustomIcon: "assets/images/svg/arrow-down.svg", child: Text(
// leadingIcon: selectedCountry.iconPath, LocaleKeys.iAcceptTermsConditions.tr(),
// ).withVerticalPadding(8), style: context.dynamicTextStyle(fontSize: 14.fSize, fontWeight: FontWeight.w500, color: Color(0xFF2E3039)),
// Divider(height: 1), ),
// Directionality( ),
// textDirection: TextDirection.ltr, ],
// child: newInputWidget(TranslationBase ),
// .of(context) ),
// .nationalIdNumber, "xxxxxxxxx", nationalIDorFile, SizedBox(height: 25.h),
// isEnable: true, CustomButton(
// prefix: null, text: "Register",
// removePadding: true, icon: AppAssets.note_edit,
// isAllowRadius: false, onPressed: () {},
// hasSelection: false, ),
// isBorderAllowed: false, SizedBox(height: 14),
// isAllowLeadingIcon: true, Center(
// autoFocus: true, child: RichText(
// padding: const EdgeInsets.only(top: 8, bottom: 8, left: 0, right: 0), textAlign: TextAlign.center,
// leadingIcon: "assets/images/svg/student-card.svg", text: TextSpan(
// onChange: (value) { style: context.dynamicTextStyle(
// print(value); color: Colors.black,
// }).withVerticalPadding(8), fontSize: 16.fSize,
// ), height: 26 / 16,
// Divider(height: 1), fontWeight: FontWeight.w500,
// Directionality( ),
// textDirection: TextDirection.ltr, children: <TextSpan>[
// child: newInputWidget(TranslationBase TextSpan(text: LocaleKeys.alreadyHaveAccount.tr(), style: context.dynamicTextStyle()),
// .of(context) TextSpan(text: " "),
// .dob, "11 July, 1994", nationalIDorFile, TextSpan(
// isEnable: true, text: LocaleKeys.loginNow.tr(),
// prefix: null, style: context.dynamicTextStyle(
// hasSelection: true, color: AppColors.primaryRedColor,
// removePadding: true, fontSize: 16.fSize,
// isBorderAllowed: false, height: 26 / 16,
// isAllowLeadingIcon: true, fontWeight: FontWeight.w500,
// hasSelectionCustomIcon: true, ),
// selectionType: SelectionType.calendar, recognizer: TapGestureRecognizer()
// selectedValue: selectedDOB != null ..onTap = () {
// ? isHijri == 1 Navigator.of(context).pop();
// ? Utils.formatHijriDateToDisplay(selectedDOB!.toIso8601String()) },
// : Utils.formatDateToDisplay(selectedDOB.toString()) ),
// : null, ],
// selectionCustomIcon: "assets/images/svg/calendar.svg", ),
// lang: context.selectedLanguage, ),
// padding: const EdgeInsets.only(top: 8, bottom: 8, left: 0, right: 0), ),
// leadingIcon: "assets/images/svg/birthday-cake.svg", SizedBox(height: 30),
// onChange: (value) { ],
// selectedDOB = DateTime.parse(value!); ),
// if (isHijri == 1) { ),
// var hijriDate = HijriGregConverter.gregorianToHijri(DateTime.parse(value)); ),)
// selectedDOB = DateTime(hijriDate.year, hijriDate.month, hijriDate.day); ,
// } else { )
// selectedDOB = DateTime.parse(value); );
// } }
// print(selectedDOB!.toIso8601String()); }
// setState(() {});
// },
// onCalendarTypeChanged: (bool value) {
// if (value) {
// isHijri = 0;
// } else {
// isHijri = 1;
// }
// }).withVerticalPadding(8),
// ),
// ],
// ),
// ),
// ),
// 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,
// ),
// SizedBox(width: 12),
// Expanded(
// child: Text(
// TranslationBase
// .of(context)
// .iAcceptTermsConditions,
// style: context.dynamicTextStyle(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 || nationalIDorFile.text.isEmpty) {
// context.showBottomSheet(
// child: ExceptionBottomSheet(
// message: TranslationBase
// .of(context)
// .pleaseEnterNationalId,
// showCancel: false,
// onOkPressed: () {
// Navigator.of(context).pop();
// },
// ),
// );
// // Utils.showErrorToast(TranslationBase.of(context).pleaseEnterNationalId);
// return;
// }
// if ((!Utils.validateIqama(nationalIDorFile.text) && selectedCountry.countryCode == '966') ||
// (!Utils.validateUaeNationalId(nationalIDorFile.text) && selectedCountry.countryCode == '971')) {
// context.showBottomSheet(
// child: ExceptionBottomSheet(
// message: TranslationBase
// .of(context)
// .incorrectNationalId,
// showCancel: false,
// onOkPressed: () {
// Navigator.of(context).pop();
// },
// ),
// );
// return;
// }
// if (selectedCountry == null || selectedCountry.countryCode.isEmpty) {
// context.showBottomSheet(
// child: ExceptionBottomSheet(
// message: TranslationBase
// .of(context)
// .pleaseSelectCountry,
// showCancel: false,
// onOkPressed: () {
// Navigator.of(context).pop();
// },
// ),
// );
// return;
// }
//
// if (selectedDOB == null) {
// context.showBottomSheet(
// child: ExceptionBottomSheet(
// message: TranslationBase
// .of(context)
// .pleaseSelectDOB,
// showCancel: false,
// onOkPressed: () {
// Navigator.of(context).pop();
// },
// ),
// );
// return;
// }
// if (!isTermsAccepted) {
// context.showBottomSheet(
// child: ExceptionBottomSheet(
// message: TranslationBase
// .of(context)
// .pleaseAcceptTermsConditions,
// showCancel: false,
// onOkPressed: () {
// Navigator.of(context).pop();
// },
// ),
// );
// return;
// }
//
// if (phoneController != null) {
// phoneController.clear();
// }
// 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,
// onChange: (String? value) {
// mobileNo = value!;
// },
// buttons: [
// Padding(
// padding: const EdgeInsets.only(bottom: 10),
// child: CustomButton(
// text: TranslationBase
// .of(context)
// .sendOTPSMS,
// onPressed: () {
// if (mobileNo.isEmpty) {
// context.showBottomSheet(
// child: ExceptionBottomSheet(
// message: TranslationBase
// .of(context)
// .pleaseEnterMobile,
// showCancel: false,
// onOkPressed: () {
// Navigator.of(context).pop();
// },
// ),
// );
// } else if (!Utils.validateMobileNumber(mobileNo)) {
// context.showBottomSheet(
// child: ExceptionBottomSheet(
// message: TranslationBase
// .of(context)
// .pleaseEnterValidMobile,
// showCancel: false,
// onOkPressed: () {
// Navigator.of(context).pop();
// },
// ),
// );
// } else {
// registerUser(1);
// }
// },
// backgroundColor: CustomColors.bgRedColor,
// borderColor: CustomColors.bgRedBorderColor,
// 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(
// TranslationBase
// .of(context)
// .oR,
// fontSize: 16,
// fontFamily: context.fontFamily,
// color: Color(0xFF2E3039),
// fontWeight: FontWeight.w500,
// ),
// ),
// ],
// ),
// Padding(
// padding: const EdgeInsets.only(bottom: 10, top: 10),
// child: CustomButton(
// text: TranslationBase
// .of(context)
// .sendOTPWHATSAPP,
// onPressed: () {
// if (mobileNo.isEmpty) {
// context.showBottomSheet(
// child: ExceptionBottomSheet(
// message: TranslationBase
// .of(context)
// .pleaseEnterMobile,
// showCancel: false,
// onOkPressed: () {
// Navigator.of(context).pop();
// },
// ),
// );
// } else if (!Utils.validateMobileNumber(mobileNo)) {
// context.showBottomSheet(
// child: ExceptionBottomSheet(
// message: TranslationBase
// .of(context)
// .pleaseEnterValidMobile,
// showCancel: false,
// onOkPressed: () {
// Navigator.of(context).pop();
// },
// ),
// );
// } else {
// registerUser(4);
// }
// // int? val = Utils.onOtpBtnPressed(OTPType.whatsapp, mobileNo, context);
// // registerUser(val);
// },
// backgroundColor: Colors.white,
// borderColor: Color(0xFF2E3039),
// textColor: Color(0xFF2E3039),
// icon: "assets/images/svg/whatsapp.svg",
// ),
// ),
// ],
// myFocusNode: myFocusNode,
// ),
// ),
// ),
// );
// Future.delayed(Duration(milliseconds: 500), () {
// myFocusNode.requestFocus();
// });
// },
// fontFamily: context.fontFamily,
// ),
// SizedBox(height: 14),
// Center(
// child: RichText(
// textAlign: TextAlign.center,
// text: TextSpan(
// style: context.dynamicTextStyle(
// color: Colors.black,
// fontSize: 16,
// height: 26 / 16,
// fontWeight: FontWeight.w500,
// ),
// children: <TextSpan>[
// TextSpan(text: TranslationBase
// .of(context)
// .alreadyHaveAccount, style: context.dynamicTextStyle()),
// TextSpan(text: " "),
// TextSpan(
// text: TranslationBase
// .of(context)
// .loginNow,
// style: context.dynamicTextStyle(
// color: CustomColors.bgRedColor,
// fontSize: 16,
// height: 26 / 16,
// 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,
// ),
// ),
// ),
// ],
// )
// ],
// );
// }
// }

@ -9,6 +9,7 @@ import 'package:hmg_patient_app_new/extensions/int_extensions.dart';
import 'package:hmg_patient_app_new/extensions/string_extensions.dart'; import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart'; import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
import 'package:hmg_patient_app_new/generated/locale_keys.g.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/presentation/home/data/landing_page_data.dart'; import 'package:hmg_patient_app_new/presentation/home/data/landing_page_data.dart';
import 'package:hmg_patient_app_new/presentation/home/widgets/large_service_card.dart'; import 'package:hmg_patient_app_new/presentation/home/widgets/large_service_card.dart';
import 'package:hmg_patient_app_new/presentation/home/widgets/small_service_card.dart'; import 'package:hmg_patient_app_new/presentation/home/widgets/small_service_card.dart';
@ -44,8 +45,8 @@ class _LandingPageState extends State<LandingPage> {
CustomButton( CustomButton(
text: LocaleKeys.loginOrRegister.tr(context: context), text: LocaleKeys.loginOrRegister.tr(context: context),
onPressed: () { onPressed: () {
Navigator.of(context).pushReplacement( Navigator.of(context).push(
MaterialPageRoute(builder: (BuildContext context) => LandingPage()), MaterialPageRoute(builder: (BuildContext context) => LoginScreen()),
); );
}, },
backgroundColor: Color(0xffFEE9EA), backgroundColor: Color(0xffFEE9EA),

@ -1,6 +0,0 @@
import 'package:flutter/material.dart';
import 'package:hmg_patient_app_new/core/app_state.dart';
class AuthenticationViewModel extends ChangeNotifier {
// Add properties and methods related to authentication here
}

@ -30,6 +30,7 @@ class AppColors {
static const Color textColor = Color(0xFF2E3039); static const Color textColor = Color(0xFF2E3039);
static const Color borderOnlyColor = Color(0xFF2E3039); static const Color borderOnlyColor = Color(0xFF2E3039);
static const blackColor = textColor; static const blackColor = textColor;
static const inputLabelTextColor = Color(0xff898A8D);
//Chips //Chips
static const Color successColor = Color(0xff18C273); static const Color successColor = Color(0xff18C273);

@ -1,7 +1,9 @@
import 'package:easy_localization/easy_localization.dart'; import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:hmg_patient_app_new/core/app_assets.dart'; import 'package:hmg_patient_app_new/core/app_assets.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/core/utils/utils.dart';
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
import 'package:hmg_patient_app_new/widgets/language_switcher.dart'; import 'package:hmg_patient_app_new/widgets/language_switcher.dart';
import '../../generated/locale_keys.g.dart'; import '../../generated/locale_keys.g.dart';
@ -24,45 +26,44 @@ class CustomAppBar extends StatelessWidget implements PreferredSizeWidget {
return AppBar( return AppBar(
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
leading: null, leading: null,
title: Row( automaticallyImplyLeading: false,
mainAxisAlignment: MainAxisAlignment.spaceBetween, title: Padding(
children: [ padding: EdgeInsets.symmetric(horizontal: 10.h),
// Arrow Back with click handler child: Row(
Expanded( mainAxisAlignment: MainAxisAlignment.start,
child: Align( children: [
alignment: Alignment.centerLeft, Expanded(
child: GestureDetector( child: Align(
onTap: onBackPressed, alignment: Alignment.centerLeft,
child: Utils.buildSvgWithAssets( child: GestureDetector(
icon: AppAssets.arrow_back, onTap: onBackPressed,
width: 32, child: Utils.buildSvgWithAssets(icon: AppAssets.arrow_back, width: 32.h, height: 32.h),
height: 32,
), ),
), ),
), ),
),
// Logo // Logo
Utils.buildSvgWithAssets( Utils.buildSvgWithAssets(
icon: AppAssets.habiblogo, icon: AppAssets.habiblogo,
), ),
// Language Selector // Language Selector
Expanded( Expanded(
child: Align( child: Align(
alignment: Alignment.centerRight, alignment: Alignment.centerRight,
child: LanguageSelector( child: LanguageSelector(
currentLanguage: context.locale.languageCode, currentLanguage: context.locale.languageCode,
showOnlyIcon: false, showOnlyIcon: false,
onLanguageChanged: onLanguageChanged, onLanguageChanged: onLanguageChanged,
languages: [ languages: [
{'code': 'ar', 'name': LocaleKeys.arabic.tr()}, {'code': 'ar', 'name': LocaleKeys.arabic.tr()},
{'code': 'en', 'name': LocaleKeys.english.tr()} {'code': 'en', 'name': LocaleKeys.english.tr()}
], ],
),
), ),
), ),
), ],
], ),
), ),
centerTitle: true, centerTitle: true,
); );

@ -0,0 +1,111 @@
import 'dart:io';
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:hmg_patient_app_new/core/app_assets.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/generated/locale_keys.g.dart';
import 'package:hmg_patient_app_new/theme/colors.dart';
import 'package:hmg_patient_app_new/widgets/buttons/custom_button.dart';
class ExceptionBottomSheet extends StatelessWidget {
String message;
bool showOKButton;
bool showCancel;
Function() onOkPressed;
Function()? onCancelPressed;
ExceptionBottomSheet({Key? key, required this.message, this.showOKButton = true, this.showCancel = false, required this.onOkPressed, this.onCancelPressed}) : super(key: key);
@override
Widget build(BuildContext context) {
return SafeArea(
bottom: Platform.isIOS ? false : true, // Adjust for iOS to avoid bottom padding
child: GestureDetector(
onTap: () {
FocusScope.of(context).unfocus(); // Dismiss the keyboard when tapping outside
},
child: Builder(builder: (context) {
return Directionality(
textDirection: Directionality.of(context),
child: Container(
padding: EdgeInsets.all(24.h),
decoration: BoxDecoration(
color: Color(0xFFF8F8FA),
borderRadius: const BorderRadius.vertical(top: Radius.circular(16)),
),
child: Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
LocaleKeys.notice.tr().toText28(),
InkWell(
onTap: () {
Navigator.of(context).pop();
},
child: Utils.buildSvgWithAssets(icon: AppAssets.cross_circle),
)
],
),
SizedBox(height: 10.h),
(message ?? "").toText16(isBold: false, color: AppColors.textColor),
SizedBox(height: 10.h),
SizedBox(height: 24.h),
if (showOKButton && showCancel)
Row(
children: [
Expanded(
child: CustomButton(
text: LocaleKeys.cancel.tr(),
onPressed: onCancelPressed != null
? onCancelPressed!
: () {
Navigator.of(context).pop();
},
backgroundColor: AppColors.secondaryLightRedColor,
borderColor: AppColors.secondaryLightRedColor,
textColor: AppColors.primaryRedColor,
icon: AppAssets.cancel,
iconColor: AppColors.primaryRedColor,
),
),
SizedBox(width: 5.h),
Expanded(
child: CustomButton(
text: showCancel ? LocaleKeys.confirm.tr() : LocaleKeys.ok.tr(),
onPressed: onOkPressed,
backgroundColor: AppColors.bgGreenColor,
borderColor: AppColors.bgGreenColor,
textColor: Colors.white,
icon: AppAssets.confirm,
),
),
],
),
if (showOKButton && !showCancel)
Padding(
padding: EdgeInsets.only(bottom: 10.h),
child: CustomButton(
text: LocaleKeys.ok.tr(),
onPressed: onOkPressed,
backgroundColor: AppColors.primaryRedColor,
borderColor: AppColors.primaryRedBorderColor,
textColor: Colors.white,
icon: AppAssets.confirm,
),
),
],
),
),
);
}),
),
);
}
}

@ -0,0 +1,165 @@
import 'package:flutter/material.dart';
import 'package:hmg_patient_app_new/core/app_assets.dart';
import 'package:hmg_patient_app_new/core/enums.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/extensions/widget_extensions.dart';
class CustomCountryDropdown extends StatefulWidget {
final List<Country> countryList;
final Function(Country)? onCountryChange;
final bool isRtl;
const CustomCountryDropdown({
Key? key,
required this.countryList,
this.onCountryChange,
required this.isRtl,
}) : super(key: key);
@override
_CustomCountryDropdownState createState() => _CustomCountryDropdownState();
}
class _CustomCountryDropdownState extends State<CustomCountryDropdown> {
Country? selectedCountry;
late OverlayEntry _overlayEntry;
bool _isDropdownOpen = false;
@override
void initState() {
super.initState();
selectedCountry = Country.saudiArabia;
}
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: () {
if (_isDropdownOpen) {
_closeDropdown();
} else {
_openDropdown();
}
},
child: Container(
height: 40.h,
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(borderRadius: 10.h),
child: Row(
children: [
Utils.buildSvgWithAssets(icon: selectedCountry != null ? selectedCountry!.iconPath : AppAssets.ksa, width: 40.h, height: 40.h),
SizedBox(width: 8.h),
Utils.buildSvgWithAssets(icon: _isDropdownOpen ? AppAssets.dropdow_icon : AppAssets.dropdow_icon),
SizedBox(width: 4.h),
Text(
selectedCountry != null ? selectedCountry!.displayName : "Select Country",
style: TextStyle(
fontSize: 14.fSize,
height: 21 / 14,
fontWeight: FontWeight.w500,
letterSpacing: -0.2,
),
),
],
),
),
);
}
void _openDropdown() {
RenderBox renderBox = context.findRenderObject() as RenderBox;
Offset offset = renderBox.localToGlobal(Offset.zero);
_overlayEntry = OverlayEntry(
builder: (context) => Stack(
children: [
// Dismiss dropdown when tapping outside
Positioned.fill(
child: GestureDetector(
onTap: _closeDropdown,
behavior: HitTestBehavior.translucent,
child: Container(),
),
),
Positioned(
top: offset.dy + renderBox.size.height,
left: widget.isRtl ? offset.dx + 15.h : offset.dx - 15.h,
width: renderBox.size.width,
child: Material(
child: Container(
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
color: Colors.white,
borderRadius: 12,
),
// decoration: BoxDecoration(
// borderRadius: BorderRadius.circular(12),
// boxShadow: [
// BoxShadow(
// color: Color(0xFFF8F8FA),
// blurRadius: 8.h,
// offset: Offset(
// 0,
// 2,
// ),
// ),
// ],
// ),
child: Column(
children: widget.countryList
.map(
(country) => GestureDetector(
onTap: () {
setState(() {
selectedCountry = country;
});
widget.onCountryChange?.call(country);
_closeDropdown();
},
child: Container(
padding: EdgeInsets.symmetric(vertical: 12.h, horizontal: 16.h),
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
borderRadius: 16.h,
),
child: Row(
children: [
Utils.buildSvgWithAssets(
icon: country.iconPath,
width: 38.h,
height: 38.h,
),
SizedBox(width: 12.h),
Text(country.displayName,
style: TextStyle(
fontSize: 14.fSize,
height: 21 / 14,
fontWeight: FontWeight.w500,
letterSpacing: -0.2,
)),
],
),
),
),
)
.toList(),
),
),
),
),
],
),
);
Overlay.of(context)?.insert(_overlayEntry);
setState(() {
_isDropdownOpen = true;
});
}
void _closeDropdown() {
_overlayEntry.remove();
setState(() {
_isDropdownOpen = false;
});
}
}

@ -1,5 +1,6 @@
import 'package:flutter/cupertino.dart'; import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart' show Icons, PopupMenuItem, showMenu, Colors; import 'package:flutter/material.dart' show Icons, PopupMenuItem, showMenu, Colors;
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/core/utils/utils.dart';
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart'; import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
@ -38,10 +39,8 @@ class DropdownWidget extends StatelessWidget {
alignment: Alignment.center, alignment: Alignment.center,
decoration: RoundedRectangleBorder().toSmoothCornerDecoration( decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
color: Colors.white, color: Colors.white,
borderRadius: isAllowRadius ? 15 : null, borderRadius: isAllowRadius ? 15.h : null,
side: isBorderAllowed side: isBorderAllowed ? BorderSide(color: const Color(0xffefefef), width: 1) : null,
? BorderSide(color: const Color(0xffefefef), width: 1)
: null,
), ),
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
@ -57,8 +56,8 @@ class DropdownWidget extends StatelessWidget {
Widget _buildLabelText() { Widget _buildLabelText() {
return Text( return Text(
labelText, labelText,
style: const TextStyle( style: TextStyle(
fontSize: 12, fontSize: 12.fSize,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: Color(0xff898A8D), color: Color(0xff898A8D),
letterSpacing: -0.2, letterSpacing: -0.2,
@ -71,33 +70,41 @@ class DropdownWidget extends StatelessWidget {
return GestureDetector( return GestureDetector(
onTap: isEnable onTap: isEnable
? () async { ? () async {
final renderBox = context.findRenderObject() as RenderBox; final renderBox = context.findRenderObject() as RenderBox;
final offset = renderBox.localToGlobal(Offset.zero); final offset = renderBox.localToGlobal(Offset.zero);
final selected = await showMenu<String>( final selected = await showMenu<String>(
context: context, context: context,
position: RelativeRect.fromLTRB( position: RelativeRect.fromLTRB(
offset.dx, offset.dx,
offset.dy + renderBox.size.height, offset.dy + renderBox.size.height,
offset.dx + renderBox.size.width, offset.dx + renderBox.size.width,
0, 0,
), ),
items: dropdownItems items: dropdownItems
.map( .map(
(e) => PopupMenuItem<String>( (e) => PopupMenuItem<String>(
value: e, value: e,
child: Text(e), child: Text(
), e,
) style: TextStyle(
.toList(), fontSize: 14.fSize,
shape: RoundedRectangleBorder( height: 21 / 14,
borderRadius: BorderRadius.circular(12), fontWeight: FontWeight.w500,
), letterSpacing: -0.2,
); ),
),
),
)
.toList(),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
);
if (selected != null && onChange != null) { if (selected != null && onChange != null) {
onChange!(selected); onChange!(selected);
} }
} }
: null, : null,
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
@ -105,26 +112,19 @@ class DropdownWidget extends StatelessWidget {
children: [ children: [
Expanded( Expanded(
child: Text( child: Text(
(selectedValue == null || selectedValue!.isEmpty) (selectedValue == null || selectedValue!.isEmpty) ? hintText : selectedValue!,
? hintText
: selectedValue!,
textAlign: TextAlign.left, textAlign: TextAlign.left,
textDirection: TextDirection.ltr, textDirection: TextDirection.ltr,
style: TextStyle( style: TextStyle(
fontSize: 14, fontSize: 14.fSize,
height: 21 / 14, height: 21 / 14,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: (selectedValue != null && selectedValue!.isNotEmpty) color: (selectedValue != null && selectedValue!.isNotEmpty) ? const Color(0xff2E3039) : const Color(0xffB0B0B0),
? const Color(0xff2E3039)
: const Color(0xffB0B0B0),
letterSpacing: -0.2, letterSpacing: -0.2,
), ),
), ),
), ),
if (hasSelectionCustomIcon && selectionCustomIcon != null) if (hasSelectionCustomIcon && selectionCustomIcon != null) Utils.buildSvgWithAssets(icon: selectionCustomIcon!) else const Icon(Icons.keyboard_arrow_down_outlined),
Utils.buildSvgWithAssets(icon: selectionCustomIcon!)
else
const Icon(Icons.keyboard_arrow_down_outlined),
], ],
), ),
); );

@ -1,6 +1,8 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:hmg_patient_app_new/core/app_export.dart';
import 'package:hmg_patient_app_new/core/utils/utils.dart'; import 'package:hmg_patient_app_new/core/utils/utils.dart';
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart'; import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
import 'package:hmg_patient_app_new/theme/colors.dart';
// TODO: Import AppColors if bgRedColor is defined there // TODO: Import AppColors if bgRedColor is defined there
// import 'package:hmg_patient_app_new/core/ui_utils/app_colors.dart'; // import 'package:hmg_patient_app_new/core/ui_utils/app_colors.dart';
@ -54,9 +56,7 @@ class TextInputWidget extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
// Assuming AppColors.bgRedColor exists, otherwise using Colors.red final errorColor = AppColors.primaryRedColor;
final errorColor = Colors.red; // Replace with AppColors.bgRedColor if available
return Column( return Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
@ -66,7 +66,7 @@ class TextInputWidget extends StatelessWidget {
alignment: Alignment.center, alignment: Alignment.center,
decoration: RoundedRectangleBorder().toSmoothCornerDecoration( decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
color: Colors.white, color: Colors.white,
borderRadius: isAllowRadius ? 15 : null, borderRadius: isAllowRadius ? 12 : null,
side: isBorderAllowed ? BorderSide(color: hasError ? errorColor : const Color(0xffefefef), width: 1) : null, side: isBorderAllowed ? BorderSide(color: hasError ? errorColor : const Color(0xffefefef), width: 1) : null,
), ),
child: Row( child: Row(
@ -88,12 +88,12 @@ class TextInputWidget extends StatelessWidget {
), ),
if (hasError && errorMessage != null) if (hasError && errorMessage != null)
Padding( Padding(
padding: const EdgeInsets.only(top: 4.0, left: 12.0), // Adjust padding as needed padding: EdgeInsets.only(top: 4.h, left: 12.h), // Adjust padding as needed
child: Text( child: Text(
errorMessage!, errorMessage!,
style: TextStyle( style: TextStyle(
color: errorColor, color: errorColor,
fontSize: 12, fontSize: 12.fSize,
), ),
), ),
), ),
@ -103,21 +103,24 @@ class TextInputWidget extends StatelessWidget {
Widget _buildLeadingIcon(BuildContext context) { Widget _buildLeadingIcon(BuildContext context) {
return Container( return Container(
height: 40, height: 40.h,
width: 40, width: 40.h,
margin: const EdgeInsets.only(right: 10), margin: EdgeInsets.only(right: 10.h),
padding: const EdgeInsets.all(8), padding: EdgeInsets.all(8.h),
decoration: const BoxDecoration(color: Color(0xFFEFEFF0), borderRadius: BorderRadius.all(Radius.circular(10))), decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
borderRadius: 10.h,
color: AppColors.greyColor,
),
child: Utils.buildSvgWithAssets(icon: leadingIcon!)); child: Utils.buildSvgWithAssets(icon: leadingIcon!));
} }
Widget _buildLabelText() { Widget _buildLabelText() {
return Text( return Text(
labelText, labelText,
style: const TextStyle( style: TextStyle(
fontSize: 12, fontSize: 12.fSize,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: Color(0xff898A8D), color: AppColors.inputLabelTextColor,
letterSpacing: -0.2, letterSpacing: -0.2,
height: 18 / 12, height: 18 / 12,
), ),
@ -137,30 +140,30 @@ class TextInputWidget extends StatelessWidget {
onChanged: onChange, onChanged: onChange,
focusNode: focusNode, focusNode: focusNode,
autofocus: autoFocus, autofocus: autoFocus,
style: const TextStyle( style: TextStyle(
fontSize: 14, fontSize: 14.fSize,
height: 21 / 14, height: 21 / 14,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: Color(0xff2E3039), color: AppColors.textColor,
letterSpacing: -0.2, letterSpacing: -0.2,
), ),
decoration: InputDecoration( decoration: InputDecoration(
isDense: true, isDense: true,
hintText: hintText, hintText: hintText,
hintStyle: const TextStyle( hintStyle: TextStyle(
fontSize: 14, fontSize: 14.fSize,
height: 21 / 16, height: 21 / 16,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: Color(0xff898A8D), color: Color(0xff898A8D),
letterSpacing: -0.2, letterSpacing: -0.2,
), ),
prefixIconConstraints: const BoxConstraints(minWidth: 45), prefixIconConstraints: BoxConstraints(minWidth: 45.h),
prefixIcon: prefix == null prefixIcon: prefix == null
? null ? null
: Text( : Text(
"+" + prefix!, "+" + prefix!,
style: const TextStyle( style: TextStyle(
fontSize: 14, fontSize: 14.fSize,
height: 21 / 14, height: 21 / 14,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: Color(0xff2E303A), color: Color(0xff2E303A),

@ -1,5 +1,6 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:hmg_patient_app_new/core/app_assets.dart'; import 'package:hmg_patient_app_new/core/app_assets.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/core/utils/utils.dart';
import 'package:hmg_patient_app_new/extensions/string_extensions.dart'; import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
import 'package:hmg_patient_app_new/theme/colors.dart'; import 'package:hmg_patient_app_new/theme/colors.dart';
@ -51,18 +52,18 @@ class _LanguageSelectorState extends State<LanguageSelector> {
widget.onLanguageChanged(newLanguage); widget.onLanguageChanged(newLanguage);
}, },
child: Container( child: Container(
padding: EdgeInsets.all(8), padding: EdgeInsets.all(8.h),
decoration: BoxDecoration(borderRadius: BorderRadius.circular(12)), decoration: BoxDecoration(borderRadius: BorderRadius.circular(12)),
child: Row( child: Row(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
Utils.buildSvgWithAssets(icon: AppAssets.language), Utils.buildSvgWithAssets(icon: AppAssets.language),
const SizedBox(width: 6), SizedBox(width: 6.h),
Text( Text(
currentLangData['name']?.toUpperCase() ?? 'EN', currentLangData['name']?.toUpperCase() ?? 'EN',
style: context.dynamicTextStyle( style: context.dynamicTextStyle(
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
fontSize: 14, fontSize: 14.fSize,
color: AppColors.primaryRedColor, color: AppColors.primaryRedColor,
letterSpacing: 0.1, letterSpacing: 0.1,
isLanguageSwitcher: true, isLanguageSwitcher: true,

@ -29,10 +29,10 @@ packages:
dependency: transitive dependency: transitive
description: description:
name: async name: async
sha256: d2872f9c19731c2e5f10444b14686eb7cc85c76274bd6c16e1816bff9a3bab63 sha256: "758e6d74e971c3e5aceb4110bfd6698efc7f501675bcfe0c775459a8140750eb"
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "2.12.0" version: "2.13.0"
audio_session: audio_session:
dependency: transitive dependency: transitive
description: description:
@ -874,26 +874,26 @@ packages:
dependency: transitive dependency: transitive
description: description:
name: leak_tracker name: leak_tracker
sha256: "8dcda04c3fc16c14f48a7bb586d4be1f0d1572731b6d81d51772ef47c02081e0" sha256: "6bb818ecbdffe216e81182c2f0714a2e62b593f4a4f13098713ff1685dfb6ab0"
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "11.0.1" version: "10.0.9"
leak_tracker_flutter_testing: leak_tracker_flutter_testing:
dependency: transitive dependency: transitive
description: description:
name: leak_tracker_flutter_testing name: leak_tracker_flutter_testing
sha256: "1dbc140bb5a23c75ea9c4811222756104fbcd1a27173f0c34ca01e16bea473c1" sha256: f8b613e7e6a13ec79cfdc0e97638fddb3ab848452eff057653abd3edba760573
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "3.0.10" version: "3.0.9"
leak_tracker_testing: leak_tracker_testing:
dependency: transitive dependency: transitive
description: description:
name: leak_tracker_testing name: leak_tracker_testing
sha256: "8d5a2d49f4a66b49744b23b018848400d23e54caf9463f4eb20df3eb8acb2eb1" sha256: "6ba465d5d76e67ddf503e1161d1f4a6bc42306f9d66ca1e8f079a47290fb06d3"
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "3.0.2" version: "3.0.1"
lints: lints:
dependency: transitive dependency: transitive
description: description:
@ -1455,10 +1455,10 @@ packages:
dependency: transitive dependency: transitive
description: description:
name: test_api name: test_api
sha256: "522f00f556e73044315fa4585ec3270f1808a4b186c936e612cab0b565ff1e00" sha256: fb31f383e2ee25fbbfe06b40fe21e1e458d14080e3c67e7ba0acfde4df4e0bbd
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "0.7.6" version: "0.7.4"
time: time:
dependency: transitive dependency: transitive
description: description:
@ -1583,18 +1583,18 @@ packages:
dependency: transitive dependency: transitive
description: description:
name: vector_math name: vector_math
sha256: d530bd74fea330e6e364cda7a85019c434070188383e1cd8d9777ee586914c5b sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803"
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "2.2.0" version: "2.1.4"
vm_service: vm_service:
dependency: transitive dependency: transitive
description: description:
name: vm_service name: vm_service
sha256: "0968250880a6c5fe7edc067ed0a13d4bae1577fe2771dcf3010d52c4a9d3ca14" sha256: ddfa8d30d89985b96407efce8acbdd124701f96741f2d981ca860662f1c0dc02
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "14.3.1" version: "15.0.0"
web: web:
dependency: "direct main" dependency: "direct main"
description: description:
@ -1636,5 +1636,5 @@ packages:
source: hosted source: hosted
version: "6.5.0" version: "6.5.0"
sdks: sdks:
dart: ">=3.8.0-0 <4.0.0" dart: ">=3.7.0 <4.0.0"
flutter: ">=3.29.0" flutter: ">=3.29.0"

Loading…
Cancel
Save