aefril/enaklo-flutter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Register Impl

Browse Source
This commit is contained in:
efrilm 2025-09-18 08:48:36 +07:00
parent cee78e179b
commit 0ea1a6fa56
13 changed files with 265 additions and 108 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/common/extension/date_extension.dart
View File

@ -23,7 +23,7 @@ extension DateTimeIndonesia on DateTime {
/// Format: 13-08-2025
String get toServerDate {
return DateFormat('dd-MM-yyyy', 'id_ID').format(this);
return DateFormat('yyyy-MM-dd', 'id_ID').format(this);
}
/// Format jam: 14:30

22
lib/common/theme/theme.dart
View File

@ -16,6 +16,28 @@ class ThemeApp {
fontFamily: FontFamily.quicksand,
primaryColor: AppColor.primary,
scaffoldBackgroundColor: AppColor.white,
datePickerTheme: DatePickerThemeData(
backgroundColor: AppColor.white,
todayBackgroundColor: MaterialStateProperty.resolveWith<Color?>((states) {
if (states.contains(MaterialState.selected)) {
return AppColor.primary; // warna background tanggal terpilih
}
return null; // default
}),
todayBorder: BorderSide(color: AppColor.primary, width: 1),
dayBackgroundColor: MaterialStateProperty.resolveWith<Color?>((states) {
if (states.contains(MaterialState.selected)) {
return AppColor.primary; // warna background tanggal terpilih
}
return null; // default
}),
dayForegroundColor: MaterialStateProperty.resolveWith<Color?>((states) {
if (states.contains(MaterialState.selected)) {
return AppColor.white; // warna text tanggal terpilih
}
return null; // default
}),
),
appBarTheme: AppBarTheme(
backgroundColor: AppColor.white,
foregroundColor: AppColor.textPrimary,

2
lib/main.dart
View File

@ -2,12 +2,14 @@ import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:injectable/injectable.dart';
import 'package:intl/date_symbol_data_local.dart';
import 'injection.dart';
import 'presentation/app_widget.dart';
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await initializeDateFormatting('id_ID', null);
SystemChrome.setSystemUIOverlayStyle(
const SystemUiOverlayStyle(

59
lib/presentation/components/field/date_text_form_field.dart Normal file
View File

@ -0,0 +1,59 @@
part of 'field.dart';
class DatePickerField extends StatefulWidget {
final String label;
final DateTime? selectedDate;
final Function(DateTime) onDateSelected;
const DatePickerField({
super.key,
required this.label,
required this.onDateSelected,
this.selectedDate,
});
@override
State<DatePickerField> createState() => _DatePickerFieldState();
}
class _DatePickerFieldState extends State<DatePickerField> {
DateTime? _selectedDate;
@override
void initState() {
super.initState();
_selectedDate = widget.selectedDate;
}
Future<void> _selectDate() async {
final picked = await showDatePicker(
context: context,
initialDate: DateTime.now(),
firstDate: DateTime(2000),
lastDate: DateTime(2050),
);
if (picked != null && picked != _selectedDate) {
setState(() {
_selectedDate = picked;
});
widget.onDateSelected(picked);
}
}
@override
Widget build(BuildContext context) {
return AppTextFormField(
title: widget.label,
hintText: 'Pilih tanggal',
readOnly: true,
controller: TextEditingController(text: _selectedDate?.toServerDate),
onChanged: (value) {
widget.onDateSelected(_selectedDate!);
},
onTap: () {
_selectDate();
},
);
}
}

3
lib/presentation/components/field/field.dart
View File

@ -1,7 +1,10 @@
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import '../../../common/extension/extension.dart';
import '../../../common/theme/theme.dart';
part 'text_form_field.dart';
part 'search_text_form_field.dart';
part 'password_text_form_page.dart';
part 'date_text_form_field.dart';

6
lib/presentation/components/field/text_form_field.dart
View File

@ -12,6 +12,8 @@ class AppTextFormField extends StatelessWidget {
this.keyboardType,
this.onChanged,
this.validator,
this.readOnly = false,
this.onTap,
});
final String? hintText;
@ -23,6 +25,8 @@ class AppTextFormField extends StatelessWidget {
final TextInputType? keyboardType;
final ValueChanged<String>? onChanged;
final String? Function(String?)? validator;
final bool readOnly;
final Function()? onTap;
@override
Widget build(BuildContext context) {
@ -42,6 +46,8 @@ class AppTextFormField extends StatelessWidget {
fontWeight: FontWeight.w500,
),
validator: validator,
onTap: onTap,
readOnly: readOnly,
decoration: InputDecoration(
hintText: hintText,
prefixIcon: prefixIcon,

4
lib/presentation/pages/auth/login/login_page.dart
View File

@ -33,7 +33,9 @@ class LoginPage extends StatelessWidget implements AutoRouteWrapper {
Future.delayed(Duration(milliseconds: 1000), () {
log(data.toString());
if (data.status.isNotRegistered) {
context.router.push(RegisterRoute());
context.router.push(
RegisterRoute(phoneNumber: data.phoneNumber),
);
} else if (data.status.isPasswordRequired) {
context.router.push(
PasswordRoute(

3
lib/presentation/pages/auth/otp/otp_page.dart
View File

@ -8,7 +8,8 @@ import '../../../router/app_router.gr.dart';
@RoutePage()
class OtpPage extends StatefulWidget {
const OtpPage({super.key});
final String registrationToken;
const OtpPage({super.key, required this.registrationToken});
@override
State<OtpPage> createState() => _OtpPageState();

66
lib/presentation/pages/auth/register/register_page.dart
View File

@ -1,30 +1,59 @@
import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../../../application/auth/register_form/register_form_bloc.dart';
import '../../../../injection.dart';
import '../../../components/button/button.dart';
import '../../../components/toast/flushbar.dart';
import '../../../router/app_router.gr.dart';
import 'widgets/birth_date_field.dart';
import 'widgets/name_field.dart';
import 'widgets/phone_field.dart';
@RoutePage()
class RegisterPage extends StatelessWidget {
const RegisterPage({super.key});
class RegisterPage extends StatelessWidget implements AutoRouteWrapper {
final String phoneNumber;
const RegisterPage({super.key, required this.phoneNumber});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Masuk')),
body: Padding(
return BlocListener<RegisterFormBloc, RegisterFormState>(
listenWhen: (p, c) =>
p.failureOrRegisterOption != c.failureOrRegisterOption,
listener: (context, state) {
state.failureOrRegisterOption.fold(
() {},
(either) => either.fold(
(f) => AppFlushbar.showAuthFailureToast(context, f),
(data) {
AppFlushbar.showSuccess(context, data.message);
Future.delayed(Duration(milliseconds: 1000), () {
context.router.push(
OtpRoute(registrationToken: data.registrationToken),
);
});
},
),
);
},
child: Scaffold(
appBar: AppBar(title: const Text('Daftar')),
body: BlocBuilder<RegisterFormBloc, RegisterFormState>(
builder: (context, state) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 24.0),
child: Form(
autovalidateMode: state.showErrorMessages
? AutovalidateMode.always
: AutovalidateMode.disabled,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 40),
// Title
RegisterPhoneField(),
SizedBox(height: 24),
RegisterNameField(),
SizedBox(height: 24),
RegisterBirthDateField(),
const SizedBox(height: 50),
@ -32,8 +61,13 @@ class RegisterPage extends StatelessWidget {
// Continue Button
AppElevatedButton(
onPressed: () => context.router.push(const OtpRoute()),
onPressed: state.isSubmitting
? null
: () => context.read<RegisterFormBloc>().add(
RegisterFormEvent.submitted(),
),
title: 'Daftar & Lanjutkan',
isLoading: state.isSubmitting,
),
const SizedBox(height: 24),
@ -41,5 +75,17 @@ class RegisterPage extends StatelessWidget {
),
),
);
},
),
),
);
}
@override
Widget wrappedRoute(BuildContext context) => BlocProvider(
create: (context) =>
getIt<RegisterFormBloc>()
..add(RegisterFormEvent.phoneNumberChanged(phoneNumber)),
child: this,
);
}

21
lib/presentation/pages/auth/register/widgets/birth_date_field.dart Normal file
View File

@ -0,0 +1,21 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../../../../application/auth/register_form/register_form_bloc.dart';
import '../../../../components/field/field.dart';
class RegisterBirthDateField extends StatelessWidget {
const RegisterBirthDateField({super.key});
@override
Widget build(BuildContext context) {
return DatePickerField(
label: 'Masukkan tanggal lahir',
onDateSelected: (value) {
context.read<RegisterFormBloc>().add(
RegisterFormEvent.birthDateChanged(value),
);
},
);
}
}

19
lib/presentation/pages/auth/register/widgets/name_field.dart
View File

@ -1,5 +1,7 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../../../../application/auth/register_form/register_form_bloc.dart';
import '../../../../components/field/field.dart';
class RegisterNameField extends StatelessWidget {
@ -7,6 +9,21 @@ class RegisterNameField extends StatelessWidget {
@override
Widget build(BuildContext context) {
return AppTextFormField(title: 'Masukkan nama', hintText: 'John Doe');
return AppTextFormField(
title: 'Masukkan nama',
hintText: 'John Doe',
onChanged: (value) {
context.read<RegisterFormBloc>().add(
RegisterFormEvent.nameChanged(value),
);
},
validator: (value) {
if (context.read<RegisterFormBloc>().state.name.isEmpty) {
return 'Masukkan nama';
}
return null;
},
);
}
}

71
lib/presentation/pages/auth/register/widgets/phone_field.dart
View File

@ -1,71 +0,0 @@
import 'package:flutter/material.dart';
import '../../../../../common/theme/theme.dart';
import '../../../../components/field/field.dart';
class RegisterPhoneField extends StatefulWidget {
const RegisterPhoneField({super.key});
@override
State<RegisterPhoneField> createState() => _RegisterPhoneFieldState();
}
class _RegisterPhoneFieldState extends State<RegisterPhoneField> {
final TextEditingController _controller = TextEditingController();
final FocusNode _focusNode = FocusNode();
bool _hasFocus = false;
@override
void initState() {
super.initState();
_focusNode.addListener(() {
setState(() {
_hasFocus = _focusNode.hasFocus;
});
});
}
@override
void dispose() {
_controller.dispose();
_focusNode.dispose();
super.dispose();
}
void _clearText() {
_controller.clear();
setState(() {});
}
@override
Widget build(BuildContext context) {
return AppTextFormField(
title: 'Masukkan no telepon',
hintText: '8712671212',
controller: _controller,
focusNode: _focusNode,
keyboardType: TextInputType.phone,
prefixIcon: Padding(
padding: const EdgeInsets.symmetric(horizontal: 12),
child: Text(
'+62',
style: AppStyle.md.copyWith(
color: AppColor.textPrimary,
fontWeight: FontWeight.w500,
),
),
),
suffixIcon: (_hasFocus && _controller.text.isNotEmpty)
? IconButton(
onPressed: _clearText,
icon: Icon(Icons.close, color: AppColor.primary, size: 20),
constraints: const BoxConstraints(),
padding: const EdgeInsets.all(8),
)
: null,
onChanged: (value) {
setState(() {});
},
);
}
}

67
lib/presentation/router/app_router.gr.dart
View File

@ -416,20 +416,44 @@ class OrderRoute extends _i33.PageRouteInfo<void> {
/// generated route for
/// [_i20.OtpPage]
class OtpRoute extends _i33.PageRouteInfo<void> {
const OtpRoute({List<_i33.PageRouteInfo>? children})
: super(OtpRoute.name, initialChildren: children);
class OtpRoute extends _i33.PageRouteInfo<OtpRouteArgs> {
OtpRoute({
_i34.Key? key,
required String registrationToken,
List<_i33.PageRouteInfo>? children,
}) : super(
OtpRoute.name,
args: OtpRouteArgs(key: key, registrationToken: registrationToken),
initialChildren: children,
);
static const String name = 'OtpRoute';
static _i33.PageInfo page = _i33.PageInfo(
name,
builder: (data) {
return const _i20.OtpPage();
final args = data.argsAs<OtpRouteArgs>();
return _i20.OtpPage(
key: args.key,
registrationToken: args.registrationToken,
);
},
);
}
class OtpRouteArgs {
const OtpRouteArgs({this.key, required this.registrationToken});
final _i34.Key? key;
final String registrationToken;
@override
String toString() {
return 'OtpRouteArgs{key: $key, registrationToken: $registrationToken}';
}
}
/// generated route for
/// [_i21.PasswordPage]
class PasswordRoute extends _i33.PageRouteInfo<PasswordRouteArgs> {
@ -449,7 +473,9 @@ class PasswordRoute extends _i33.PageRouteInfo<PasswordRouteArgs> {
name,
builder: (data) {
final args = data.argsAs<PasswordRouteArgs>();
return _i21.PasswordPage(key: args.key, phoneNumber: args.phoneNumber);
return _i33.WrappedRoute(
child: _i21.PasswordPage(key: args.key, phoneNumber: args.phoneNumber),
);
},
);
}
@ -631,20 +657,43 @@ class ProfileRoute extends _i33.PageRouteInfo<void> {
/// generated route for
/// [_i28.RegisterPage]
class RegisterRoute extends _i33.PageRouteInfo<void> {
const RegisterRoute({List<_i33.PageRouteInfo>? children})
: super(RegisterRoute.name, initialChildren: children);
class RegisterRoute extends _i33.PageRouteInfo<RegisterRouteArgs> {
RegisterRoute({
_i34.Key? key,
required String phoneNumber,
List<_i33.PageRouteInfo>? children,
}) : super(
RegisterRoute.name,
args: RegisterRouteArgs(key: key, phoneNumber: phoneNumber),
initialChildren: children,
);
static const String name = 'RegisterRoute';
static _i33.PageInfo page = _i33.PageInfo(
name,
builder: (data) {
return const _i28.RegisterPage();
final args = data.argsAs<RegisterRouteArgs>();
return _i33.WrappedRoute(
child: _i28.RegisterPage(key: args.key, phoneNumber: args.phoneNumber),
);
},
);
}
class RegisterRouteArgs {
const RegisterRouteArgs({this.key, required this.phoneNumber});
final _i34.Key? key;
final String phoneNumber;
@override
String toString() {
return 'RegisterRouteArgs{key: $key, phoneNumber: $phoneNumber}';
}
}
/// generated route for
/// [_i29.RewardPage]
class RewardRoute extends _i33.PageRouteInfo<void> {