17th-Ranger-Battalion-ORG/milsim-site-v4
8
1
Fork 0
Code Issues 22 Pull Requests 1 Actions 2 Packages Projects Releases Wiki Activity

Fixed checkbox reset not updating visually

Browse Source
This commit is contained in:
ajdj100
2025-11-28 14:41:06 -05:00
parent f4fae1f84c
commit 104946b2d1
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ui/src/components/trainingReport/trainingReportForm.vue
View File

@@ -31,20 +31,20 @@ const { handleSubmit, resetForm, errors, values, setFieldValue } = useForm({
}) })
watch(errors, (newErrors) => { watch(errors, (newErrors) => {
console.log(newErrors) console.log(newErrors)
}, { deep: true }) }, { deep: true })
watch(values, (newErrors) => { watch(values, (newErrors) => {
console.log(newErrors.attendees) console.log(newErrors.attendees)
}, { deep: true }) }, { deep: true })
watch(() => values.course_id, (newCourseId, oldCourseId) => { watch(() => values.course_id, (newCourseId, oldCourseId) => {
if (!oldCourseId) return; if (!oldCourseId) return;
values.attendees.forEach((a, index) => { values.attendees.forEach((a, index) => {
setFieldValue(`attendees[${index}].passed_bookwork`, false); setFieldValue(`attendees[${index}].passed_bookwork`, false);
setFieldValue(`attendees[${index}].passed_qual`, false); setFieldValue(`attendees[${index}].passed_qual`, false);
}); });
}); });
const submitForm = handleSubmit(onSubmit); const submitForm = handleSubmit(onSubmit);
@@ -189,7 +189,8 @@ onMounted(async () => {
<div class="relative inline-flex items-center group"> <div class="relative inline-flex items-center group">
<Checkbox :disabled="!selectedCourse?.hasBookwork" <Checkbox :disabled="!selectedCourse?.hasBookwork"
:name="`attendees[${index}].passed_bookwork`" v-bind="field"> :name="`attendees[${index}].passed_bookwork`" :model-value="!field.checked"
@update:model-value="field['onUpdate:modelValue']">
</Checkbox> </Checkbox>
<!-- Tooltip bubble --> <!-- Tooltip bubble -->
<div v-if="!selectedCourse?.hasBookwork" class="pointer-events-none absolute -top-9 left-1/2 -translate-x-1/2 <div v-if="!selectedCourse?.hasBookwork" class="pointer-events-none absolute -top-9 left-1/2 -translate-x-1/2
@@ -212,7 +213,8 @@ onMounted(async () => {
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<div class="relative inline-flex items-center group"> <div class="relative inline-flex items-center group">
<Checkbox :disabled="!selectedCourse?.hasQual" <Checkbox :disabled="!selectedCourse?.hasQual"
:name="`attendees[${index}].passed_qual`" v-bind="field"></Checkbox> :name="`attendees[${index}].passed_qual`" :model-value="!field.checked"
@update:model-value="field['onUpdate:modelValue']"></Checkbox>
<!-- Tooltip bubble --> <!-- Tooltip bubble -->
<div v-if="!selectedCourse?.hasQual" class="pointer-events-none absolute -top-9 left-1/2 -translate-x-1/2 <div v-if="!selectedCourse?.hasQual" class="pointer-events-none absolute -top-9 left-1/2 -translate-x-1/2
whitespace-nowrap rounded-md bg-popover px-2 py-1 text-xs whitespace-nowrap rounded-md bg-popover px-2 py-1 text-xs