adds more filter options for the ProfilUpdateView

public/js/apps/Cis/Profil.js

@@ -59,8 +59,12 @@ const profilApp = Vue.createApp({
   //? use function syntax for provide so that we can access `this`
   provide() {
     return {
-      profilUpdateStates: Vue.computed(() => this.profilUpdateStates),
-      profilUpdateTopic: Vue.computed(() => this.profilUpdateTopic),
+      profilUpdateStates: Vue.computed(() =>
+        this.profilUpdateStates ? this.profilUpdateStates : null
+      ),
+      profilUpdateTopic: Vue.computed(() =>
+        this.profilUpdateTopic ? this.profilUpdateTopic : null
+      ),
       setLoading: (newValue) => {
         this.loading = newValue;
       },

public/js/apps/Cis/ProfilUpdateRequests.js

@@ -3,22 +3,32 @@ import ProfilUpdateView from "../../components/Cis/ProfilUpdate/ProfilUpdateView
 import Phrasen from "../../plugin/Phrasen.js";
 Vue.$fhcapi = fhcapifactory;
 
-
-
 const app = Vue.createApp({
   components: {
-    ['profil-update-view']:ProfilUpdateView,
- 
+    ["profil-update-view"]: ProfilUpdateView,
   },
- 
+
   data() {
     return {
-   
-    }
-  },methods:{
-   
-  }
-  
+      profilUpdateStates: null,
+    };
+  },
+  provide() {
+    return {
+      profilUpdateStates: Vue.computed(() =>
+        this.profilUpdateStates ? this.profilUpdateStates : false
+      ),
+    };
+  },
+  methods: {},
+  created() {
+    Vue.$fhcapi.ProfilUpdate.getStatus()
+      .then((response) => {
+        this.profilUpdateStates = response.data;
+      })
+      .catch((error) => {
+        console.error(error);
+      });
+  },
 });
 app.use(Phrasen).mount("#content");
-