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

View File

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

View File

@ -1,5 +1,6 @@
import 'package:camera/camera.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:shared_preferences/shared_preferences.dart';
@ -16,11 +17,14 @@ class SubmissionDataViewModel extends ChangeNotifier {
var formKeyPersonalData = GlobalKey<FormState>();
var formKeySubmitEmail = GlobalKey<FormState>();
var formKeySubmitIdCard = GlobalKey<FormState>();
var formKeySubmitDataBank = GlobalKey<FormState>();
TextEditingController ctrlOccupation = TextEditingController();
TextEditingController ctrlIncome = TextEditingController();
TextEditingController ctrlMarital = TextEditingController();
TextEditingController ctrlSourceFund = TextEditingController();
TextEditingController ctrlBankName = TextEditingController();
TextEditingController ctrlNameAccountBank = TextEditingController();
TextEditingController ctrlNoAccountBank = TextEditingController();
TextEditingController ctrlBankNameSearch = TextEditingController();
TextEditingController ctrlBirthDate = TextEditingController();
int step = 1;
@ -122,4 +126,21 @@ class SubmissionDataViewModel extends ChangeNotifier {
valueBank = value;
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;
}
}