589 lines
30 KiB
Dart
589 lines
30 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:flutter_form_builder/flutter_form_builder.dart';
|
|
import 'package:flutter_progress_hud/flutter_progress_hud.dart';
|
|
import 'package:form_builder_validators/form_builder_validators.dart';
|
|
import 'package:searchfield/searchfield.dart';
|
|
import 'package:unit2/bloc/profile/education/education_bloc.dart';
|
|
import 'package:unit2/model/profile/educational_background.dart';
|
|
import 'package:unit2/theme-data.dart/box_shadow.dart';
|
|
import 'package:unit2/theme-data.dart/form-style.dart';
|
|
import 'package:unit2/utils/global.dart';
|
|
import '../../../../theme-data.dart/btn-style.dart';
|
|
import '../../../../theme-data.dart/colors.dart';
|
|
import '../../../../utils/formatters.dart';
|
|
import '../../../../utils/text_container.dart';
|
|
import '../../shared/add_for_empty_search.dart';
|
|
import 'package:multi_dropdown/multiselect_dropdown.dart';
|
|
|
|
class EditEducationScreen extends StatefulWidget {
|
|
final int profileId;
|
|
final String token;
|
|
const EditEducationScreen(
|
|
{super.key, required this.profileId, required this.token});
|
|
|
|
@override
|
|
State<EditEducationScreen> createState() => _EditEducationScreenState();
|
|
}
|
|
|
|
class _EditEducationScreenState extends State<EditEducationScreen> {
|
|
final List<EducationLevel> educationLevel = [
|
|
const EducationLevel(type: "label", value: "Basic Education", group: 1),
|
|
const EducationLevel(type: "level", value: "Elementary", group: 1),
|
|
const EducationLevel(type: "level", value: "Secondary (non-K12)", group: 1),
|
|
const EducationLevel(type: "level", value: "Junior High", group: 1),
|
|
const EducationLevel(type: "level", value: "Senior High", group: 1),
|
|
const EducationLevel(type: "label", value: "Higher Education", group: 2),
|
|
const EducationLevel(type: "level", value: "Collegiate", group: 2),
|
|
const EducationLevel(type: "level", value: "Vocational", group: 2),
|
|
const EducationLevel(type: "label", value: "Post Graduate", group: 2),
|
|
const EducationLevel(type: "level", value: "Masteral", group: 2),
|
|
const EducationLevel(type: "level", value: "Doctorate", group: 2),
|
|
];
|
|
List<ValueItem> valueItemHonorList = [];
|
|
List<ValueItem> selectedValueItem = [];
|
|
////selected
|
|
EducationLevel? selectedLevel;
|
|
School? selectedSchool;
|
|
Course? selectedProgram;
|
|
List<Honor> selectedHonors = [];
|
|
final formKey = GlobalKey<FormBuilderState>();
|
|
////congrollers
|
|
final addProgramController = TextEditingController();
|
|
final addSchoolController = TextEditingController();
|
|
final fromController = TextEditingController();
|
|
final untilController = TextEditingController();
|
|
final yearGraduated = TextEditingController();
|
|
final currentSchoolController = TextEditingController();
|
|
final currentProgramController = TextEditingController();
|
|
final unitsController = TextEditingController(); ////focus node
|
|
final programFocusNode = FocusNode();
|
|
final schoolFocusNode = FocusNode();
|
|
final honorFocusNode = FocusNode();
|
|
////booleans
|
|
bool graduated = true;
|
|
|
|
@override
|
|
void dispose() {
|
|
addProgramController.dispose();
|
|
addSchoolController.dispose();
|
|
fromController.dispose();
|
|
untilController.dispose();
|
|
currentSchoolController.dispose();
|
|
currentProgramController.dispose();
|
|
unitsController.dispose();
|
|
programFocusNode.dispose();
|
|
schoolFocusNode .dispose();
|
|
honorFocusNode .dispose();
|
|
super.dispose();
|
|
}
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return BlocBuilder<EducationBloc, EducationState>(
|
|
builder: (context, state) {
|
|
if (state is EditEducationState) {
|
|
////selected level
|
|
selectedLevel = educationLevel.firstWhere((element) =>
|
|
element.value.toUpperCase() ==
|
|
state.educationalBackground.education!.level);
|
|
|
|
currentSchoolController.text =
|
|
state.educationalBackground.education!.school!.name!;
|
|
if (selectedLevel != null && selectedLevel!.group != 1) {
|
|
currentProgramController.text =
|
|
state.educationalBackground.education!.course!.program!;
|
|
}
|
|
////year grduated and units earned
|
|
if (state.educationalBackground.yearGraduated != null) {
|
|
graduated = true;
|
|
yearGraduated.text = state.educationalBackground.yearGraduated!;
|
|
} else {
|
|
unitsController.text =
|
|
state.educationalBackground.unitsEarned.toString();
|
|
graduated = false;
|
|
}
|
|
fromController.text = state.educationalBackground.periodFrom!;
|
|
untilController.text = state.educationalBackground.periodTo!;
|
|
|
|
////get all honors
|
|
valueItemHonorList = state.honors.map((Honor honor) {
|
|
return ValueItem(label: honor.name!, value: honor.name);
|
|
}).toList();
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(vertical: 32, horizontal: 24),
|
|
child: FormBuilder(
|
|
key: formKey,
|
|
child: SizedBox(
|
|
height: blockSizeVertical * 85,
|
|
child: ListView(children: [
|
|
|
|
//// LEVEL
|
|
StatefulBuilder(builder: (context, setState) {
|
|
return Column(
|
|
children: [
|
|
FormBuilderDropdown(
|
|
initialValue: selectedLevel,
|
|
validator: FormBuilderValidators.required(
|
|
errorText: "This field is required"),
|
|
decoration:
|
|
normalTextFieldStyle("level*", "level"),
|
|
name: "education_level",
|
|
onChanged: (EducationLevel? level) {
|
|
setState(() {
|
|
selectedLevel = level;
|
|
});
|
|
},
|
|
items: educationLevel
|
|
.map<DropdownMenuItem<EducationLevel>>(
|
|
(EducationLevel level) {
|
|
return level.type == "label"
|
|
? DropdownMenuItem(
|
|
enabled: false,
|
|
value: level,
|
|
child: Text(level.value.toUpperCase(),
|
|
style: const TextStyle(
|
|
color: Colors.black38)))
|
|
: DropdownMenuItem(
|
|
value: level,
|
|
enabled: true,
|
|
child: Text(
|
|
" ${level.value.toUpperCase()}"));
|
|
}).toList()),
|
|
const SizedBox(
|
|
height: 12,
|
|
),
|
|
////school
|
|
StatefulBuilder(builder: (context, setState) {
|
|
return SearchField(
|
|
inputFormatters: [
|
|
UpperCaseTextFormatter()
|
|
],
|
|
|
|
suggestionAction: SuggestionAction.next,
|
|
onSubmit: (p0) {
|
|
schoolFocusNode.unfocus();
|
|
},
|
|
controller: currentSchoolController,
|
|
itemHeight: 70,
|
|
suggestionsDecoration: box1(),
|
|
suggestions: state.schools
|
|
.map((School school) =>
|
|
SearchFieldListItem(school.name!,
|
|
item: school,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 10),
|
|
child: ListTile(
|
|
title: Text(school.name!,overflow: TextOverflow.visible,)),
|
|
)))
|
|
.toList(),
|
|
validator: (agency) {
|
|
if (agency!.isEmpty) {
|
|
return "This field is required";
|
|
}
|
|
return null;
|
|
},
|
|
focusNode: schoolFocusNode,
|
|
searchInputDecoration:
|
|
normalTextFieldStyle("School *", "").copyWith(
|
|
suffixIcon: GestureDetector(
|
|
child: const Icon(Icons.arrow_drop_down),
|
|
onTap: () {
|
|
schoolFocusNode.unfocus();
|
|
},
|
|
)),
|
|
onSuggestionTap: (school) {
|
|
setState(() {
|
|
selectedSchool = school.item;
|
|
schoolFocusNode.unfocus();
|
|
});
|
|
},
|
|
emptyWidget: EmptyWidget(
|
|
title: "Add School",
|
|
controller: addSchoolController,
|
|
onpressed: () {
|
|
setState(() {
|
|
School newSchool = School(
|
|
id: null,
|
|
name: addSchoolController.text
|
|
.toUpperCase());
|
|
state.schools.insert(0, newSchool);
|
|
addSchoolController.text = "";
|
|
|
|
Navigator.pop(context);
|
|
});
|
|
}),
|
|
);
|
|
}),
|
|
const SizedBox(
|
|
height: 12,
|
|
),
|
|
|
|
////Programs
|
|
|
|
Container(
|
|
child: selectedLevel != null &&
|
|
selectedLevel!.group != 1
|
|
? SearchField(
|
|
inputFormatters: [UpperCaseTextFormatter()],
|
|
suggestionAction:
|
|
SuggestionAction.unfocus,
|
|
controller: currentProgramController,
|
|
itemHeight: 70,
|
|
suggestionsDecoration: box1(),
|
|
suggestions: state.programs
|
|
.map((Course program) =>
|
|
SearchFieldListItem(
|
|
program.program!,
|
|
item: program,
|
|
child: Padding(
|
|
padding: const EdgeInsets
|
|
.symmetric(
|
|
horizontal: 10),
|
|
child: ListTile(
|
|
title: Text(
|
|
program.program!,overflow: TextOverflow.visible,)),
|
|
)))
|
|
.toList(),
|
|
validator: (agency) {
|
|
if (agency!.isEmpty) {
|
|
return "This field is required";
|
|
}
|
|
return null;
|
|
},
|
|
focusNode: programFocusNode,
|
|
searchInputDecoration:
|
|
normalTextFieldStyle(
|
|
"Course/Programs *", "")
|
|
.copyWith(
|
|
suffixIcon: IconButton(
|
|
icon:const Icon(
|
|
Icons.arrow_drop_down), onPressed: () { programFocusNode.unfocus(); },),),
|
|
onSuggestionTap: (position) {
|
|
setState(() {
|
|
selectedProgram = position.item;
|
|
programFocusNode.unfocus();
|
|
});
|
|
},
|
|
emptyWidget: EmptyWidget(
|
|
title: "Add Program",
|
|
controller: addProgramController,
|
|
onpressed: () {
|
|
setState(() {
|
|
Course newProgram = Course(
|
|
id: null,
|
|
program: addProgramController
|
|
.text
|
|
.toUpperCase());
|
|
state.programs
|
|
.insert(0, newProgram);
|
|
addProgramController.text = "";
|
|
|
|
Navigator.pop(context);
|
|
});
|
|
}),
|
|
)
|
|
: Container()),
|
|
SizedBox(height: selectedLevel != null &&
|
|
selectedLevel!.group != 1?12:0,),
|
|
],
|
|
);
|
|
}),
|
|
|
|
StatefulBuilder(builder: (context, setState) {
|
|
return Column(
|
|
children: [
|
|
//// GRADUATED SWITCH
|
|
FormBuilderSwitch(
|
|
initialValue: graduated,
|
|
activeColor: second,
|
|
onChanged: (value) {
|
|
setState(() {
|
|
graduated = value!;
|
|
if (graduated) {
|
|
unitsController.text = "";
|
|
} else {
|
|
yearGraduated.text = "";
|
|
}
|
|
});
|
|
},
|
|
decoration: normalTextFieldStyle(
|
|
"Graduated?", 'Graduated?'),
|
|
name: 'graudated',
|
|
title: Text(graduated ? "YES" : "NO"),
|
|
),
|
|
const SizedBox(
|
|
height: 12,
|
|
),
|
|
////FROM
|
|
SizedBox(
|
|
width: screenWidth,
|
|
child: Row(
|
|
children: [
|
|
Flexible(
|
|
flex: 1,
|
|
child: FormBuilderTextField(
|
|
validator: FormBuilderValidators.required(
|
|
errorText: "This fied is required"),
|
|
decoration:
|
|
normalTextFieldStyle("from *", "from"),
|
|
name: "",
|
|
controller: fromController,
|
|
onTap: () {
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return AlertDialog(
|
|
content: SizedBox(
|
|
width: 300,
|
|
height: 300,
|
|
child: YearPicker(
|
|
firstDate: DateTime(
|
|
DateTime.now().year - 100,
|
|
1),
|
|
lastDate: DateTime(
|
|
DateTime.now().year + 100,
|
|
1),
|
|
initialDate: DateTime.now(),
|
|
selectedDate: DateTime.now(),
|
|
onChanged: (DateTime dateTime) {
|
|
fromController.text =
|
|
dateTime.year.toString();
|
|
Navigator.pop(context);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
const SizedBox(
|
|
width: 8,
|
|
),
|
|
////UNTIL
|
|
Flexible(
|
|
flex: 1,
|
|
child: FormBuilderTextField(
|
|
validator: FormBuilderValidators.required(
|
|
errorText: "This fied is required"),
|
|
decoration: normalTextFieldStyle(
|
|
"until *", "until"),
|
|
name: "",
|
|
controller: untilController,
|
|
onTap: () {
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return AlertDialog(
|
|
content: SizedBox(
|
|
width: 300,
|
|
height: 300,
|
|
child: YearPicker(
|
|
firstDate: DateTime(
|
|
DateTime.now().year - 100,
|
|
1),
|
|
lastDate: DateTime(
|
|
DateTime.now().year + 100,
|
|
1),
|
|
initialDate: DateTime.now(),
|
|
selectedDate: DateTime.now(),
|
|
onChanged: (DateTime dateTime) {
|
|
untilController.text =
|
|
dateTime.year.toString();
|
|
Navigator.pop(context);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
|
|
|
|
],
|
|
),
|
|
|
|
), const SizedBox(height: 20,),
|
|
SizedBox(
|
|
|
|
child: graduated
|
|
////GRADUATED YEAR
|
|
? FormBuilderTextField(
|
|
validator:
|
|
FormBuilderValidators.required(
|
|
errorText:
|
|
"This fied is required"),
|
|
onTap: () {
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return AlertDialog(
|
|
content: SizedBox(
|
|
width: 300,
|
|
height: 300,
|
|
child: YearPicker(
|
|
firstDate: DateTime(
|
|
DateTime.now().year -
|
|
100,
|
|
1),
|
|
lastDate: DateTime(
|
|
DateTime.now().year +
|
|
100,
|
|
1),
|
|
initialDate:
|
|
DateTime.now(),
|
|
selectedDate:
|
|
DateTime.now(),
|
|
onChanged:
|
|
(DateTime dateTime) {
|
|
yearGraduated.text =
|
|
dateTime.year
|
|
.toString();
|
|
Navigator.pop(context);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
name: "year_graduated",
|
|
controller: yearGraduated,
|
|
decoration: normalTextFieldStyle(
|
|
"Year Graduated *",
|
|
"Year Graduated *"),
|
|
)
|
|
//// HIGHEST UNITS EARNED
|
|
: FormBuilderTextField(
|
|
initialValue: state.educationalBackground.unitsEarned?.toString(),
|
|
validator:
|
|
FormBuilderValidators.required(
|
|
errorText:
|
|
"This fied is required"),
|
|
|
|
name: "units_earned",
|
|
decoration: normalTextFieldStyle(
|
|
"Highest Level/Units Earned *",
|
|
"Highest Level/Units Earned *")),
|
|
)
|
|
|
|
],
|
|
);
|
|
}),
|
|
const SizedBox(
|
|
height: 12,
|
|
),
|
|
//// HONORS
|
|
StatefulBuilder(builder: (context, setState) {
|
|
return MultiSelectDropDown(
|
|
onOptionSelected: (List<ValueItem> selectedOptions) {
|
|
selectedValueItem = selectedOptions;
|
|
},
|
|
borderColor: Colors.grey,
|
|
borderWidth: 1,
|
|
borderRadius: 5,
|
|
hint: "Honors",
|
|
padding: const EdgeInsets.all(8),
|
|
options: valueItemHonorList,
|
|
selectionType: SelectionType.multi,
|
|
chipConfig: const ChipConfig(wrapType: WrapType.wrap),
|
|
dropdownHeight: 300,
|
|
optionTextStyle: const TextStyle(fontSize: 16),
|
|
selectedOptionIcon: const Icon(Icons.check_circle),
|
|
selectedOptions:
|
|
(state.educationalBackground.honors!.isNotEmpty &&
|
|
state.educationalBackground.honors != null)
|
|
? selectedValueItem = state
|
|
.educationalBackground.honors!
|
|
.map((Honor honor) => ValueItem(
|
|
label: honor.name!, value: honor.name))
|
|
.toList()
|
|
: [],
|
|
);
|
|
}),
|
|
const SizedBox(height: 14,),
|
|
////sumit button
|
|
|
|
SizedBox(
|
|
width: double.infinity,
|
|
height: 60,
|
|
child: ElevatedButton(
|
|
style:
|
|
mainBtnStyle(primary, Colors.transparent, second),
|
|
onPressed: () {
|
|
if (formKey.currentState!.saveAndValidate()) {
|
|
//// program
|
|
if (selectedLevel!.value == "Elementary" ||
|
|
selectedLevel!.value ==
|
|
"Secondary (non-K12)" ||
|
|
selectedLevel!.value == "Junior High" ||
|
|
selectedLevel!.value == "Senior High") {
|
|
selectedProgram = null;
|
|
} else {
|
|
selectedProgram ??= state
|
|
.educationalBackground.education!.course;
|
|
}
|
|
selectedSchool ??=
|
|
state.educationalBackground.education!.school;
|
|
////education
|
|
Education newEducation = Education(
|
|
id: null,
|
|
level: selectedLevel!.value,
|
|
course: selectedProgram,
|
|
school: selectedSchool);
|
|
////honors
|
|
if (selectedValueItem.isNotEmpty) {
|
|
for (var honor in selectedValueItem) {
|
|
Honor newHonor = state.honors.firstWhere(
|
|
(element) => element.name == honor.value);
|
|
selectedHonors.add(newHonor);
|
|
}
|
|
}
|
|
EducationalBackground educationalBackground =
|
|
EducationalBackground(
|
|
id: state.educationalBackground.id,
|
|
honors: null,
|
|
education: newEducation,
|
|
periodTo: untilController.text,
|
|
periodFrom: fromController.text,
|
|
yearGraduated:
|
|
graduated ? yearGraduated.text : null,
|
|
unitsEarned: !graduated
|
|
? int.tryParse(formKey.currentState!.value['units_earned'])
|
|
: null,
|
|
attachments: null,
|
|
);
|
|
final progress = ProgressHUD.of(context);
|
|
progress!.showWithText("Loading...");
|
|
context.read<EducationBloc>().add(UpdateEducation(
|
|
educationalBackground: educationalBackground,
|
|
profileId: widget.profileId,
|
|
token: widget.token,
|
|
honors: selectedHonors));
|
|
}
|
|
},
|
|
child: const Text(submit)),
|
|
),
|
|
]),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
return Container();
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
class EducationLevel {
|
|
final String value;
|
|
final String type;
|
|
final int group;
|
|
const EducationLevel(
|
|
{required this.type, required this.value, required this.group});
|
|
}
|