Jahongir/food_delivery_mobile
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:login page done

Browse Source
This commit is contained in:
jahongireshonqulov
2025-10-28 19:41:05 +05:00
parent 4c652c2b47
commit cdec9980af
16 changed files with 324 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
lib/feature/auth/presentation/blocs/login_bloc/login_bloc.dart Normal file
View File

@@ -0,0 +1,18 @@
import 'package:food_delivery_client/food_delivery_client.dart';
part 'login_event.dart';
part 'login_state.dart';
part 'login_bloc.freezed.dart';
@injectable
class LoginBloc extends Bloc<LoginEvent, LoginState> {
LoginBloc() : super(const LoginState()) {
on<_Login>(_onLogin);
}
Future<void> _onLogin(_Login event, Emitter<LoginState> emit) async {
emit(state.copyWith(status: RequestStatus.loading));
}
}

8
lib/feature/auth/presentation/blocs/login_bloc/login_event.dart Normal file
View File

@@ -0,0 +1,8 @@
part of 'login_bloc.dart';
@freezed
class LoginEvent with _$LoginEvent {
const factory LoginEvent.checked() = _Checked;
const factory LoginEvent.login() = _Login;
}

8
lib/feature/auth/presentation/blocs/login_bloc/login_state.dart Normal file
View File

@@ -0,0 +1,8 @@
part of 'login_bloc.dart';
@freezed
abstract class LoginState with _$LoginState {
const factory LoginState({
@Default(RequestStatus.initial) RequestStatus status,
}) = _LoginState;
}

21
lib/feature/auth/presentation/pages/login_page/login_page.dart Normal file
View File

@@ -0,0 +1,21 @@
import 'package:food_delivery_client/feature/auth/presentation/blocs/login_bloc/login_bloc.dart';
import 'package:food_delivery_client/feature/auth/presentation/pages/login_page/widgets/login_body.dart';
import '../../../../../food_delivery_client.dart';
class LoginPage extends StatelessWidget {
const LoginPage({super.key});
@override
Widget build(BuildContext context) {
return BlocProvider(
create: (context) => sl<LoginBloc>(),
child: WLayout(
child: Scaffold(
body: WLoginBody(),
),
),
);
}
}

112
lib/feature/auth/presentation/pages/login_page/widgets/login_body.dart Normal file
View File

@@ -0,0 +1,112 @@
import 'package:flutter/cupertino.dart';
import 'package:food_delivery_client/core/helpers/formatters.dart';
import '../../../../../../food_delivery_client.dart';
import '../../../blocs/login_bloc/login_bloc.dart';
class WLoginBody extends StatefulWidget {
const WLoginBody({super.key});
@override
State<WLoginBody> createState() => _WLoginBodyState();
}
class _WLoginBodyState extends State<WLoginBody> {
late final TextEditingController _phoneController;
late final TextEditingController _passwordController;
final GlobalKey _formKey = GlobalKey<FormState>();
@override
void initState() {
_phoneController = TextEditingController();
_passwordController = TextEditingController();
super.initState();
}
@override
void dispose() {
_phoneController.dispose();
_passwordController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return BlocBuilder<LoginBloc, LoginState>(
builder: (context, state) {
return Form(
key: _formKey,
autovalidateMode: AutovalidateMode.onUserInteraction,
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
45.verticalSpace,
Align(
alignment: AlignmentGeometry.center,
child: Text("Let's go", style: AppTextStyles.size24Bold),
),
20.verticalSpace,
Text(
'Phone number',
style: AppTextStyles.size14Regular.copyWith(
color: AppColors.c6A6E7F,
),
),
5.verticalSpace,
AppTextFormField(
height: 50,
hintText: "Enter phone number",
prefixIcon: Text(
"+ 998",
style: AppTextStyles.size16Regular.copyWith(fontSize: 16),
),
borderRadius: AppUtils.kBorderRadius8,
controller: _phoneController,
keyBoardType: TextInputType.number,
inputFormatters: [
FilteringTextInputFormatter.digitsOnly,
Formatters.phoneFormatter,
LengthLimitingTextInputFormatter(12),
],
),
20.verticalSpace,
Text(
'Password',
style: AppTextStyles.size14Regular.copyWith(
color: AppColors.c6A6E7F,
),
),
5.verticalSpace,
AppTextFormField(
height: 50,
hintText: "Enter password",
keyBoardType: TextInputType.text,
borderRadius: AppUtils.kBorderRadius8,
controller: _passwordController,
),
Align(
alignment: AlignmentGeometry.centerRight,
child: TextButton(
onPressed: () {},
child: Text('Forgot password'),
),
),
const Spacer(),
AppButton(
name: "Continue",
isLoading: state.status.isLoading(),
onPressed: () {},
borderRadius: 15,
backgroundColor: AppColors.c34A853,
),
20.verticalSpace,
],
).paddingSymmetric(horizontal: 16),
);
},
);
}
}

