diff --git a/aleksis/apps/kolego/frontend/components/AbsenceReasonGroupSelect.vue b/aleksis/apps/kolego/frontend/components/AbsenceReasonGroupSelect.vue index 1f64054af2041213c28eeaa6e7a592786c62f857..e2ba0c5e50d92daa04de897e0e4cd68714ba5093 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" />