diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/absences/ParticipationList.vue b/aleksis/apps/alsijil/frontend/components/coursebook/absences/ParticipationList.vue index 3c0d1c0190baacd41ed6a22f8f176d48fa0cf0f3..0edf678901a59f8a48039d28318da95fb1febc5c 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,