From 0be69db689d9a31c5fd0ef6f4664d626cff2d304 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Tue, 21 May 2024 11:11:15 +0200
Subject: [PATCH] Show AbsenceReasonGroupSelectLoader in correct chip
---
.../components/AbsenceReasonGroupSelect.vue | 23 +++++++++++++++----
1 file changed, 19 insertions(+), 4 deletions(-)
diff --git a/aleksis/apps/kolego/frontend/components/AbsenceReasonGroupSelect.vue b/aleksis/apps/kolego/frontend/components/AbsenceReasonGroupSelect.vue
index 2151a35..d7bf38f 100644
--- a/aleksis/apps/kolego/frontend/components/AbsenceReasonGroupSelect.vue
+++ b/aleksis/apps/kolego/frontend/components/AbsenceReasonGroupSelect.vue
@@ -10,6 +10,7 @@ export default {
data() {
return {
absenceReasons: [],
+ innerValue: undefined,
};
},
apollo: {
@@ -52,14 +53,28 @@ export default {
);
},
},
+ mounted() {
+ this.innerValue = this.value;
+ },
+ watch: {
+ value(newValue) {
+ this.innerValue = newValue;
+ },
+ },
+ methods: {
+ updateInnerValue($event) {
+ this.innerValue = $event;
+ this.$emit("input", $event);
+ },
+ },
};
</script>
<template>
<v-chip-group
column
- :value="value"
- @change="$emit('input', $event)"
+ :value="innerValue"
+ @change="updateInnerValue"
mandatory
v-if="showChips"
>
@@ -71,7 +86,7 @@ export default {
outlined
>
{{ $t("kolego.absence_reason.present") }}
- <v-avatar right v-if="loadSelectedChip && value === emptyValue">
+ <v-avatar right v-if="loadSelectedChip && innerValue === emptyValue">
<v-progress-circular indeterminate :size="16" :width="2" />
</v-avatar>
</v-chip>
@@ -81,7 +96,7 @@ export default {
:absence-reason="absenceReason"
filter
outlined
- :loading="loadSelectedChip && absenceReason.id === value"
+ :loading="loadSelectedChip && absenceReason.id === innerValue"
/>
</v-chip-group>
<v-skeleton-loader v-else type="chip@4" class="d-flex flex-wrap gap" />
--
GitLab