40
lib/feature/common/presentation/widgets/app_button.dart
View File

@@ -1,12 +1,10 @@
import '../../../../food_delivery_client.dart';
class AppButton extends StatelessWidget {
const AppButton({
super.key,
required this.name,
required this.onPressed,
this.onPressed,
this.margin,
this.backgroundColor,
this.borderRadius,
@@ -16,10 +14,11 @@ class AppButton extends StatelessWidget {
this.action,
this.trailing,
this.mainAxisAlignment,
this.isLoading = false,
});
final String name;
final VoidCallback onPressed;
final VoidCallback? onPressed;
final EdgeInsets? margin;
final Color? backgroundColor;
final Color? textColor;
@@ -28,6 +27,7 @@ class AppButton extends StatelessWidget {
final double? height;
final Widget? action;
final Widget? trailing;
final bool isLoading;
final MainAxisAlignment? mainAxisAlignment;
@override
@@ -45,16 +45,28 @@ class AppButton extends StatelessWidget {
color: backgroundColor ?? AppColors.c000000,
borderRadius: BorderRadius.circular(borderRadius ?? 0),
),
child: Row(
mainAxisAlignment: mainAxisAlignment ?? MainAxisAlignment.center,
children: [
action ?? AppUtils.kSizedBox,
Text(name, style: AppTextStyles.size16Bold.copyWith(
color: AppColors.cFFFFFF
)),
trailing ?? AppUtils.kSizedBox,
],
),
child: isLoading
? Center(
child: CircularProgressIndicator.adaptive(
padding: EdgeInsets.all(2),
valueColor: AlwaysStoppedAnimation(AppColors.cFFFFFF),
backgroundColor: AppColors.cFFFFFF,
),
)
: Row(
mainAxisAlignment:
mainAxisAlignment ?? MainAxisAlignment.center,
children: [
action ?? AppUtils.kSizedBox,
Text(
name,
style: AppTextStyles.size16Bold.copyWith(
color: AppColors.cFFFFFF,
),
),
trailing ?? AppUtils.kSizedBox,
],
),
),
);
}

99
lib/feature/common/presentation/widgets/app_text_form_field.dart
View File

