update entity list when needed

SUSE · Feb 2, 2024 · f5ed0fa · f5ed0fa
1 parent 7729d14
commit f5ed0fa
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/frontend/src/components/EntityList.vue b/frontend/src/components/EntityList.vue
@@ -51,12 +51,13 @@
 </template>
 
 <script>
-import {computed} from "vue";
+import {computed, watch} from "vue";
 
 import ConfirmButton from "@/components/inputs/ConfirmButton";
 import Pagination from "./layout/Pagination.vue";
 import EntityListTable from "@/components/EntityListTable";
 import SearchPanel from "./SearchPanel.vue";
+import {updateEntityListCount} from "@/store";
 
 export default {
   components: {EntityListTable, Pagination, SearchPanel, ConfirmButton},
@@ -75,8 +76,8 @@ export default {
       default: false
     }
   },
-  activated() {
-    this.getEntities({resetPage: false});
+  created() {
+    watch(updateEntityListCount, (async () => await this.getEntities({resetPage: false})));
   },
   computed: {
     pages: computed(() => {

diff --git a/frontend/src/components/inputs/EntityForm.vue b/frontend/src/components/inputs/EntityForm.vue
@@ -90,6 +90,7 @@ import FloatInput from "@/components/inputs/FloatInput";
 import ReferencedEntitySelect from "@/components/inputs/ReferencedEntitySelect";
 import Spinner from "@/components/layout/Spinner";
 import {TYPE_INPUT_MAP} from "@/utils";
+import {updateEntityList} from "@/store";
 
 
 export default {
@@ -227,6 +228,8 @@ export default {
         body: this.editEntity
       });
       this.loading = false;
+      updateEntityList();
+
       return response;
     },
     async saveEntity() {

diff --git a/frontend/src/store.js b/frontend/src/store.js
@@ -0,0 +1,4 @@
+import {ref} from 'vue';
+
+export const updateEntityListCount = ref(0);
+export const updateEntityList = () => updateEntityListCount.value++;