Merge pull request #49 from OpenWebconcept/feature/PC108-59/aanvrager…

…-name Added aanvrager name and fallback options to zaakoverzicht and zaakalgemeen
OpenWebconcept · May 31, 2024 · 72c8517 · 72c8517
2 parents f5e3772 + 90a322a
commit 72c8517
Show file tree

Hide file tree

Showing 2 changed files with 117 additions and 2 deletions.
diff --git a/src/features/zaaksysteem/ZakenOverzicht.vue b/src/features/zaaksysteem/ZakenOverzicht.vue
@@ -16,7 +16,65 @@
       <tbody>
         <tr v-for="zaak in zaken" :key="zaak.id" class="row-link">
           <th scope="row">{{ zaak.identificatie }}</th>
-          <td class="wrap">{{ zaak.embedded?.rollen ? zaak.embedded?.rollen[0]?.betrokkeneIdentificatie.inpBsn : zaak.aanvrager }}</td>
+          <td class="wrap">
+            <span v-if="zaak.embedded?.rollen">
+              <span
+                v-if="
+                  zaak.embedded?.rollen[0]?.betrokkeneType ===
+                  'natuurlijk_persoon'
+                "
+              >
+                {{
+                  zaak.embedded?.rollen[0]?.betrokkeneIdentificatie
+                    ?.voornamen &&
+                  zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.acternaam
+                    ? `${zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.voornamen} ${zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.voorvoegselActernaam} ${zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.acternaam}`
+                    : zaak.embedded?.rollen[0]?.betrokkeneIdentificatie
+                        ?.inpBsn || zaak.aanvrager
+                }}
+              </span>
+              <span
+                v-if="
+                  zaak.embedded?.rollen[0]?.betrokkeneType ===
+                  'niet_natuurlijk_persoon'
+                "
+              >
+                {{
+                  zaak.embedded?.rollen[0]?.betrokkeneIdentificatie
+                    ?.statuaireNaam ||
+                  zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.innNnpId ||
+                  zaak.embedded?.rollen[0]?.betrokkeneIdentificatie
+                    ?.annIdentificatie ||
+                  zaak.aanvrager
+                }}
+              </span>
+              <span
+                v-if="
+                  zaak.embedded?.rollen[0]?.betrokkeneType ===
+                  'organisatorische_eenheid'
+                "
+                >{{
+                  zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.naam ||
+                  zaak.embedded?.rollen[0]?.betrokkeneIdentificatie
+                    ?.identificatie ||
+                  zaak.aanvrager
+                }}
+              </span>
+              <span
+                v-if="zaak.embedded?.rollen[0]?.betrokkeneType === 'vestiging'"
+                >{{
+                  zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.handelsnaam
+                    .length >= 1
+                    ? zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.handelsnaam.map(
+                        (naam) => naam
+                      )
+                    : zaak.embedded?.rollen[0]?.betrokkeneIdentificatie
+                        ?.kvkNummer || zaak.aanvrager
+                }}
+              </span>
+            </span>
+            <span v-if="!zaak.embedded?.rollen">{{ zaak.aanvrager }} </span>
+          </td>
           <td class="wrap">{{ zaak.zaaktypeOmschrijving }}</td>
           <td class="wrap">{{ zaak.status }}</td>
           <td>{{ zaak.behandelaar }}</td>

diff --git a/src/features/zaaksysteem/components/ZaakAlgemeen.vue b/src/features/zaaksysteem/components/ZaakAlgemeen.vue
@@ -10,7 +10,64 @@
         </li>
         <li>
           <span class="label">Aanvrager</span>
-          <span class="value">{{ zaak.aanvrager }}</span>
+          <span class="value" v-if="zaak.embedded?.rollen">
+            <span
+              v-if="
+                zaak.embedded?.rollen[0]?.betrokkeneType ===
+                'natuurlijk_persoon'
+              "
+            >
+              {{
+                zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.voornamen &&
+                zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.acternaam
+                  ? `${zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.voornamen} ${zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.voorvoegselActernaam} ${zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.acternaam}`
+                  : zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.inpBsn ||
+                    zaak.aanvrager
+              }}
+            </span>
+            <span
+              v-if="
+                zaak.embedded?.rollen[0]?.betrokkeneType ===
+                'niet_natuurlijk_persoon'
+              "
+            >
+              {{
+                zaak.embedded?.rollen[0]?.betrokkeneIdentificatie
+                  ?.statuaireNaam ||
+                zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.innNnpId ||
+                zaak.embedded?.rollen[0]?.betrokkeneIdentificatie
+                  ?.annIdentificatie ||
+                zaak.aanvrager
+              }}
+            </span>
+            <span
+              v-if="
+                zaak.embedded?.rollen[0]?.betrokkeneType ===
+                'organisatorische_eenheid'
+              "
+              >{{
+                zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.naam ||
+                zaak.embedded?.rollen[0]?.betrokkeneIdentificatie
+                  ?.identificatie ||
+                zaak.aanvrager
+              }}
+            </span>
+            <span
+              v-if="zaak.embedded?.rollen[0]?.betrokkeneType === 'vestiging'"
+              >{{
+                zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.handelsnaam
+                  .length >= 1
+                  ? zaak.embedded?.rollen[0]?.betrokkeneIdentificatie?.handelsnaam.map(
+                      (naam) => naam
+                    )
+                  : zaak.embedded?.rollen[0]?.betrokkeneIdentificatie
+                      ?.kvkNummer || zaak.aanvrager
+              }}
+            </span>
+          </span>
+          <span class="value" v-if="!zaak.embedded?.rollen"
+            >{{ zaak.aanvrager }}
+          </span>
         </li>
         <li>
           <span class="label">Status</span>