From cdb4d2863bc0ec8776de6e2a627a5cc9bd0cb0b5 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Sat, 12 Feb 2022 14:52:37 +0100
Subject: [PATCH] Fix prop mutation
---
resources/js/views/member/Filt.vue | 21 ++++++++++++++++-----
1 file changed, 16 insertions(+), 5 deletions(-)
diff --git a/resources/js/views/member/Filt.vue b/resources/js/views/member/Filt.vue
index 82251e5e..a2979daf 100644
--- a/resources/js/views/member/Filt.vue
+++ b/resources/js/views/member/Filt.vue
@@ -1,9 +1,9 @@
<template>
<div class="px-6 py-2 flex border-b border-gray-600 space-x-3">
- <f-switch v-show="hasModule('bill')" id="ausstand" @input="reload" v-model="value.ausstand" label="Nur Ausstände" size="sm"></f-switch>
- <f-select v-show="hasModule('bill')" id="billKinds" @input="reload" :options="billKinds" v-model="value.bill_kind" label="Rechnung" size="sm"></f-select>
- <f-select id="activity_id" @input="reload" :options="activities" v-model="value.activity_id" label="Tätigkeit" size="sm"></f-select>
- <f-select id="subactivity_id" @input="reload" :options="subactivities" v-model="value.subactivity_id" label="Untertätigkeit" size="sm"></f-select>
+ <f-switch v-show="hasModule('bill')" id="ausstand" @input="reload" v-model="inner.ausstand" label="Nur Ausstände" size="sm"></f-switch>
+ <f-select v-show="hasModule('bill')" id="billKinds" @input="reload" :options="billKinds" v-model="inner.bill_kind" label="Rechnung" size="sm"></f-select>
+ <f-select id="activity_id" @input="reload" :options="activities" v-model="inner.activity_id" label="Tätigkeit" size="sm"></f-select>
+ <f-select id="subactivity_id" @input="reload" :options="subactivities" v-model="inner.subactivity_id" label="Untertätigkeit" size="sm"></f-select>
</div>
</template>
@@ -12,6 +12,12 @@ import mergesQueryString from '../../mixins/mergesQueryString.js';
export default {
+ data: function() {
+ return {
+ inner: {}
+ };
+ },
+
mixins: [mergesQueryString],
props: {
@@ -23,10 +29,15 @@ export default {
methods: {
reload() {
- this.$inertia.visit(this.qs({filter: JSON.stringify(this.value)}), {
+ this.$inertia.visit(this.qs({filter: JSON.stringify(this.inner)}), {
preserveState: true
});
}
+ },
+
+ created() {
+ this.inner = this.value;
}
+
};
</script>