Fix attendance calendar and assignment forms using base components #6862

Author: AngelFQC

assets/vue/components/assignments/CorrectAndRateModal.vue

@@ -36,19 +36,15 @@
       <div class="flex flex-col gap-2">
         <label>{{ t("Score") }}</label>
 
-        <template v-if="!forceStudentView">
-          <input
-            type="number"
-            v-model.number="qualification"
-            class="input border p-2 rounded"
-            min="0"
-            :max="maxQualification"
-            step="0.1"
-          />
-          <template v-if="maxQualification">
-            <span class="text-xs text-gray-600"> {{ t("Max score") }}: {{ maxQualification }} </span>
-          </template>
-        </template>
+        <BaseInputNumber
+          v-if="!forceStudentView"
+          id="qualification"
+          :label="t('Score')"
+          v-model.number="qualification"
+          :min="0"
+          :max="maxQualification"
+          :help-text="maxQualification ? t('Max score') + maxQualification : null"
+        />
 
         <template v-else>
           <span class="border p-2 rounded bg-gray-100 text-sm">
@@ -138,6 +134,7 @@ import BaseCheckbox from "../basecomponents/BaseCheckbox.vue"
 import cStudentPublicationService from "../../services/cstudentpublication"
 import { useRoute } from "vue-router"
 import { useSecurityStore } from "../../store/securityStore"
+import BaseInputNumber from "../basecomponents/BaseInputNumber.vue"
 
 const props = defineProps({
   modelValue: Boolean,

assets/vue/components/attendance/AttendanceCalendarForm.vue

@@ -11,9 +11,11 @@
 
     <!-- Repeat Date -->
     <BaseCheckbox
+      id="repeat"
       v-model="formData.repeatDate"
       :label="t('Repeat date')"
       @change="toggleRepeatOptions"
+      name="repeat"
     />
 
     <div v-if="formData.repeatDate">
@@ -30,9 +32,8 @@
         <BaseInputNumber
           v-model="formData.repeatDays"
           :label="t('Number of days')"
-          type="number"
           min="1"
-          required
+          id="xdays_number"
         />
       </div>
 
@@ -47,11 +48,10 @@
     </div>
 
     <BaseInputNumber
+      id="end_date_time"
       v-model="formData.duration"
       :label="t('Duration (minutes)')"
-      type="number"
       min="1"
-      required
     />
 
     <!-- Group -->