fix: add validation form data bank

This commit is contained in:
Dian Bayu Nugroho 2024-02-26 15:05:47 +07:00
parent f84fe1017d
commit f057a346c2
4 changed files with 209 additions and 139 deletions

View File

@ -6,19 +6,26 @@ import 'package:cims_apps/application/theme/color_palette.dart';
import 'package:cims_apps/core/route/route.dart'; import 'package:cims_apps/core/route/route.dart';
import 'package:cims_apps/core/utils/size_config.dart'; import 'package:cims_apps/core/utils/size_config.dart';
import 'package:cims_apps/features/auth/registration/view/submission_data/submission_parent.dart'; import 'package:cims_apps/features/auth/registration/view/submission_data/submission_parent.dart';
import 'package:cims_apps/features/auth/registration/viewmodel/submission_data_viewmodel.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
class ModelDataBank {
final String? title, subtitle;
ModelDataBank(this.title, this.subtitle);
}
class ConfirmBankAccount extends StatelessWidget { class ConfirmBankAccount extends StatelessWidget {
const ConfirmBankAccount({Key? key}) : super(key: key); const ConfirmBankAccount({Key? key}) : super(key: key);
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
List listData = [ final listDataBank =
{'title': 'Bank Name', 'subtitle': 'Bank Mandiri'}, ModalRoute.of(context)!.settings.arguments as List<ModelDataBank>;
{'title': 'Account Number', 'subtitle': '123002212084'},
{'title': 'Account Owner Name', 'subtitle': 'Muhamad Rosyidin'}, return ChangeNotifierProvider(
{'title': 'Name on ID card', 'subtitle': 'Muhamad Rosyidin'}, create: (context) => SubmissionDataViewModel(),
]; builder: (context, child) {
return Scaffold( return Scaffold(
appBar: AppBar( appBar: AppBar(
toolbarHeight: 70, toolbarHeight: 70,
@ -42,7 +49,9 @@ class ConfirmBankAccount extends StatelessWidget {
padding: const EdgeInsets.all(16.0), padding: const EdgeInsets.all(16.0),
child: SizedBox( child: SizedBox(
height: SizeConfig.height * .85, height: SizeConfig.height * .85,
child: Column( child: Consumer<SubmissionDataViewModel>(
builder: (context, provider, child) {
return Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
@ -53,7 +62,7 @@ class ConfirmBankAccount extends StatelessWidget {
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
...listData.map((e) { ...listDataBank.map((e) {
return Padding( return Padding(
padding: const EdgeInsets.only(bottom: 16.0), padding: const EdgeInsets.only(bottom: 16.0),
child: Column( child: Column(
@ -61,12 +70,13 @@ class ConfirmBankAccount extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text( Text(
e['title'], e.title!,
style: const TextStyle( style: const TextStyle(
color: ColorPalette.slate400, fontSize: 16), color: ColorPalette.slate400,
fontSize: 16),
), ),
Text( Text(
e['subtitle'], e.subtitle!,
style: const TextStyle( style: const TextStyle(
fontSize: 16, fontSize: 16,
color: ColorPalette.slate800, color: ColorPalette.slate800,
@ -98,15 +108,18 @@ class ConfirmBankAccount extends StatelessWidget {
name: 'Confirm', name: 'Confirm',
width: SizeConfig.width * .42, width: SizeConfig.width * .42,
onPressed: () { onPressed: () {
routePush(context, page: const SubmissionParent()); routePush(context,
page: const SubmissionParent());
}, },
), ),
], ],
) )
], ],
), );
}),
), ),
), ),
); );
});
} }
} }

View File

@ -63,9 +63,13 @@ class SubmitBankAccount extends StatelessWidget {
return SizedBox( return SizedBox(
child: Consumer<SubmissionDataViewModel>( child: Consumer<SubmissionDataViewModel>(
builder: (context, provider, child) { builder: (context, provider, child) {
return SingleChildScrollView( return SizedBox(
height: SizeConfig.height * .8,
child: Form(
key: provider.formKeySubmitDataBank,
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
const TextCaption(title: 'Input your bank account data'), const TextCaption(title: 'Input your bank account data'),
TextFormView( TextFormView(
@ -79,11 +83,24 @@ class SubmitBankAccount extends StatelessWidget {
suffixIcon: const Icon( suffixIcon: const Icon(
Icons.keyboard_arrow_down_outlined, Icons.keyboard_arrow_down_outlined,
), ),
validator: (value) {
if (value!.isEmpty) {
return 'Field must be filled';
}
return null;
},
), ),
TextFormView( TextFormView(
name: 'Account Number', name: 'Account Number',
hintText: 'Input Account Number', hintText: 'Input Account Number',
ctrl: provider.ctrlNoAccountBank,
keyboardType: TextInputType.number, keyboardType: TextInputType.number,
validator: (value) {
if (value!.isEmpty) {
return 'Field must be filled';
}
return null;
},
trailingTitleWidget: SizedBox( trailingTitleWidget: SizedBox(
width: 24, width: 24,
child: GestureDetector( child: GestureDetector(
@ -98,6 +115,13 @@ class SubmitBankAccount extends StatelessWidget {
TextFormView( TextFormView(
name: 'Account Owner Name', name: 'Account Owner Name',
hintText: 'Input Account Name', hintText: 'Input Account Name',
ctrl: provider.ctrlNameAccountBank,
validator: (value) {
if (value!.isEmpty) {
return 'Field must be filled';
}
return null;
},
), ),
const Text( const Text(
"Make sure the account you use is in your name, not someone else's", "Make sure the account you use is in your name, not someone else's",
@ -109,16 +133,29 @@ class SubmitBankAccount extends StatelessWidget {
ButtonView( ButtonView(
name: 'Next', name: 'Next',
onPressed: () { onPressed: () {
if (provider.formKeySubmitDataBank.currentState!
.validate()) {
provider
.submitDataBank(
bankName: provider.ctrlBankName.text,
accountNumber: provider.ctrlNoAccountBank.text,
accountName: provider.ctrlNameAccountBank.text,
)
.then((values) {
provider.next(context).then((value) { provider.next(context).then((value) {
if (value) { if (value) {
routePush(context, routePush(context,
page: const ConfirmBankAccount()); page: const ConfirmBankAccount(),
arguments: values);
} }
}); });
});
}
}, },
) )
], ],
), ),
),
); );
}), }),
); );

View File

@ -61,7 +61,6 @@ class SubmitEmail extends StatelessWidget {
} }
showEmailVerify(BuildContext context, SubmissionDataViewModel provider) { showEmailVerify(BuildContext context, SubmissionDataViewModel provider) {
Navigator.pop(context);
showModalBottomSheet( showModalBottomSheet(
context: context, context: context,
isScrollControlled: true, isScrollControlled: true,

View File

@ -1,5 +1,6 @@
import 'package:camera/camera.dart'; import 'package:camera/camera.dart';
import 'package:cims_apps/application/component/select_form/select_form_view.dart'; import 'package:cims_apps/application/component/select_form/select_form_view.dart';
import 'package:cims_apps/features/auth/registration/view/submission_data/data_bank/confirm_bank_account.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart'; import 'package:shared_preferences/shared_preferences.dart';
@ -16,11 +17,14 @@ class SubmissionDataViewModel extends ChangeNotifier {
var formKeyPersonalData = GlobalKey<FormState>(); var formKeyPersonalData = GlobalKey<FormState>();
var formKeySubmitEmail = GlobalKey<FormState>(); var formKeySubmitEmail = GlobalKey<FormState>();
var formKeySubmitIdCard = GlobalKey<FormState>(); var formKeySubmitIdCard = GlobalKey<FormState>();
var formKeySubmitDataBank = GlobalKey<FormState>();
TextEditingController ctrlOccupation = TextEditingController(); TextEditingController ctrlOccupation = TextEditingController();
TextEditingController ctrlIncome = TextEditingController(); TextEditingController ctrlIncome = TextEditingController();
TextEditingController ctrlMarital = TextEditingController(); TextEditingController ctrlMarital = TextEditingController();
TextEditingController ctrlSourceFund = TextEditingController(); TextEditingController ctrlSourceFund = TextEditingController();
TextEditingController ctrlBankName = TextEditingController(); TextEditingController ctrlBankName = TextEditingController();
TextEditingController ctrlNameAccountBank = TextEditingController();
TextEditingController ctrlNoAccountBank = TextEditingController();
TextEditingController ctrlBankNameSearch = TextEditingController(); TextEditingController ctrlBankNameSearch = TextEditingController();
TextEditingController ctrlBirthDate = TextEditingController(); TextEditingController ctrlBirthDate = TextEditingController();
int step = 1; int step = 1;
@ -122,4 +126,21 @@ class SubmissionDataViewModel extends ChangeNotifier {
valueBank = value; valueBank = value;
notifyListeners(); notifyListeners();
} }
List<ModelDataBank> listDataBank = [];
Future<List<ModelDataBank>?> submitDataBank(
{required String bankName, accountNumber, accountName}) async {
List<ModelDataBank> listResponse = [
ModelDataBank('Bank Name', bankName),
ModelDataBank('Account Number', accountNumber),
ModelDataBank('Account Owner Name', accountName),
ModelDataBank('Name on ID card', accountName),
];
if (listResponse.first.subtitle != null) {
// listDataBank = listResponse;
return listResponse;
}
return null;
}
} }