Show extramarks in slideiterator of coursebook

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

@@ -10,11 +10,13 @@ import LessonInformation from "../documentation/LessonInformation.vue";
 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";
 
 export default {
   name: "ManageStudentsDialog",
   extends: MobileFullscreenDialog,
   components: {
+    ExtraMarkChip,
     AbsenceReasonChip,
     AbsenceReasonGroupSelect,
     AbsenceReasonButtons,
@@ -146,8 +148,21 @@ export default {
           <v-list-item-title>
             {{ item.person.fullName }}
           </v-list-item-title>
-          <v-list-item-subtitle v-if="item.absenceReason">
-            <absence-reason-chip small :absence-reason="item.absenceReason" />
+          <v-list-item-subtitle
+            v-if="item.absenceReason || item.notesWithExtraMark?.length > 0"
+          >
+            <absence-reason-chip
+              small
+              :absence-reason="item.absenceReason"
+              class="mr-1"
+            />
+            <extra-mark-chip
+              v-for="note in item.notesWithExtraMark"
+              :key="'extra-mark-note-overview-' + note.id"
+              :extra-mark="extraMarks.find((e) => e.id === note.extraMark.id)"
+              small
+              class="mr-1"
+            />
           </v-list-item-subtitle>
         </template>