From 6776cc039d5d16d90417fdd1a666cdf70faffa4a Mon Sep 17 00:00:00 2001 From: Julian Leucker <leuckerj@gmail.com> Date: Sat, 11 May 2024 17:43:24 +0200 Subject: [PATCH] Load selected chips --- .../components/AbsenceReasonGroupSelect.vue | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/aleksis/apps/kolego/frontend/components/AbsenceReasonGroupSelect.vue b/aleksis/apps/kolego/frontend/components/AbsenceReasonGroupSelect.vue index 1f64054..e2ba0c5 100644 --- a/aleksis/apps/kolego/frontend/components/AbsenceReasonGroupSelect.vue +++ b/aleksis/apps/kolego/frontend/components/AbsenceReasonGroupSelect.vue @@ -29,6 +29,11 @@ export default { required: false, default: "present", }, + loadSelectedChip: { + type: Boolean, + required: false, + default: false, + }, }, computed: { /** @@ -66,6 +71,13 @@ export default { outlined > {{ $t("kolego.absence_reason.present") }} + <v-avatar right v-if="loadSelectedChip && value === emptyValue"> + <v-progress-circular + indeterminate + :size="16" + :width="2" + /> + </v-avatar> </v-chip> <absence-reason-chip v-for="absenceReason in absenceReasons" @@ -73,6 +85,7 @@ export default { :absence-reason="absenceReason" filter outlined + :loading="loadSelectedChip && absenceReason.id === value" /> </v-chip-group> <v-skeleton-loader v-else type="chip@4" class="d-flex flex-wrap gap" /> -- GitLab