Show tardiness in person overview

aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue

@@ -11,11 +11,13 @@ import { updateParticipationStatuses } from "./participationStatus.graphql";
 import SlideIterator from "aleksis.core/components/generic/SlideIterator.vue";
 import PersonalNotes from "../personal_notes/PersonalNotes.vue";
 import ExtraMarkChip from "../../extra_marks/ExtraMarkChip.vue";
+import TardinessChip from "../personal_notes/TardinessChip.vue";
 
 export default {
   name: "ManageStudentsDialog",
   extends: MobileFullscreenDialog,
   components: {
+    TardinessChip,
     ExtraMarkChip,
     AbsenceReasonChip,
     AbsenceReasonGroupSelect,
@@ -149,7 +151,7 @@ export default {
             {{ item.person.fullName }}
           </v-list-item-title>
           <v-list-item-subtitle
-            v-if="item.absenceReason || item.notesWithExtraMark?.length > 0"
+            v-if="item.absenceReason || item.notesWithExtraMark?.length > 0 || item.noteWithTardiness"
           >
             <absence-reason-chip
               v-if="item.absenceReason"
@@ -164,6 +166,11 @@ export default {
               small
               class="mr-1"
             />
+            <tardiness-chip
+              v-if="item.noteWithTardiness"
+              :tardiness="item.noteWithTardiness.tardiness"
+              class="mr-1"
+            />
           </v-list-item-subtitle>
         </template>