diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue b/aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue index e6098ee01021742369909e83210135c47f572473..798acb62384affe21627c39a23a14501181a7913 100644 --- a/aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue +++ b/aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue @@ -1,4 +1,5 @@ <script> +import AbsenceReasonButtons from "aleksis.apps.kolego/components/AbsenceReasonButtons.vue"; import AbsenceReasonChip from "aleksis.apps.kolego/components/AbsenceReasonChip.vue"; import AbsenceReasonGroupSelect from "aleksis.apps.kolego/components/AbsenceReasonGroupSelect.vue"; import CancelButton from "aleksis.core/components/generic/buttons/CancelButton.vue"; @@ -15,6 +16,7 @@ export default { components: { AbsenceReasonChip, AbsenceReasonGroupSelect, + AbsenceReasonButtons, CancelButton, LessonInformation, MobileFullscreenDialog, @@ -111,23 +113,31 @@ export default { <template #title> <lesson-information v-bind="documentationPartProps" /> - <v-slide-x-transition leave-absolute> + <v-scroll-x-transition leave-absolute> <v-text-field v-show="!isExpanded" type="search" v-model="search" clearable rounded - filled hide-details single-line prepend-inner-icon="$search" dense outlined :placeholder="$t('actions.search')" - class="pt-4" + class="pt-4 full-width" /> - </v-slide-x-transition> + </v-scroll-x-transition> + <v-scroll-x-transition> + <div v-show="selected.length > 0" class="full-width mt-4"> + <absence-reason-buttons + allow-empty + empty-value="present" + @input="handleMultipleAction" + /> + </div> + </v-scroll-x-transition> </template> <template #content> <slide-iterator