From e6f0c51793333e60999c47896eefada5eeb43a06 Mon Sep 17 00:00:00 2001
From: Hangzhi Yu <hangzhi@protonmail.com>
Date: Wed, 19 Jun 2024 20:50:20 +0200
Subject: [PATCH] Use absence reason group select component

---
 .../coursebook/absences/ParticipationList.vue      | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/absences/ParticipationList.vue b/aleksis/apps/alsijil/frontend/components/coursebook/absences/ParticipationList.vue
index 3c0d1c019..0edf67890 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/absences/ParticipationList.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/absences/ParticipationList.vue
@@ -1,11 +1,10 @@
 <script setup>
 import MobileFullscreenDialog from "aleksis.core/components/generic/dialogs/MobileFullscreenDialog.vue";
 
-import AbsenceReasonChip from "aleksis.apps.kolego/components/AbsenceReasonChip.vue";
 import AbsenceReasonGroupSelect from "aleksis.apps.kolego/components/AbsenceReasonGroupSelect.vue";
 
 import selectParticipationMixin from "./selectParticipationMixin.js";
-import documentationPartMixin from "../documentation/documentationPartMixin";
+import updateParticipationMixin from "./updateParticipationMixin.js";
 </script>
 
 <template>
@@ -29,9 +28,12 @@ import documentationPartMixin from "../documentation/documentationPartMixin";
           {{ participation.person.fullName }}
         </v-list-item-title>
         <v-list-item-subtitle v-if="participation.absenceReason">
-          <absence-reason-chip
-            small
-            :absence-reason="participation.absenceReason"
+          <absence-reason-group-select
+            allow-empty
+            empty-value="present"
+            :loadSelectedChip="loading"
+            :value="participation.absenceReason?.id || 'present'"
+            @input="sendToServer([participation], 'absenceReason', $event)"
           />
         </v-list-item-subtitle>
         <v-list-item-action>
@@ -75,7 +77,7 @@ import documentationPartMixin from "../documentation/documentationPartMixin";
 <script>
 export default {
   name: "ParticipationList",
-  mixins: [documentationPartMixin, selectParticipationMixin],
+  mixins: [selectParticipationMixin, updateParticipationMixin],
   data() {
     return {
       loading: false,
-- 
GitLab