admin/marco.pms.mobileapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Add country selection and phone number validation in employee form

Browse Source
This commit is contained in:
Vaibhav Surve 2025-06-03 15:04:53 +05:30
parent a7f8ea16b0
commit a844c758b0
2 changed files with 167 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
lib/controller/dashboard/add_employee_controller.dart
View File

@ -22,6 +22,42 @@ class AddEmployeeController extends MyController {
Gender? selectedGender; Gender? selectedGender;
List<Map<String, dynamic>> roles = []; List<Map<String, dynamic>> roles = [];
String? selectedRoleId; String? selectedRoleId;
final List<Map<String, String>> countries = [
{"code": "+91", "name": "India"},
{"code": "+1", "name": "USA"},
{"code": "+971", "name": "UAE"},
{"code": "+44", "name": "UK"},
{"code": "+81", "name": "Japan"},
{"code": "+61", "name": "Australia"},
{"code": "+49", "name": "Germany"},
{"code": "+33", "name": "France"},
{"code": "+86", "name": "China"},
];
final Map<String, int> minDigitsPerCountry = {
"+91": 10,
"+1": 10,
"+971": 9,
"+44": 10,
"+81": 10,
"+61": 9,
"+49": 10,
"+33": 9,
"+86": 11,
};
final Map<String, int> maxDigitsPerCountry = {
"+91": 10,
"+1": 10,
"+971": 9,
"+44": 11,
"+81": 10,
"+61": 9,
"+49": 11,
"+33": 9,
"+86": 11,
};
String selectedCountryCode = "+91";
@override @override
void onInit() { void onInit() {

143
lib/model/employees/add_employee_bottom_sheet.dart
View File

@ -100,13 +100,128 @@ class _AddEmployeeBottomSheetState extends State<AddEmployeeBottomSheet>
_buildLabel("Phone Number"), _buildLabel("Phone Number"),
MySpacing.height(8), MySpacing.height(8),
_buildTextField( Column(
hint: "eg: +91 9876543210", crossAxisAlignment: CrossAxisAlignment.start,
controller: controller.basicValidator children: [
.getController('phone_number')!, Row(
validator: controller.basicValidator crossAxisAlignment: CrossAxisAlignment.start,
.getValidation('phone_number'), children: [
keyboardType: TextInputType.phone, Container(
padding: const EdgeInsets.symmetric(
horizontal: 12, vertical: 14),
decoration: BoxDecoration(
border:
Border.all(color: Colors.grey.shade300),
borderRadius: BorderRadius.circular(8),
),
child: PopupMenuButton<Map<String, String>>(
onSelected: (country) {
setState(() {
controller.selectedCountryCode =
country['code']!;
});
},
itemBuilder: (context) => [
PopupMenuItem(
enabled: false,
padding: EdgeInsets.zero,
child: Container(
padding: EdgeInsets.zero,
height: 200,
width: 100,
decoration: BoxDecoration(
color: Theme.of(context)
.colorScheme
.surface,
borderRadius:
BorderRadius.circular(8),
),
child: Scrollbar(
child: ListView(
padding: EdgeInsets.zero,
children: controller.countries
.map((country) {
return ListTile(
title: Text(
"${country['name']} (${country['code']})",
style: TextStyle(
color: Theme.of(context)
.colorScheme
.onSurface,
),
),
onTap: () => Navigator.pop(
context, country),
hoverColor: Theme.of(context)
.colorScheme
.primary
.withOpacity(0.1),
contentPadding:
const EdgeInsets.symmetric(
horizontal: 12),
);
}).toList(),
),
),
),
),
],
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text(controller.selectedCountryCode),
const Icon(Icons.arrow_drop_down),
],
),
),
),
const SizedBox(width: 12),
Expanded(
child: Column(
children: [
TextFormField(
controller: controller.basicValidator
.getController('phone_number'),
validator: (value) {
if (value == null ||
value.trim().isEmpty) {
return "Phone number is required";
}
final digitsOnly = value.trim();
final minLength =
controller.minDigitsPerCountry[
controller
.selectedCountryCode] ??
7;
final maxLength =
controller.maxDigitsPerCountry[
controller
.selectedCountryCode] ??
15;
if (!RegExp(r'^[0-9]+$')
.hasMatch(digitsOnly)) {
return "Phone number must contain digits only";
}
if (digitsOnly.length < minLength ||
digitsOnly.length > maxLength) {
return "Number Must be between $minLength and $maxLength";
}
return null;
},
keyboardType: TextInputType.phone,
decoration:
_inputDecoration("eg: 9876543210"),
),
],
),
),
],
),
],
), ),
MySpacing.height(24), MySpacing.height(24),
@ -182,11 +297,15 @@ class _AddEmployeeBottomSheetState extends State<AddEmployeeBottomSheet>
} }
employeeController employeeController
.update(['employee_screen_controller']); .update(['employee_screen_controller']);
controller.basicValidator
// Optionally clear form .getController("first_name")
controller.basicValidator.getController("first_name")?.clear(); ?.clear();
controller.basicValidator.getController("last_name")?.clear(); controller.basicValidator
controller.basicValidator.getController("phone_number")?.clear(); .getController("last_name")
?.clear();
controller.basicValidator
.getController("phone_number")
?.clear();
controller.selectedGender = null; controller.selectedGender = null;
controller.selectedRoleId = null; controller.selectedRoleId = null;