249 lines
9.6 KiB
Dart
249 lines
9.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:mzansi_innovation_hub/main.dart';
|
|
import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
|
|
|
|
class MihDropdownField extends StatefulWidget {
|
|
final TextEditingController controller;
|
|
final String hintText;
|
|
final bool requiredText;
|
|
final List<String> dropdownOptions;
|
|
final bool editable;
|
|
final bool enableSearch;
|
|
final FormFieldValidator<String>? validator;
|
|
final Function(String?)? onSelected;
|
|
|
|
const MihDropdownField({
|
|
super.key,
|
|
required this.controller,
|
|
required this.hintText,
|
|
required this.dropdownOptions,
|
|
required this.requiredText,
|
|
required this.editable,
|
|
required this.enableSearch,
|
|
this.validator,
|
|
this.onSelected,
|
|
});
|
|
|
|
@override
|
|
State<MihDropdownField> createState() => _MihDropdownFieldState();
|
|
}
|
|
|
|
class _MihDropdownFieldState extends State<MihDropdownField> {
|
|
late List<DropdownMenuEntry<String>> menu;
|
|
|
|
List<DropdownMenuEntry<String>> buildMenuOptions(List<String> options) {
|
|
List<DropdownMenuEntry<String>> menuList = [];
|
|
for (final i in options) {
|
|
menuList.add(DropdownMenuEntry(
|
|
value: i,
|
|
label: i,
|
|
style: ButtonStyle(
|
|
foregroundColor: WidgetStatePropertyAll(MihColors.getPrimaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode == "Dark")),
|
|
),
|
|
));
|
|
}
|
|
return menuList;
|
|
}
|
|
|
|
@override
|
|
void didChangeDependencies() {
|
|
super.didChangeDependencies();
|
|
menu = buildMenuOptions(widget.dropdownOptions);
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
menu = widget.dropdownOptions
|
|
.map((e) => DropdownMenuEntry(value: e, label: e))
|
|
.toList();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
widget.hintText,
|
|
style: TextStyle(
|
|
color: MihColors.getSecondaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
if (!widget.requiredText)
|
|
Text(
|
|
"(Optional)",
|
|
style: TextStyle(
|
|
color: MihColors.getSecondaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 4),
|
|
FormField<String>(
|
|
validator: widget.validator,
|
|
autovalidateMode: AutovalidateMode.onUserInteraction,
|
|
initialValue: widget.controller.text,
|
|
builder: (field) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Theme(
|
|
data: Theme.of(context).copyWith(
|
|
textSelectionTheme: TextSelectionThemeData(
|
|
cursorColor: MihColors.getPrimaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark"),
|
|
selectionColor: MihColors.getPrimaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark")
|
|
.withValues(alpha: 0.3),
|
|
selectionHandleColor: MihColors.getPrimaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark"),
|
|
),
|
|
),
|
|
child: DropdownMenu(
|
|
controller: widget.controller,
|
|
dropdownMenuEntries: menu,
|
|
enableSearch: widget.enableSearch,
|
|
enableFilter: widget.enableSearch,
|
|
enabled: widget.editable,
|
|
textInputAction: widget.enableSearch
|
|
? TextInputAction.search
|
|
: TextInputAction.none,
|
|
requestFocusOnTap: widget.enableSearch,
|
|
menuHeight: 400,
|
|
expandedInsets: EdgeInsets.zero,
|
|
textStyle: TextStyle(
|
|
color: MihColors.getPrimaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark"),
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
trailingIcon: Icon(
|
|
Icons.arrow_drop_down,
|
|
color: MihColors.getPrimaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark"),
|
|
),
|
|
selectedTrailingIcon: Icon(
|
|
Icons.arrow_drop_up,
|
|
color: MihColors.getPrimaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark"),
|
|
),
|
|
leadingIcon: IconButton(
|
|
onPressed: () {
|
|
widget.controller.clear();
|
|
field.didChange('');
|
|
},
|
|
icon: Icon(
|
|
Icons.delete_outline_rounded,
|
|
color: MihColors.getPrimaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark"),
|
|
),
|
|
),
|
|
onSelected: (String? selectedValue) {
|
|
field.didChange(selectedValue);
|
|
widget.onSelected?.call(selectedValue);
|
|
},
|
|
menuStyle: MenuStyle(
|
|
backgroundColor: WidgetStatePropertyAll(
|
|
MihColors.getSecondaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark")),
|
|
side: WidgetStatePropertyAll(
|
|
BorderSide(
|
|
color: MihColors.getPrimaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark"),
|
|
width: 1.0),
|
|
),
|
|
shape: WidgetStatePropertyAll(
|
|
RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(
|
|
10), // Increase for more roundness
|
|
),
|
|
),
|
|
),
|
|
inputDecorationTheme: InputDecorationTheme(
|
|
errorStyle: const TextStyle(height: 0, fontSize: 0),
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 10.0, vertical: 8.0),
|
|
filled: true,
|
|
fillColor: MihColors.getSecondaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark"),
|
|
enabledBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
borderSide: BorderSide.none,
|
|
),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
borderSide: BorderSide(
|
|
color: field.hasError
|
|
? MihColors.getRedColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark")
|
|
: MihColors.getSecondaryColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark"),
|
|
width: 3.0,
|
|
),
|
|
),
|
|
errorBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
borderSide: BorderSide(
|
|
color: MihColors.getRedColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark"),
|
|
width: 3.0,
|
|
),
|
|
),
|
|
focusedErrorBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
borderSide: BorderSide(
|
|
color: MihColors.getRedColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark"),
|
|
width: 3.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
if (field.hasError)
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 8.0, top: 4.0),
|
|
child: Text(
|
|
field.errorText ?? '',
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: MihColors.getRedColor(
|
|
MzansiInnovationHub.of(context)!.theme.mode ==
|
|
"Dark"),
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|