FINALLY FIXED THE FUCKING CHECKBOX OH MY GOD

This commit is contained in:
2025-11-19 22:39:08 -05:00
parent 0da44cbd34
commit 9d14b767a1

View File

@@ -65,6 +65,7 @@ onMounted(async () => {
</script> </script>
<template> <template>
<form id="trainingForm" @submit.prevent="submitForm" class="flex flex-col gap-5"> <form id="trainingForm" @submit.prevent="submitForm" class="flex flex-col gap-5">
<FieldGroup> <FieldGroup>
<VeeField v-slot="{ field, errors }" name="course_id"> <VeeField v-slot="{ field, errors }" name="course_id">
<Field :data-invalid="!!errors.length"> <Field :data-invalid="!!errors.length">
@@ -141,12 +142,15 @@ onMounted(async () => {
</VeeField> </VeeField>
<!-- Passed Checkbox --> <!-- Passed Checkbox -->
<VeeField :name="`attendees[${index}].passed`" v-slot="{ field: f, errors: e }"> <VeeField v-slot="{ field }" :name="`attendees[${index}].passed`" type="checkbox"
<div class="flex items-center h-[38px]"> :value="true" :unchecked-value="false">
<input type="checkbox" :checked="f.value" @change="f.onChange($event)" /> <label>
</div> <input type="checkbox" :name="`attendees[${index}].passed`" v-bind="field"
:value="true" />
</label>
</VeeField> </VeeField>
<!-- Remarks --> <!-- Remarks -->
<VeeField :name="`attendees[${index}].remarks`" v-slot="{ field: f, errors: e }"> <VeeField :name="`attendees[${index}].remarks`" v-slot="{ field: f, errors: e }">
<div> <div>