Create PersonalNotes component and mixin

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

@@ -8,11 +8,13 @@ import documentationPartMixin from "../documentation/documentationPartMixin";
 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";
 
 export default {
   name: "ManageStudentsDialog",
   extends: MobileFullscreenDialog,
   components: {
+    PersonalNotes,
     AbsenceReasonChip,
     AbsenceReasonGroupSelect,
     CancelButton,
@@ -170,6 +172,13 @@ export default {
               @input="sendToServer(item, 'absenceReason', $event)"
             />
           </v-card-text>
+          <v-divider inset />
+          <v-card-text>
+            <personal-notes
+              v-bind="documentationPartProps"
+              :participation="item"
+            />
+          </v-card-text>
         </template>
       </slide-iterator>
     </template>

aleksis/apps/alsijil/frontend/components/coursebook/personal_notes/PersonalNotes.vue

+<script setup>
+import SecondaryActionButton from "aleksis.core/components/generic/buttons/SecondaryActionButton.vue";
+import ExtraMarksNote from "./ExtraMarksNote.vue";
+import NoteNote from "./NoteNote.vue";
+</script>
+<script>
+import personalNoteRelatedMixin from "./personalNoteRelatedMixin";
+
+export default {
+  name: "PersonalNotes",
+  mixins: [personalNoteRelatedMixin],
+};
+</script>
+
+<template>
+  <div>
+
+  </div>
+</template>
+
+<style scoped></style>

aleksis/apps/alsijil/frontend/components/coursebook/personal_notes/personalNoteRelatedMixin.js

+import documentationPartMixin from "../documentation/documentationPartMixin";
+
+export default {
+  mixins: [documentationPartMixin],
+  props: {
+    participation: {
+      type: Object,
+      required: true,
+    },
+  },
+  computed: {
+    personalNoteRelatedProps() {
+      return {
+        ...this.documentationPartProps,
+        participation: this.participation,
+      };
+    },
+  },
+};