From 90a322a0f933613b58dd4288fb9edfac5bd66109 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Fri, 31 May 2024 15:55:49 +0200
Subject: [PATCH] Added aanvrager name and fallback options to zaakoverzicht
 and zaakalgemeen

---
 src/features/zaaksysteem/ZakenOverzicht.vue   | 60 ++++++++++++++++++-
 .../zaaksysteem/components/ZaakAlgemeen.vue   | 59 +++++++++++++++++-
 2 files changed, 117 insertions(+), 2 deletions(-)

diff --git a/src/features/zaaksysteem/ZakenOverzicht.vue b/src/features/zaaksysteem/ZakenOverzicht.vue
index c3963a68..c32ae334 100644
--- 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
index a59f1d42..e13df623 100644
--- 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>