nugrohob825/cims_apps
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: add validation form data bank

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

187
lib/features/auth/registration/view/submission_data/data_bank/confirm_bank_account.dart
View File

@ -6,107 +6,120 @@ 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,
backgroundColor: Colors.white, backgroundColor: Colors.white,
surfaceTintColor: Colors.white, surfaceTintColor: Colors.white,
automaticallyImplyLeading: false, automaticallyImplyLeading: false,
title: Row( title: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
const BackButtonView(), const BackButtonView(),
const Text('Registration'), const Text('Registration'),
SizedBox( SizedBox(
width: SizeConfig.width * 0.1, width: SizeConfig.width * 0.1,
) )
], ],
), ),
shape: const RoundedRectangleBorder( shape: const RoundedRectangleBorder(
side: BorderSide(color: ColorPalette.slate200)), side: BorderSide(color: ColorPalette.slate200)),
), ),
body: SingleChildScrollView( body: SingleChildScrollView(
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>(
mainAxisAlignment: MainAxisAlignment.spaceBetween, builder: (context, provider, child) {
crossAxisAlignment: CrossAxisAlignment.start, return Column(
children: [ mainAxisAlignment: MainAxisAlignment.spaceBetween,
const TextCaption(title: 'Bank account confirmation'), crossAxisAlignment: CrossAxisAlignment.start,
SizedBox( children: [
height: SizeConfig.height * .6, const TextCaption(title: 'Bank account confirmation'),
child: Column( SizedBox(
mainAxisAlignment: MainAxisAlignment.start, height: SizeConfig.height * .6,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
...listData.map((e) {
return Padding(
padding: const EdgeInsets.only(bottom: 16.0),
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text( ...listDataBank.map((e) {
e['title'], return Padding(
style: const TextStyle( padding: const EdgeInsets.only(bottom: 16.0),
color: ColorPalette.slate400, fontSize: 16), child: Column(
), mainAxisAlignment: MainAxisAlignment.start,
Text( crossAxisAlignment: CrossAxisAlignment.start,
e['subtitle'], children: [
style: const TextStyle( Text(
fontSize: 16, e.title!,
color: ColorPalette.slate800, style: const TextStyle(
fontWeight: FontWeight.w600), color: ColorPalette.slate400,
fontSize: 16),
),
Text(
e.subtitle!,
style: const TextStyle(
fontSize: 16,
color: ColorPalette.slate800,
fontWeight: FontWeight.w600),
),
],
),
);
}).toList(),
const ListTileView(
title:
'Make sure your data is correct as it will affect the disbursement process',
), ),
], ],
), ),
); ),
}).toList(), Row(
const ListTileView( mainAxisAlignment: MainAxisAlignment.spaceBetween,
title: children: [
'Make sure your data is correct as it will affect the disbursement process', ButtonView(
), name: 'Recheck',
], isOutlined: true,
), width: SizeConfig.width * .42,
onPressed: () {
Navigator.pop(context);
},
),
ButtonView(
name: 'Confirm',
width: SizeConfig.width * .42,
onPressed: () {
routePush(context,
page: const SubmissionParent());
},
),
],
)
],
);
}),
), ),
Row( ),
mainAxisAlignment: MainAxisAlignment.spaceBetween, );
children: [ });
ButtonView(
name: 'Recheck',
isOutlined: true,
width: SizeConfig.width * .42,
onPressed: () {
Navigator.pop(context);
},
),
ButtonView(
name: 'Confirm',
width: SizeConfig.width * .42,
onPressed: () {
routePush(context, page: const SubmissionParent());
},
),
],
)
],
),
),
),
);
} }
} }

139
lib/features/auth/registration/view/submission_data/data_bank/submit_bank_account.dart
View File

@ -63,61 +63,98 @@ 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(
child: Column( height: SizeConfig.height * .8,
crossAxisAlignment: CrossAxisAlignment.start, child: Form(
children: [ key: provider.formKeySubmitDataBank,
const TextCaption(title: 'Input your bank account data'), child: Column(
TextFormView( crossAxisAlignment: CrossAxisAlignment.start,
name: 'Bank Name', mainAxisAlignment: MainAxisAlignment.spaceBetween,
hintText: 'Select bank', children: [
readOnly: true, const TextCaption(title: 'Input your bank account data'),
ctrl: provider.ctrlBankName, TextFormView(
onTap: () { name: 'Bank Name',
showSearchBank(provider.ctrlBankName); hintText: 'Select bank',
}, readOnly: true,
suffixIcon: const Icon( ctrl: provider.ctrlBankName,
Icons.keyboard_arrow_down_outlined, onTap: () {
showSearchBank(provider.ctrlBankName);
},
suffixIcon: const Icon(
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,
trailingTitleWidget: SizedBox( validator: (value) {
width: 24, if (value!.isEmpty) {
child: GestureDetector( return 'Field must be filled';
onTap: () { }
routePush(context, page: const GuideScreen()); return null;
}, },
child: trailingTitleWidget: SizedBox(
const ImageView(image: PathAssets.iconQuestion), width: 24,
child: GestureDetector(
onTap: () {
routePush(context, page: const GuideScreen());
},
child:
const ImageView(image: PathAssets.iconQuestion),
),
), ),
), ),
), TextFormView(
TextFormView( name: 'Account Owner Name',
name: 'Account Owner Name', hintText: 'Input Account Name',
hintText: 'Input Account Name', ctrl: provider.ctrlNameAccountBank,
), validator: (value) {
const Text( if (value!.isEmpty) {
"Make sure the account you use is in your name, not someone else's", return 'Field must be filled';
style: TextStyle(
color: ColorPalette.slate400,
),
),
SizedBox(height: SizeConfig.height * .08),
ButtonView(
name: 'Next',
onPressed: () {
provider.next(context).then((value) {
if (value) {
routePush(context,
page: const ConfirmBankAccount());
} }
}); return null;
}, },
) ),
], const Text(
"Make sure the account you use is in your name, not someone else's",
style: TextStyle(
color: ColorPalette.slate400,
),
),
SizedBox(height: SizeConfig.height * .08),
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(),
arguments: values);
}
});
});
}
},
)
],
),
), ),
); );
}), }),

1
lib/features/auth/registration/view/submission_data/submit_email.dart
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,

21
lib/features/auth/registration/viewmodel/submission_data_viewmodel.dart
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;
}
} }