Checkbox validation added
This commit is contained in:
VINISTAN
parent
4efcd311ba
commit
cc24efd8cd
@ -33,7 +33,8 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
|||||||
'Canada'
|
'Canada'
|
||||||
];
|
];
|
||||||
String? _selectedCountry;
|
String? _selectedCountry;
|
||||||
bool _termsAccepted = false;
|
bool isChecked = false;
|
||||||
|
bool showError = false;
|
||||||
final _picker = ImagePicker();
|
final _picker = ImagePicker();
|
||||||
File? _profileImage;
|
File? _profileImage;
|
||||||
|
|
||||||
@ -145,7 +146,7 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
|||||||
|
|
||||||
void _toggleCheckbox(bool? value) {
|
void _toggleCheckbox(bool? value) {
|
||||||
setState(() {
|
setState(() {
|
||||||
_termsAccepted = value ?? false;
|
isChecked = value ?? false;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -164,7 +165,7 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
|||||||
// String email = 'surendarsuri30@gmail.com';
|
// String email = 'surendarsuri30@gmail.com';
|
||||||
String dateOfBirth = _dateController.text; // in DD/MM/YYYY format
|
String dateOfBirth = _dateController.text; // in DD/MM/YYYY format
|
||||||
String countryRegion = _selectedCountry ?? '';
|
String countryRegion = _selectedCountry ?? '';
|
||||||
bool termsAccepted = _termsAccepted;
|
bool termsAccepted = isChecked;
|
||||||
|
|
||||||
// Parse the date from dd/MM/yyyy format and convert to yyyy-MM-dd
|
// Parse the date from dd/MM/yyyy format and convert to yyyy-MM-dd
|
||||||
// Parse the date from dd/MM/yyyy format and format to yyyy-MM-dd
|
// Parse the date from dd/MM/yyyy format and format to yyyy-MM-dd
|
||||||
@ -230,7 +231,7 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
|||||||
_fullNameController.clear();
|
_fullNameController.clear();
|
||||||
_dateController.clear();
|
_dateController.clear();
|
||||||
_selectedCountry = null;
|
_selectedCountry = null;
|
||||||
_termsAccepted = false;
|
isChecked = false;
|
||||||
|
|
||||||
// Reset profile image
|
// Reset profile image
|
||||||
_profileImage = null;
|
_profileImage = null;
|
||||||
@ -440,8 +441,17 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
|||||||
Row(
|
Row(
|
||||||
children: [
|
children: [
|
||||||
Checkbox(
|
Checkbox(
|
||||||
value: _termsAccepted,
|
value: isChecked,
|
||||||
onChanged: _toggleCheckbox,
|
onChanged: (value) {
|
||||||
|
setState(() {
|
||||||
|
isChecked = value ?? false;
|
||||||
|
showError = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
side: BorderSide(
|
||||||
|
color: showError ? Colors.red : Colors.grey,
|
||||||
|
width: 1.5,
|
||||||
|
),
|
||||||
),
|
),
|
||||||
Expanded(
|
Expanded(
|
||||||
child: Column(
|
child: Column(
|
||||||
@ -498,6 +508,23 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
|||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
if (showError)
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 10.0),
|
||||||
|
child: Text(
|
||||||
|
'Required',
|
||||||
|
style: TextStyle(
|
||||||
|
color: Colors.red[700],
|
||||||
|
fontSize: 12,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
|
||||||
SizedBox(height: 20),
|
SizedBox(height: 20),
|
||||||
Center(
|
Center(
|
||||||
child: Text(
|
child: Text(
|
||||||
@ -510,18 +537,34 @@ class _ProfileScreenState extends State<ProfileScreen> {
|
|||||||
SizedBox(height: 20),
|
SizedBox(height: 20),
|
||||||
ElevatedButton.icon(
|
ElevatedButton.icon(
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
if (_formKey.currentState?.validate() ?? false) {
|
|
||||||
|
if((_formKey.currentState?.validate() ?? false) && (isChecked)){
|
||||||
_formKey.currentState?.save();
|
_formKey.currentState?.save();
|
||||||
if (_termsAccepted) {
|
showConfirmationDialog(context);
|
||||||
_formKey.currentState?.save();
|
|
||||||
// _confirmSaveProfile();
|
|
||||||
showConfirmationDialog(context);
|
|
||||||
} else {
|
|
||||||
ScaffoldMessenger.of(context).showSnackBar(
|
|
||||||
SnackBar(content: Text('Please accept the terms and conditions.',style: TextStyle(color: Colors.white),)),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
else {
|
||||||
|
setState(() {
|
||||||
|
showError = !isChecked; // Show error if the checkbox is not checked
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// if ((_formKey.currentState?.validate() ?? false) && (isChecked)) {
|
||||||
|
// _formKey.currentState?.save();
|
||||||
|
// showConfirmationDialog(context);
|
||||||
|
// // if (isChecked) {
|
||||||
|
// // _formKey.currentState?.save();
|
||||||
|
// // // _confirmSaveProfile();
|
||||||
|
// // showConfirmationDialog(context);
|
||||||
|
// // }
|
||||||
|
// else {
|
||||||
|
// setState(() {
|
||||||
|
// showError = !isChecked; // Show error if the checkbox is not checked
|
||||||
|
// });
|
||||||
|
|
||||||
|
// ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
// SnackBar(content: Text('Please accept the terms and conditions.',style: TextStyle(color: Colors.white),)),
|
||||||
|
// );
|
||||||
|
//}
|
||||||
|
//}
|
||||||
},
|
},
|
||||||
icon: Icon(
|
icon: Icon(
|
||||||
Icons.save,
|
Icons.save,
|
||||||
|
|||||||
@ -1,273 +1,3 @@
|
|||||||
// import 'package:flutter/material.dart';
|
|
||||||
//
|
|
||||||
// class RegisterScreen extends StatefulWidget {
|
|
||||||
//
|
|
||||||
// @override
|
|
||||||
// _RegisterScreenState createState() => _RegisterScreenState();
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// class _RegisterScreenState extends State<RegisterScreen> {
|
|
||||||
// final _formKey = GlobalKey<FormState>();
|
|
||||||
// bool _obscurePassword = true;
|
|
||||||
// bool _obscureConfirmPassword = true;
|
|
||||||
// bool isChecked = false;
|
|
||||||
// bool showError = false;
|
|
||||||
//
|
|
||||||
// String? _validateUsername(String? value) {
|
|
||||||
// if (value == null || value.isEmpty) {
|
|
||||||
// return 'Required';
|
|
||||||
// } else if (RegExp(r'[^a-zA-Z0-9]').hasMatch(value)) {
|
|
||||||
// return 'Invalid Characters';
|
|
||||||
// }
|
|
||||||
// return null;
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// String? _validateEmail(String? value) {
|
|
||||||
// if (value == null || value.isEmpty) {
|
|
||||||
// return 'Required';
|
|
||||||
// } else if (!RegExp(r'^[^@]+@[^@]+\.[^@]+').hasMatch(value)) {
|
|
||||||
// return 'Invalid Email';
|
|
||||||
// }
|
|
||||||
// return null;
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// String? _validatePassword(String? value) {
|
|
||||||
// if (value == null || value.isEmpty) {
|
|
||||||
// return 'Required';
|
|
||||||
// } else if (value.length < 6) {
|
|
||||||
// return 'Password must be at least 6 characters';
|
|
||||||
// }
|
|
||||||
// return null;
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// @override
|
|
||||||
// Widget build(BuildContext context) {
|
|
||||||
// double screenheight = MediaQuery.of(context).size.height;
|
|
||||||
// double screenwidth = MediaQuery.of(context).size.width;
|
|
||||||
// return Scaffold(
|
|
||||||
// backgroundColor: Colors.white,
|
|
||||||
// body: Padding(
|
|
||||||
// padding: const EdgeInsets.all(20.0),
|
|
||||||
// child: Form(
|
|
||||||
// key: _formKey,
|
|
||||||
// child: SingleChildScrollView(
|
|
||||||
// child: Column(
|
|
||||||
// mainAxisAlignment: MainAxisAlignment.center,
|
|
||||||
// children: [
|
|
||||||
// SizedBox(height: screenheight / 6),
|
|
||||||
// Text(
|
|
||||||
// 'Register',
|
|
||||||
// style: TextStyle(fontSize: 32, fontWeight: FontWeight.w400),
|
|
||||||
// ),
|
|
||||||
// SizedBox(height: 10),
|
|
||||||
// Text('Please enter your details'),
|
|
||||||
// SizedBox(height: 20),
|
|
||||||
// TextFormField(
|
|
||||||
// decoration: InputDecoration(
|
|
||||||
// hintText: 'Username',
|
|
||||||
// prefixIcon: Icon(
|
|
||||||
// Icons.person,
|
|
||||||
// color: Colors.blue,
|
|
||||||
// ),
|
|
||||||
// border: OutlineInputBorder(),
|
|
||||||
// ),
|
|
||||||
// validator: _validateUsername,
|
|
||||||
// ),
|
|
||||||
// SizedBox(height: 15),
|
|
||||||
// TextFormField(
|
|
||||||
// decoration: InputDecoration(
|
|
||||||
// hintText: 'Enter your email',
|
|
||||||
// prefixIcon: Icon(
|
|
||||||
// Icons.email,
|
|
||||||
// color: Colors.blue,
|
|
||||||
// ),
|
|
||||||
// border: OutlineInputBorder(),
|
|
||||||
// ),
|
|
||||||
// validator: _validateEmail,
|
|
||||||
// ),
|
|
||||||
// SizedBox(height: 15),
|
|
||||||
// TextFormField(
|
|
||||||
// obscureText: _obscurePassword,
|
|
||||||
// decoration: InputDecoration(
|
|
||||||
// hintText: 'Enter your password',
|
|
||||||
// prefixIcon: Icon(
|
|
||||||
// Icons.lock,
|
|
||||||
// color: Colors.blue,
|
|
||||||
// ),
|
|
||||||
// suffixIcon: IconButton(
|
|
||||||
// icon: Icon(
|
|
||||||
// _obscurePassword
|
|
||||||
// ? Icons.visibility
|
|
||||||
// : Icons.visibility_off,
|
|
||||||
// color: Colors.blue,
|
|
||||||
// ),
|
|
||||||
// onPressed: () {
|
|
||||||
// setState(() {
|
|
||||||
// _obscurePassword = !_obscurePassword;
|
|
||||||
// });
|
|
||||||
// },
|
|
||||||
// ),
|
|
||||||
// border: OutlineInputBorder(),
|
|
||||||
// ),
|
|
||||||
// validator: _validatePassword,
|
|
||||||
// ),
|
|
||||||
// SizedBox(height: 15),
|
|
||||||
// TextFormField(
|
|
||||||
// obscureText: _obscureConfirmPassword,
|
|
||||||
// decoration: InputDecoration(
|
|
||||||
// hintText: 'Confirm password',
|
|
||||||
// prefixIcon: Icon(
|
|
||||||
// Icons.lock,
|
|
||||||
// color: Colors.blue,
|
|
||||||
// ),
|
|
||||||
// suffixIcon: IconButton(
|
|
||||||
// icon: Icon(
|
|
||||||
// _obscureConfirmPassword
|
|
||||||
// ? Icons.visibility
|
|
||||||
// : Icons.visibility_off,
|
|
||||||
// color: Colors.blue,
|
|
||||||
// ),
|
|
||||||
// onPressed: () {
|
|
||||||
// setState(() {
|
|
||||||
// _obscureConfirmPassword = !_obscureConfirmPassword;
|
|
||||||
// });
|
|
||||||
// },
|
|
||||||
// ),
|
|
||||||
// border: OutlineInputBorder(),
|
|
||||||
// ),
|
|
||||||
// validator: _validatePassword,
|
|
||||||
// ),
|
|
||||||
// SizedBox(height: 10),
|
|
||||||
// Row(
|
|
||||||
// children: [
|
|
||||||
// Checkbox(
|
|
||||||
// value: isChecked,
|
|
||||||
// onChanged: (value) {
|
|
||||||
// setState(() {
|
|
||||||
// isChecked = value ?? false;
|
|
||||||
// showError = false;
|
|
||||||
// });
|
|
||||||
// },
|
|
||||||
// side: BorderSide(
|
|
||||||
// color: showError ? Colors.red : Colors.grey,
|
|
||||||
// width: 1.5,
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// Expanded(
|
|
||||||
// child: Text.rich(
|
|
||||||
// TextSpan(
|
|
||||||
// text: 'I agree to ',
|
|
||||||
// children: [
|
|
||||||
// TextSpan(
|
|
||||||
// text: 'Terms & Conditions',
|
|
||||||
// style: TextStyle(color: Colors.blue),
|
|
||||||
// ),
|
|
||||||
// TextSpan(text: ' and '),
|
|
||||||
// TextSpan(
|
|
||||||
// text: 'Privacy Policy',
|
|
||||||
// style: TextStyle(color: Colors.blue),
|
|
||||||
// ),
|
|
||||||
// ],
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// ],
|
|
||||||
// ),
|
|
||||||
// if (showError)
|
|
||||||
// Row(
|
|
||||||
// mainAxisAlignment: MainAxisAlignment.start,
|
|
||||||
// children: [
|
|
||||||
// Padding(
|
|
||||||
// padding: const EdgeInsets.only(left: 10.0),
|
|
||||||
// child: Text(
|
|
||||||
// 'Required',
|
|
||||||
// style: TextStyle(
|
|
||||||
// color: Colors.red[700],
|
|
||||||
// fontSize: 12,
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// ],
|
|
||||||
// ),
|
|
||||||
// SizedBox(height: 20),
|
|
||||||
// SizedBox(
|
|
||||||
// width: screenwidth/1.3,
|
|
||||||
// child: ElevatedButton(
|
|
||||||
// onPressed: () {
|
|
||||||
// if ((_formKey.currentState?.validate() ??
|
|
||||||
// false )&& isChecked) {
|
|
||||||
// // Proceed with registration if form is valid and checkbox is checked
|
|
||||||
// } else {
|
|
||||||
// setState(() {
|
|
||||||
// showError =
|
|
||||||
// !isChecked; // Show error if the checkbox is not checked
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// style: ElevatedButton.styleFrom(
|
|
||||||
// backgroundColor: Color(0xFFA7887A),
|
|
||||||
// // Brownish color for Register
|
|
||||||
//
|
|
||||||
// shape: RoundedRectangleBorder(
|
|
||||||
// borderRadius: BorderRadius.circular(20),
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// child: Row(
|
|
||||||
// mainAxisSize: MainAxisSize.min,
|
|
||||||
// children: [
|
|
||||||
// Text(
|
|
||||||
// "Register",
|
|
||||||
// style: TextStyle(fontSize: 16, color: Colors.white),
|
|
||||||
// ),
|
|
||||||
// SizedBox(width: 8),
|
|
||||||
// Icon(Icons.arrow_forward, color: Colors.white),
|
|
||||||
// ],
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// SizedBox(height: 10),
|
|
||||||
// Text(
|
|
||||||
// "Already have an account?",
|
|
||||||
// style: TextStyle(fontSize: 16, color: Colors.grey[600]),
|
|
||||||
// ),
|
|
||||||
// SizedBox(height: 10),
|
|
||||||
// SizedBox(
|
|
||||||
// width: screenwidth/1.3,
|
|
||||||
// child: ElevatedButton(
|
|
||||||
// onPressed: () {
|
|
||||||
// // Add your login logic here
|
|
||||||
// },
|
|
||||||
// style: ElevatedButton.styleFrom(
|
|
||||||
// backgroundColor: Color(0xFF82AFCB),
|
|
||||||
// // Blueish color for Login
|
|
||||||
// shape: RoundedRectangleBorder(
|
|
||||||
// borderRadius: BorderRadius.circular(20),
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// child: Row(
|
|
||||||
// mainAxisSize: MainAxisSize.min,
|
|
||||||
// children: [
|
|
||||||
// Text(
|
|
||||||
// "Login",
|
|
||||||
// style: TextStyle(fontSize: 16, color: Colors.white),
|
|
||||||
// ),
|
|
||||||
// SizedBox(width: 8),
|
|
||||||
// Icon(Icons.arrow_forward, color: Colors.white),
|
|
||||||
// ],
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// ],
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// ),
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:uae_stat/presentation/Screens/profilepage.dart';
|
import 'package:uae_stat/presentation/Screens/profilepage.dart';
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user