311 lines
14 KiB
Dart
311 lines
14 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:customer/constant/const_texts.dart';
|
|
import 'package:customer/screen_ui/auth_screens/sign_up_screen.dart';
|
|
import 'package:customer/screen_ui/location_enable_screens/location_permission_screen.dart';
|
|
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/gestures.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:flutter_svg/svg.dart';
|
|
import '../../controllers/login_controller.dart';
|
|
import '../../controllers/theme_controller.dart';
|
|
import '../../themes/app_them_data.dart';
|
|
import '../../themes/round_button_fill.dart';
|
|
import '../../themes/text_field_widget.dart';
|
|
import 'package:get/get.dart';
|
|
import 'forgot_password_screen.dart';
|
|
import 'mobile_login_screen.dart';
|
|
|
|
class LoginScreen extends StatelessWidget {
|
|
const LoginScreen({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return GetX<LoginController>(
|
|
init: LoginController(),
|
|
builder: (controller) {
|
|
final themeController = Get.find<ThemeController>();
|
|
final isDark = themeController.isDark.value;
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
automaticallyImplyLeading: false,
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () {
|
|
Get.to(() => LocationPermissionScreen());
|
|
},
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
ConstTexts.skip.tr(),
|
|
style: AppThemeData.mediumTextStyle(
|
|
color:
|
|
isDark
|
|
? AppThemeData.greyDark900
|
|
: AppThemeData.grey900,
|
|
),
|
|
),
|
|
Icon(
|
|
Icons.arrow_forward_ios,
|
|
size: 16,
|
|
color:
|
|
isDark
|
|
? AppThemeData.greyDark900
|
|
: AppThemeData.grey900,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
body: SafeArea(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 15, right: 15, bottom: 15),
|
|
child: Column(
|
|
children: [
|
|
Expanded(
|
|
child: SingleChildScrollView(
|
|
padding: const EdgeInsets.only(bottom: 20),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const SizedBox(height: 20),
|
|
Text(
|
|
ConstTexts.loginToExplore.tr()
|
|
,
|
|
style: AppThemeData.boldTextStyle(
|
|
fontSize: 24,
|
|
color:
|
|
isDark
|
|
? AppThemeData.greyDark900
|
|
: AppThemeData.grey900,
|
|
),
|
|
),
|
|
const SizedBox(height: 24),
|
|
TextFieldWidget(
|
|
title: ConstTexts.emailAddress.tr(),
|
|
hintText: "abdusalom@gmail.com",
|
|
controller: controller.emailController.value,
|
|
focusNode: controller.emailFocusNode,
|
|
),
|
|
const SizedBox(height: 15),
|
|
TextFieldWidget(
|
|
title: ConstTexts.password.tr(),
|
|
hintText: ConstTexts.enterPassword.tr(),
|
|
controller: controller.passwordController.value,
|
|
obscureText: controller.passwordVisible.value,
|
|
focusNode: controller.passwordFocusNode,
|
|
suffix: Padding(
|
|
padding: const EdgeInsets.all(12),
|
|
child: InkWell(
|
|
onTap: () {
|
|
controller.passwordVisible.value =
|
|
!controller.passwordVisible.value;
|
|
},
|
|
child:
|
|
controller.passwordVisible.value
|
|
? SvgPicture.asset(
|
|
"assets/icons/ic_password_show.svg",
|
|
colorFilter: ColorFilter.mode(
|
|
isDark
|
|
? AppThemeData.grey300
|
|
: AppThemeData.grey600,
|
|
BlendMode.srcIn,
|
|
),
|
|
)
|
|
: SvgPicture.asset(
|
|
"assets/icons/ic_password_close.svg",
|
|
colorFilter: ColorFilter.mode(
|
|
isDark
|
|
? AppThemeData.grey300
|
|
: AppThemeData.grey600,
|
|
BlendMode.srcIn,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Align(
|
|
alignment: Alignment.centerRight,
|
|
child: TextButton(
|
|
onPressed:
|
|
() => Get.to(
|
|
() => const ForgotPasswordScreen(),
|
|
),
|
|
child: Text(
|
|
ConstTexts.forgotPassword.tr(),
|
|
style: AppThemeData.semiBoldTextStyle(
|
|
color: AppThemeData.info400,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 20),
|
|
RoundedButtonFill(
|
|
borderRadius: 10.r,
|
|
title: ConstTexts.login.tr(),
|
|
onPress: controller.loginWithEmail,
|
|
color:
|
|
isDark
|
|
? AppThemeData.greyDark900
|
|
: AppThemeData.grey900,
|
|
textColor:
|
|
isDark
|
|
? AppThemeData.surfaceDark
|
|
: AppThemeData.surface,
|
|
),
|
|
const SizedBox(height: 25),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
width: 52,
|
|
height: 1,
|
|
color:
|
|
isDark
|
|
? AppThemeData.greyDark400
|
|
: AppThemeData.grey300,
|
|
),
|
|
const SizedBox(width: 15),
|
|
Text(
|
|
ConstTexts.orContinueWith.tr(),
|
|
style: AppThemeData.regularTextStyle(
|
|
color:
|
|
isDark
|
|
? AppThemeData.greyDark900
|
|
: AppThemeData.grey900.withValues(
|
|
alpha: 0.6,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 15),
|
|
Container(
|
|
width: 52,
|
|
height: 1,
|
|
color:
|
|
isDark
|
|
? AppThemeData.greyDark400
|
|
: AppThemeData.grey300,
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 25),
|
|
RoundedButtonFill(
|
|
borderRadius: 10.r,
|
|
title: ConstTexts.mobileNumber.tr(),
|
|
onPress:
|
|
() => Get.to(() => const MobileLoginScreen()),
|
|
isRight: false,
|
|
isCenter: true,
|
|
icon: Icon(
|
|
Icons.mobile_friendly_outlined,
|
|
size: 20,
|
|
color: isDark ? AppThemeData.greyDark900 : null,
|
|
),
|
|
//Image.asset(AppAssets.icMessage, width: 20, height: 18, color: isDark ? AppThemeData.greyDark900 : null),
|
|
color:
|
|
isDark
|
|
? AppThemeData.greyDark400
|
|
: AppThemeData.grey300,
|
|
textColor:
|
|
isDark
|
|
? AppThemeData.greyDark900
|
|
: AppThemeData.grey900,
|
|
),
|
|
const SizedBox(height: 12),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: RoundedButtonFill(
|
|
borderRadius: 10.r,
|
|
title: ConstTexts.withGoogle.tr(),
|
|
textColor:
|
|
isDark
|
|
? AppThemeData.grey100
|
|
: AppThemeData.grey900,
|
|
color:
|
|
isDark
|
|
? AppThemeData.grey900
|
|
: AppThemeData.grey100,
|
|
icon: SvgPicture.asset(
|
|
"assets/icons/ic_google.svg",
|
|
),
|
|
isRight: false,
|
|
isCenter: true,
|
|
onPress: () async {
|
|
controller.loginWithGoogle();
|
|
},
|
|
),
|
|
),
|
|
const SizedBox(width: 10),
|
|
Platform.isIOS
|
|
? Expanded(
|
|
child: RoundedButtonFill(
|
|
borderRadius: 10.r,
|
|
title: ConstTexts.withApple.tr(),
|
|
isCenter: true,
|
|
textColor:
|
|
isDark
|
|
? AppThemeData.grey100
|
|
: AppThemeData.grey900,
|
|
color:
|
|
isDark
|
|
? AppThemeData.grey900
|
|
: AppThemeData.grey100,
|
|
icon: SvgPicture.asset(
|
|
"assets/icons/ic_apple.svg",
|
|
),
|
|
isRight: false,
|
|
onPress: () async {
|
|
controller.loginWithApple();
|
|
},
|
|
),
|
|
)
|
|
: const SizedBox(),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 10),
|
|
child: Center(
|
|
child: Text.rich(
|
|
TextSpan(
|
|
text: ConstTexts.dontHaveAccount.tr(),
|
|
style: AppThemeData.mediumTextStyle(
|
|
color:
|
|
isDark
|
|
? AppThemeData.greyDark900
|
|
: AppThemeData.grey900,
|
|
),
|
|
children: [
|
|
TextSpan(
|
|
text: ConstTexts.signUp.tr(),
|
|
style: AppThemeData.mediumTextStyle(
|
|
color: AppThemeData.ecommerce300,
|
|
decoration: TextDecoration.underline,
|
|
),
|
|
recognizer:
|
|
TapGestureRecognizer()
|
|
..onTap = () {
|
|
Get.offAll(() => const SignUpScreen());
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|