@@ -17,7 +17,10 @@ class AppTextFormField extends StatelessWidget {
this.obscureText = false,
required this.controller,
this.prefixIcon,
this.prefixSvgPath, this.focusNode,
this.prefixSvgPath,
this.focusNode,
this.borderRadius,
this.height,
});
final int? maxLines;
@@ -37,57 +40,57 @@ class AppTextFormField extends StatelessWidget {
late final Widget? prefixIcon;
final String? prefixSvgPath;
final FocusNode? focusNode;
final BorderRadius? borderRadius;
final double? height;
@override
Widget build(BuildContext context) {
return TextFormField(
enabled: true,
autofocus: true,
maxLines: maxLines ?? 1,
minLines: minLines ?? 1,
onChanged: onChanged,
focusNode: focusNode,
inputFormatters: inputFormatters,
keyboardType: keyBoardType,
style: textStyle ?? AppTextStyles.size16Regular,
onTap: onTap,
textAlign: textAlign ?? TextAlign.start,
controller: controller,
validator: validator,
autovalidateMode: AutovalidateMode.onUserInteraction,
decoration: InputDecoration(
return SizedBox(
height: height ?? 44,
child: TextFormField(
enabled: true,
filled: true,
fillColor: fillColor ?? AppColors.cEEEEEE,
hintText: hintText,
hintStyle: hintTextStyle,
prefixIconConstraints: BoxConstraints(
minHeight: 0,
maxHeight: 24,
maxWidth: 34,
minWidth: 0,
),
prefixIcon: prefixIcon?.paddingOnly(left: 10).paddingAll(3),
contentPadding: EdgeInsets.symmetric(vertical: 12, horizontal: 12),
border: OutlineInputBorder(
borderRadius: AppUtils.kBorderRadius40,
borderSide: BorderSide.none,
),
errorBorder: OutlineInputBorder(
borderRadius: AppUtils.kBorderRadius40,
borderSide: BorderSide.none,
),
enabledBorder: OutlineInputBorder(
borderRadius: AppUtils.kBorderRadius40,
borderSide: BorderSide.none,
),
focusedBorder: OutlineInputBorder(
borderRadius: AppUtils.kBorderRadius40,
borderSide: BorderSide.none,
),
disabledBorder: OutlineInputBorder(
borderRadius: AppUtils.kBorderRadius40,
borderSide: BorderSide.none,
autofocus: true,
maxLines: maxLines ?? 1,
minLines: minLines ?? 1,
onChanged: onChanged,
focusNode: focusNode,
inputFormatters: inputFormatters,
keyboardType: keyBoardType,
style: textStyle ?? AppTextStyles.size16Regular,
onTap: onTap,
textAlign: textAlign ?? TextAlign.start,
controller: controller,
validator: validator,
autovalidateMode: AutovalidateMode.onUserInteraction,
decoration: InputDecoration(
enabled: true,
filled: true,
fillColor: fillColor ?? AppColors.cEEEEEE,
hintText: hintText,
hintStyle: hintTextStyle,
prefixIconConstraints: BoxConstraints(minHeight: 24, minWidth: 0),
prefixIcon: prefixIcon?.paddingOnly(left: 10).paddingAll(3),
contentPadding: EdgeInsets.symmetric(vertical: 12, horizontal: 12),
border: OutlineInputBorder(
borderRadius: borderRadius ?? AppUtils.kBorderRadius40,
borderSide: BorderSide.none,
),
errorBorder: OutlineInputBorder(
borderRadius: borderRadius ?? AppUtils.kBorderRadius40,
borderSide: BorderSide.none,
),
enabledBorder: OutlineInputBorder(
borderRadius: borderRadius ?? AppUtils.kBorderRadius40,
borderSide: BorderSide.none,
),
focusedBorder: OutlineInputBorder(
borderRadius: borderRadius ?? AppUtils.kBorderRadius40,
borderSide: BorderSide.none,
),
disabledBorder: OutlineInputBorder(
borderRadius: borderRadius ?? AppUtils.kBorderRadius40,
borderSide: BorderSide.none,
),
),
),
);

3
lib/feature/on_boarding/presentation/pages/splash_page/splash_page.dart
View File

@@ -1,4 +1,3 @@
import 'package:flutter_svg/flutter_svg.dart';
import 'package:food_delivery_client/feature/on_boarding/presentation/blocs/splash_bloc/splash_bloc.dart';
import '../../../../../food_delivery_client.dart';
@@ -13,7 +12,7 @@ class SplashPage extends StatelessWidget {
child: BlocListener<SplashBloc, SplashState>(
listener: (context, state) {
if (state.status.isLoaded()) {
context.go(Routes.main);
context.go(Routes.login);
}
},
child: Scaffold(