T7471 - Geen lege Groepseigen gegevens val meer op inschrijvings formulier

Author: Koen De Voegt

src/services/inschrijvingsFormulier/InschrijvingsService.js

@@ -1,6 +1,6 @@
 import { reactive } from "@vue/reactivity";
 import useVuelidate from "@vuelidate/core";
-import { nextTick, onMounted, watch } from "vue";
+import { computed, nextTick, onMounted, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import RestService from "@/services/api/RestService";
 import { useToast } from "primevue/usetoast";
@@ -239,10 +239,30 @@ export default {
 
     const v = useVuelidate(rules, state);
 
+    // Types die DynamischVeldVoorAanvraag effectief rendert; een veld dat
+    // niet in de lijst staat of dat het lid niet mag wijzigen toont niets
+    const ONDERSTEUNDE_VELDTYPES = [
+      "tekst",
+      "vinkje",
+      "lijst",
+      "tekst_meerdere_lijnen",
+    ];
+
+    const heeftZichtbareGroepseigenVelden = computed(() => {
+      if (!Array.isArray(state.groepseigenVelden)) {
+        return false;
+      }
+      return state.groepseigenVelden.some(
+        (veld) =>
+          veld.kanLidWijzigen && ONDERSTEUNDE_VELDTYPES.includes(veld.type)
+      );
+    });
+
     return {
       state,
       v,
       opslaan,
+      heeftZichtbareGroepseigenVelden,
     };
   },
 };

src/views/InschrijvingsFormulier.vue

@@ -41,9 +41,7 @@
               </card>
             </div>
             <groepseigen-gegevens
-              v-if="
-                groepseigenVelden && Object.keys(groepseigenVelden).length > 0
-              "
+              v-if="heeftZichtbareGroepseigenVelden"
               v-model="groepseigenVelden"
               :title="'Groepseigen gegevens'"
               :groepsnummer="groepsnummer"
@@ -87,11 +85,17 @@ export default {
   },
 
   setup() {
-    const { state, v, opslaan } = InschrijvingsService.inschrijvingsSpace();
+    const {
+      state,
+      v,
+      opslaan,
+      heeftZichtbareGroepseigenVelden,
+    } = InschrijvingsService.inschrijvingsSpace();
     return {
       ...toRefs(state),
       v,
       opslaan,
+      heeftZichtbareGroepseigenVelden,
     };
   },
 };