From 11638c6218ee8ff594352d5a79c417b3444d2a67 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Fri, 13 Dec 2024 15:21:06 +0100
Subject: [PATCH] Added additional fields

---
 .../WOOItemDetailTemplate.tsx                 | 80 +++++++++++++++++++
 pwa/src/translations/en.ts                    |  8 ++
 pwa/src/translations/nl.ts                    |  8 ++
 3 files changed, 96 insertions(+)

diff --git a/pwa/src/templates/wooItemDetailTemplate/WOOItemDetailTemplate.tsx b/pwa/src/templates/wooItemDetailTemplate/WOOItemDetailTemplate.tsx
index 697d9260..0c879bc8 100644
--- a/pwa/src/templates/wooItemDetailTemplate/WOOItemDetailTemplate.tsx
+++ b/pwa/src/templates/wooItemDetailTemplate/WOOItemDetailTemplate.tsx
@@ -271,6 +271,86 @@ export const WOOItemDetailTemplate: React.FC<WOOItemDetailTemplateProps> = ({ wo
                         </TableCell>
                       </TableRow>
                     )}
+                  {getItems.data.metadata?.verzoek?.organisatieonderdeel && (
+                    <TableRow
+                      className={styles.tableRow}
+                      tabIndex={0}
+                      aria-label={`${t("Organizational unit")}, ${getItems.data.metadata?.verzoek?.organisatieonderdeel}`}
+                    >
+                      <TableCell>{t("Organizational unit")}</TableCell>
+                      <TableCell>{getItems.data.metadata?.verzoek?.organisatieonderdeel}</TableCell>
+                    </TableRow>
+                  )}
+                  {getItems.data.metadata?.verzoek?.functiebenaming && (
+                    <TableRow
+                      className={styles.tableRow}
+                      tabIndex={0}
+                      aria-label={`${t("Job title")}, ${getItems.data.metadata?.verzoek?.functiebenaming}`}
+                    >
+                      <TableCell>{t("Job title")}</TableCell>
+                      <TableCell>{getItems.data.metadata?.verzoek?.functiebenaming}</TableCell>
+                    </TableRow>
+                  )}
+                  {getItems.data.metadata?.verzoek?.gedraging && (
+                    <TableRow
+                      className={styles.tableRow}
+                      tabIndex={0}
+                      aria-label={`${t("Behavior")}, ${getItems.data.metadata?.verzoek?.gedraging}`}
+                    >
+                      <TableCell>{t("Behavior")}</TableCell>
+                      <TableCell>{getItems.data.metadata?.verzoek?.gedraging}</TableCell>
+                    </TableRow>
+                  )}
+                  {getItems.data.metadata?.verzoek?.bevindingen && (
+                    <TableRow
+                      className={styles.tableRow}
+                      tabIndex={0}
+                      aria-label={`${t("Findings")}, ${getItems.data.metadata?.verzoek?.bevindingen}`}
+                    >
+                      <TableCell>{t("Findings")}</TableCell>
+                      <TableCell>{getItems.data.metadata?.verzoek?.bevindingen}</TableCell>
+                    </TableRow>
+                  )}
+                  {getItems.data.metadata?.verzoek?.oordeel && (
+                    <TableRow
+                      className={styles.tableRow}
+                      tabIndex={0}
+                      aria-label={`${t("Judgement")}, ${getItems.data.metadata?.verzoek?.oordeel}`}
+                    >
+                      <TableCell>{t("Judgement")}</TableCell>
+                      <TableCell>{getItems.data.metadata?.verzoek?.oordeel}</TableCell>
+                    </TableRow>
+                  )}
+                  {getItems.data.metadata?.verzoek?.conclusies && (
+                    <TableRow
+                      className={styles.tableRow}
+                      tabIndex={0}
+                      aria-label={`${t("Conclusions")}, ${getItems.data.metadata?.verzoek?.conclusies}`}
+                    >
+                      <TableCell>{t("Conclusions")}</TableCell>
+                      <TableCell>{getItems.data.metadata?.verzoek?.conclusies}</TableCell>
+                    </TableRow>
+                  )}
+                  {getItems.data.metadata?.verzoek?.opdrachtgever && (
+                    <TableRow
+                      className={styles.tableRow}
+                      tabIndex={0}
+                      aria-label={`${t("Client")}, ${getItems.data.metadata?.verzoek?.opdrachtgever}`}
+                    >
+                      <TableCell>{t("Client")}</TableCell>
+                      <TableCell>{getItems.data.metadata?.verzoek?.opdrachtgever}</TableCell>
+                    </TableRow>
+                  )}
+                  {getItems.data.metadata?.verzoek?.onderdeelTaak && (
+                    <TableRow
+                      className={styles.tableRow}
+                      tabIndex={0}
+                      aria-label={`${t("Part task")}, ${getItems.data.metadata?.verzoek?.onderdeelTaak}`}
+                    >
+                      <TableCell>{t("Part task")}</TableCell>
+                      <TableCell>{getItems.data.metadata?.verzoek?.onderdeelTaak}</TableCell>
+                    </TableRow>
+                  )}
 
                   {!_.isEmpty(getItems.data.bijlagen) && (
                     <TableRow
diff --git a/pwa/src/translations/en.ts b/pwa/src/translations/en.ts
index 4a1cc160..792450c3 100644
--- a/pwa/src/translations/en.ts
+++ b/pwa/src/translations/en.ts
@@ -20,6 +20,11 @@ export const en = {
   View: "View",
   Pagination: "Pagination",
   Details: "Details",
+  Behavior: "Behavior",
+  Findings: "Findings",
+  Judgement: "Judgement",
+  Conclusions: "Conclusions",
+  Client: "Client",
   "Jumbotron card": "Jumbotron card",
   "N/A": "N/A",
   "Details page": "Details page",
@@ -67,4 +72,7 @@ export const en = {
   "Language select": "Language select",
   "Details table": "Details table",
   "Title of woo request": "Title of woo request",
+  "Organizational unit": "Organizational unit",
+  "Job title": "Job title",
+  "Part task": "Part task",
 };
diff --git a/pwa/src/translations/nl.ts b/pwa/src/translations/nl.ts
index 9ca55348..36e263e9 100644
--- a/pwa/src/translations/nl.ts
+++ b/pwa/src/translations/nl.ts
@@ -20,6 +20,11 @@ export const nl = {
   View: "Weergave",
   Pagination: "Paginering",
   Details: "Details",
+  Behavior: "Gedraging",
+  Findings: "Bevindingen",
+  Judgement: "Oordeel",
+  Conclusions: "Conclusies",
+  Client: "Opdrachtgever",
   "Jumbotron card": "Jumbotron tegel",
   "N/A": "N.v.t",
   "Details page": "Detailpagina",
@@ -67,4 +72,7 @@ export const nl = {
   "Language select": "Taal kiezen",
   "Details table": "Detail tabel",
   "Title of woo request": "Titel van Woo verzoek",
+  "Organizational unit": "Organisatieonderdeel",
+  "Job title": "Functiebenaming",
+  "Part task": "Onderdeel taak",
 };