Modified Checkbox Updates on Course re-select
This commit is contained in:
@@ -6,6 +6,7 @@ import { toTypedSchema } from '@vee-validate/zod'
|
|||||||
import { computed, onMounted, ref, watch } from 'vue'
|
import { computed, onMounted, ref, watch } from 'vue'
|
||||||
import { getAllAttendeeRoles, getAllTrainings, postTrainingReport } from '@/api/trainingReport'
|
import { getAllAttendeeRoles, getAllTrainings, postTrainingReport } from '@/api/trainingReport'
|
||||||
import { getMembers, Member } from '@/api/member'
|
import { getMembers, Member } from '@/api/member'
|
||||||
|
|
||||||
import FieldGroup from '../ui/field/FieldGroup.vue'
|
import FieldGroup from '../ui/field/FieldGroup.vue'
|
||||||
import Field from '../ui/field/Field.vue'
|
import Field from '../ui/field/Field.vue'
|
||||||
import FieldLabel from '../ui/field/FieldLabel.vue'
|
import FieldLabel from '../ui/field/FieldLabel.vue'
|
||||||
@@ -18,7 +19,8 @@ import FieldLegend from '../ui/field/FieldLegend.vue'
|
|||||||
import FieldDescription from '../ui/field/FieldDescription.vue'
|
import FieldDescription from '../ui/field/FieldDescription.vue'
|
||||||
import Checkbox from '../ui/checkbox/Checkbox.vue'
|
import Checkbox from '../ui/checkbox/Checkbox.vue'
|
||||||
|
|
||||||
const { handleSubmit, resetForm, errors, values } = useForm({
|
|
||||||
|
const { handleSubmit, resetForm, errors, values, setFieldValue } = useForm({
|
||||||
validationSchema: toTypedSchema(trainingReportSchema),
|
validationSchema: toTypedSchema(trainingReportSchema),
|
||||||
initialValues: {
|
initialValues: {
|
||||||
course_id: null,
|
course_id: null,
|
||||||
@@ -39,10 +41,10 @@ watch(values, (newErrors) => {
|
|||||||
watch(() => values.course_id, (newCourseId, oldCourseId) => {
|
watch(() => values.course_id, (newCourseId, oldCourseId) => {
|
||||||
if (!oldCourseId) return;
|
if (!oldCourseId) return;
|
||||||
|
|
||||||
values.attendees.forEach(a => {
|
values.attendees.forEach((a, index) => {
|
||||||
a.passed_bookwork = false;
|
setFieldValue(`attendees[${index}].passed_bookwork`, false);
|
||||||
a.passed_qual = false;
|
setFieldValue(`attendees[${index}].passed_qual`, false);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
const submitForm = handleSubmit(onSubmit);
|
const submitForm = handleSubmit(onSubmit);
|
||||||
|
|||||||
Reference in New Issue
Block a user