394 lines
15 KiB
Dart
394 lines
15 KiB
Dart
|
import 'package:flutter/material.dart';
|
||
|
|
|
||
|
|
class StepGetRegistration extends StatefulWidget {
|
||
|
|
final LabeledGlobalKey<FormState> bankAccountFormKey;
|
||
|
|
// final Function updateSignUpDetails;
|
||
|
|
final Function showConfirmSignUpButton;
|
||
|
|
final Function registrationDetails;
|
||
|
|
final Function finalStepProccessing;
|
||
|
|
const StepGetRegistration(
|
||
|
|
{Key? key,
|
||
|
|
// required this.updateSignUpDetails,
|
||
|
|
required this.registrationDetails,
|
||
|
|
required this.bankAccountFormKey,
|
||
|
|
required this.showConfirmSignUpButton,
|
||
|
|
required this.finalStepProccessing})
|
||
|
|
: super(key: key);
|
||
|
|
|
||
|
|
@override
|
||
|
|
_StepGetRegistrationState createState() => _StepGetRegistrationState();
|
||
|
|
}
|
||
|
|
|
||
|
|
class _StepGetRegistrationState extends State<StepGetRegistration> {
|
||
|
|
String firstname = "";
|
||
|
|
String firstnameErrorMessage = "";
|
||
|
|
|
||
|
|
String lastName = "";
|
||
|
|
String lastNameErrorMessage = "";
|
||
|
|
|
||
|
|
String mobNo = "";
|
||
|
|
String mobNoErrorMessage = "";
|
||
|
|
|
||
|
|
String password = "";
|
||
|
|
String passwordErrorMessage = "";
|
||
|
|
|
||
|
|
String confirmPassword = "";
|
||
|
|
String confirmPasswordErrorMessage = "";
|
||
|
|
@override
|
||
|
|
void initState() {
|
||
|
|
super.initState();
|
||
|
|
Map<String, String> signUpDetails = widget.registrationDetails();
|
||
|
|
if (mounted) {
|
||
|
|
setState(() {
|
||
|
|
firstname = signUpDetails['first_name']!;
|
||
|
|
lastName = signUpDetails['last_name']!;
|
||
|
|
mobNo = signUpDetails['mob_no']!;
|
||
|
|
password = signUpDetails['new_password']!;
|
||
|
|
confirmPassword = signUpDetails['confirm_password']!;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
void dispose() {
|
||
|
|
// widget.bankAccountFormKey.currentState?.validate();
|
||
|
|
super.dispose();
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return Form(
|
||
|
|
key: widget.bankAccountFormKey,
|
||
|
|
child: Column(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
Container(
|
||
|
|
width: double.infinity,
|
||
|
|
margin: const EdgeInsets.all(5),
|
||
|
|
padding: const EdgeInsets.all(5),
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: Colors.white,
|
||
|
|
border:
|
||
|
|
Border.all(width: 1.0, color: const Color(0xFFF5F7FA)),
|
||
|
|
borderRadius: BorderRadius.circular(20),
|
||
|
|
boxShadow: [
|
||
|
|
const BoxShadow(
|
||
|
|
blurRadius: 6.18,
|
||
|
|
spreadRadius: 0.618,
|
||
|
|
offset: Offset(-4, -4),
|
||
|
|
color: Colors.white38),
|
||
|
|
BoxShadow(
|
||
|
|
blurRadius: 6.18,
|
||
|
|
spreadRadius: 0.618,
|
||
|
|
offset: const Offset(4, 4),
|
||
|
|
color: Colors.blueGrey.shade100)
|
||
|
|
]),
|
||
|
|
child: TextFormField(
|
||
|
|
initialValue: firstname,
|
||
|
|
onChanged: _toggleSignUpButtonVisibility,
|
||
|
|
// validator: _validateEmailId,
|
||
|
|
autofocus: mounted,
|
||
|
|
autocorrect: false,
|
||
|
|
onFieldSubmitted: (value) {
|
||
|
|
if (value.isNotEmpty) {
|
||
|
|
widget.finalStepProccessing();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
decoration: const InputDecoration(
|
||
|
|
fillColor: Colors.white,
|
||
|
|
border: InputBorder.none,
|
||
|
|
focusedBorder: InputBorder.none,
|
||
|
|
enabledBorder: InputBorder.none,
|
||
|
|
errorBorder: InputBorder.none,
|
||
|
|
disabledBorder: InputBorder.none,
|
||
|
|
contentPadding:
|
||
|
|
EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
|
||
|
|
hintText: "first name",
|
||
|
|
hintStyle: TextStyle(fontSize: 16, color: Color(0xFF929BAB)),
|
||
|
|
),
|
||
|
|
style: const TextStyle(fontSize: 16, color: Color(0xFF929BAB)),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
if (firstnameErrorMessage != '')
|
||
|
|
Container(
|
||
|
|
margin: const EdgeInsets.all(2),
|
||
|
|
padding: const EdgeInsets.all(2),
|
||
|
|
child: Text(
|
||
|
|
"\t\t\t\t$firstnameErrorMessage",
|
||
|
|
style: const TextStyle(fontSize: 10, color: Colors.red),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
|
||
|
|
// first name code end here
|
||
|
|
|
||
|
|
Container(
|
||
|
|
width: double.infinity,
|
||
|
|
margin: const EdgeInsets.all(5),
|
||
|
|
padding: const EdgeInsets.all(5),
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: Colors.white,
|
||
|
|
border:
|
||
|
|
Border.all(width: 1.0, color: const Color(0xFFF5F7FA)),
|
||
|
|
borderRadius: BorderRadius.circular(20),
|
||
|
|
boxShadow: [
|
||
|
|
const BoxShadow(
|
||
|
|
blurRadius: 6.18,
|
||
|
|
spreadRadius: 0.618,
|
||
|
|
offset: Offset(-4, -4),
|
||
|
|
color: Colors.white38),
|
||
|
|
BoxShadow(
|
||
|
|
blurRadius: 6.18,
|
||
|
|
spreadRadius: 0.618,
|
||
|
|
offset: const Offset(4, 4),
|
||
|
|
color: Colors.blueGrey.shade100)
|
||
|
|
]),
|
||
|
|
child: TextFormField(
|
||
|
|
initialValue: lastName,
|
||
|
|
onChanged: _toggleSignUpButtonVisibility,
|
||
|
|
// validator: _validateEmailId,
|
||
|
|
autofocus: mounted,
|
||
|
|
autocorrect: false,
|
||
|
|
onFieldSubmitted: (value) {
|
||
|
|
if (value.isNotEmpty) {
|
||
|
|
widget.finalStepProccessing();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
decoration: const InputDecoration(
|
||
|
|
fillColor: Colors.white,
|
||
|
|
border: InputBorder.none,
|
||
|
|
focusedBorder: InputBorder.none,
|
||
|
|
enabledBorder: InputBorder.none,
|
||
|
|
errorBorder: InputBorder.none,
|
||
|
|
disabledBorder: InputBorder.none,
|
||
|
|
contentPadding:
|
||
|
|
EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
|
||
|
|
hintText: "last name",
|
||
|
|
hintStyle: TextStyle(fontSize: 16, color: Color(0xFF929BAB)),
|
||
|
|
),
|
||
|
|
style: const TextStyle(fontSize: 16, color: Color(0xFF929BAB)),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
if (lastNameErrorMessage != '')
|
||
|
|
Container(
|
||
|
|
margin: const EdgeInsets.all(2),
|
||
|
|
padding: const EdgeInsets.all(2),
|
||
|
|
child: Text(
|
||
|
|
"\t\t\t\t$lastNameErrorMessage",
|
||
|
|
style: const TextStyle(fontSize: 10, color: Colors.red),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
|
||
|
|
// last name code
|
||
|
|
|
||
|
|
Container(
|
||
|
|
width: double.infinity,
|
||
|
|
margin: const EdgeInsets.all(5),
|
||
|
|
padding: const EdgeInsets.all(5),
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: Colors.white,
|
||
|
|
border:
|
||
|
|
Border.all(width: 1.0, color: const Color(0xFFF5F7FA)),
|
||
|
|
borderRadius: BorderRadius.circular(20),
|
||
|
|
boxShadow: [
|
||
|
|
const BoxShadow(
|
||
|
|
blurRadius: 6.18,
|
||
|
|
spreadRadius: 0.618,
|
||
|
|
offset: Offset(-4, -4),
|
||
|
|
color: Colors.white38),
|
||
|
|
BoxShadow(
|
||
|
|
blurRadius: 6.18,
|
||
|
|
spreadRadius: 0.618,
|
||
|
|
offset: const Offset(4, 4),
|
||
|
|
color: Colors.blueGrey.shade100)
|
||
|
|
]),
|
||
|
|
child: TextFormField(
|
||
|
|
initialValue: mobNo,
|
||
|
|
onChanged: _toggleSignUpButtonVisibility,
|
||
|
|
// validator: _validateEmailId,
|
||
|
|
autofocus: mounted,
|
||
|
|
autocorrect: false,
|
||
|
|
onFieldSubmitted: (value) {
|
||
|
|
if (value.isNotEmpty) {
|
||
|
|
widget.finalStepProccessing();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
decoration: const InputDecoration(
|
||
|
|
fillColor: Colors.white,
|
||
|
|
border: InputBorder.none,
|
||
|
|
focusedBorder: InputBorder.none,
|
||
|
|
enabledBorder: InputBorder.none,
|
||
|
|
errorBorder: InputBorder.none,
|
||
|
|
disabledBorder: InputBorder.none,
|
||
|
|
contentPadding:
|
||
|
|
EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
|
||
|
|
hintText: "mob no",
|
||
|
|
hintStyle: TextStyle(fontSize: 16, color: Color(0xFF929BAB)),
|
||
|
|
),
|
||
|
|
style: const TextStyle(fontSize: 16, color: Color(0xFF929BAB)),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
if (mobNoErrorMessage != '')
|
||
|
|
Container(
|
||
|
|
margin: const EdgeInsets.all(2),
|
||
|
|
padding: const EdgeInsets.all(2),
|
||
|
|
child: Text(
|
||
|
|
"\t\t\t\t$mobNoErrorMessage",
|
||
|
|
style: const TextStyle(fontSize: 10, color: Colors.red),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
|
||
|
|
// mob no code end
|
||
|
|
Container(
|
||
|
|
width: double.infinity,
|
||
|
|
margin: const EdgeInsets.all(5),
|
||
|
|
padding: const EdgeInsets.all(5),
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: Colors.white,
|
||
|
|
border:
|
||
|
|
Border.all(width: 1.0, color: const Color(0xFFF5F7FA)),
|
||
|
|
borderRadius: BorderRadius.circular(20),
|
||
|
|
boxShadow: [
|
||
|
|
const BoxShadow(
|
||
|
|
blurRadius: 6.18,
|
||
|
|
spreadRadius: 0.618,
|
||
|
|
offset: Offset(-4, -4),
|
||
|
|
color: Colors.white38),
|
||
|
|
BoxShadow(
|
||
|
|
blurRadius: 6.18,
|
||
|
|
spreadRadius: 0.618,
|
||
|
|
offset: const Offset(4, 4),
|
||
|
|
color: Colors.blueGrey.shade100)
|
||
|
|
]),
|
||
|
|
child: TextFormField(
|
||
|
|
initialValue: password,
|
||
|
|
onChanged: _toggleSignUpButtonVisibility,
|
||
|
|
// validator: _validateEmailId,
|
||
|
|
autofocus: mounted,
|
||
|
|
autocorrect: false,
|
||
|
|
onFieldSubmitted: (value) {
|
||
|
|
if (value.isNotEmpty) {
|
||
|
|
widget.finalStepProccessing();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
decoration: const InputDecoration(
|
||
|
|
fillColor: Colors.white,
|
||
|
|
border: InputBorder.none,
|
||
|
|
focusedBorder: InputBorder.none,
|
||
|
|
enabledBorder: InputBorder.none,
|
||
|
|
errorBorder: InputBorder.none,
|
||
|
|
disabledBorder: InputBorder.none,
|
||
|
|
contentPadding:
|
||
|
|
EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
|
||
|
|
hintText: "password",
|
||
|
|
hintStyle: TextStyle(fontSize: 16, color: Color(0xFF929BAB)),
|
||
|
|
),
|
||
|
|
style: const TextStyle(fontSize: 16, color: Color(0xFF929BAB)),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
if (passwordErrorMessage != '')
|
||
|
|
Container(
|
||
|
|
margin: const EdgeInsets.all(2),
|
||
|
|
padding: const EdgeInsets.all(2),
|
||
|
|
child: Text(
|
||
|
|
"\t\t\t\t$passwordErrorMessage",
|
||
|
|
style: const TextStyle(fontSize: 10, color: Colors.red),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
|
||
|
|
// new password code end
|
||
|
|
|
||
|
|
Container(
|
||
|
|
width: double.infinity,
|
||
|
|
margin: const EdgeInsets.all(5),
|
||
|
|
padding: const EdgeInsets.all(5),
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: Colors.white,
|
||
|
|
border:
|
||
|
|
Border.all(width: 1.0, color: const Color(0xFFF5F7FA)),
|
||
|
|
borderRadius: BorderRadius.circular(20),
|
||
|
|
boxShadow: [
|
||
|
|
const BoxShadow(
|
||
|
|
blurRadius: 6.18,
|
||
|
|
spreadRadius: 0.618,
|
||
|
|
offset: Offset(-4, -4),
|
||
|
|
color: Colors.white38),
|
||
|
|
BoxShadow(
|
||
|
|
blurRadius: 6.18,
|
||
|
|
spreadRadius: 0.618,
|
||
|
|
offset: const Offset(4, 4),
|
||
|
|
color: Colors.blueGrey.shade100)
|
||
|
|
]),
|
||
|
|
child: TextFormField(
|
||
|
|
initialValue: confirmPassword,
|
||
|
|
onChanged: _toggleSignUpButtonVisibility,
|
||
|
|
// validator: _validateEmailId,
|
||
|
|
autofocus: mounted,
|
||
|
|
autocorrect: false,
|
||
|
|
onFieldSubmitted: (value) {
|
||
|
|
if (value.isNotEmpty) {
|
||
|
|
widget.finalStepProccessing();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
decoration: const InputDecoration(
|
||
|
|
fillColor: Colors.white,
|
||
|
|
border: InputBorder.none,
|
||
|
|
focusedBorder: InputBorder.none,
|
||
|
|
enabledBorder: InputBorder.none,
|
||
|
|
errorBorder: InputBorder.none,
|
||
|
|
disabledBorder: InputBorder.none,
|
||
|
|
contentPadding:
|
||
|
|
EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
|
||
|
|
hintText: "confirmPassword",
|
||
|
|
hintStyle: TextStyle(fontSize: 16, color: Color(0xFF929BAB)),
|
||
|
|
),
|
||
|
|
style: const TextStyle(fontSize: 16, color: Color(0xFF929BAB)),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
if (confirmPasswordErrorMessage != '')
|
||
|
|
Container(
|
||
|
|
margin: const EdgeInsets.all(2),
|
||
|
|
padding: const EdgeInsets.all(2),
|
||
|
|
child: Text(
|
||
|
|
"\t\t\t\t$confirmPasswordErrorMessage",
|
||
|
|
style: const TextStyle(fontSize: 10, color: Colors.red),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
|
||
|
|
// confirm password code end here
|
||
|
|
],
|
||
|
|
));
|
||
|
|
}
|
||
|
|
|
||
|
|
// void errorMessageSetter(String fieldName, String message) {
|
||
|
|
// setState(() {
|
||
|
|
// switch (fieldName) {
|
||
|
|
// case 'EMAIL-Id':
|
||
|
|
// emailErrorMessage = message;
|
||
|
|
// break;
|
||
|
|
// }
|
||
|
|
// });
|
||
|
|
// }
|
||
|
|
|
||
|
|
// String? _validateEmailId(String? value) {
|
||
|
|
// if (value == null || value.isEmpty) {
|
||
|
|
// errorMessageSetter('EMAIL-ID', 'you must provide a valid email-id');
|
||
|
|
// } else if (!validEmailFormat.hasMatch(value)) {
|
||
|
|
// errorMessageSetter('EMAIL-ID', 'format of your email address is invalid');
|
||
|
|
// } else {
|
||
|
|
// errorMessageSetter('EMAIL-ID', "");
|
||
|
|
// widget.updateSignUpDetails('email', value);
|
||
|
|
// }
|
||
|
|
|
||
|
|
// return null;
|
||
|
|
// }
|
||
|
|
|
||
|
|
void _toggleSignUpButtonVisibility(String value) {
|
||
|
|
widget.registrationDetails('confirmPassword', value);
|
||
|
|
if (value.isNotEmpty) {
|
||
|
|
widget.showConfirmSignUpButton(true);
|
||
|
|
} else {
|
||
|
|
widget.showConfirmSignUpButton(false);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|