From ce8fa293efd63e6af1475a8cfabeef8a9983638c Mon Sep 17 00:00:00 2001
From: tada5hi <peter.placzek1996@gmail.com>
Date: Sat, 2 Dec 2023 12:28:34 +0100
Subject: [PATCH] feat: add patient vitalStatus and other properties to patient
 view

---
 packages/core/src/domains/patient/types.ts    |  1 +
 .../query/[id]/patients/[patientId]/index.vue | 40 +++++++++++++------
 2 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/packages/core/src/domains/patient/types.ts b/packages/core/src/domains/patient/types.ts
index d264b134..7c5bea05 100644
--- a/packages/core/src/domains/patient/types.ts
+++ b/packages/core/src/domains/patient/types.ts
@@ -13,6 +13,7 @@ export type Patient = {
     birthDate: string,
     dateOfDeath?: string,
     managingSite?: Coding,
+    vitalStatus?: Coding,
     healthInsurance?: unknown // todo: type is not defined ?!
 };
 
diff --git a/packages/rare-diseases/src/runtime/pages/query/[id]/patients/[patientId]/index.vue b/packages/rare-diseases/src/runtime/pages/query/[id]/patients/[patientId]/index.vue
index 14cd47fe..92577417 100644
--- a/packages/rare-diseases/src/runtime/pages/query/[id]/patients/[patientId]/index.vue
+++ b/packages/rare-diseases/src/runtime/pages/query/[id]/patients/[patientId]/index.vue
@@ -25,18 +25,12 @@ export default defineNuxtComponent({
                 <div><strong><i class="fas fa-birthday-cake" /> Geburtstag</strong> {{ record.patient.birthDate }}</div>
             </div>
             <div class="col">
-                <template v-if="record.therapy">
-                    <div><strong>Therapie</strong> {{ record.therapy.notes }}</div>
+                <template v-if="record.patient.managingSite">
+                    <div><strong><i class="fas fa-hospital" /> Standort</strong> {{ record.patient.managingSite.display || record.patient.managingSite.code }}</div>
+                </template>
+                <template v-if="record.patient.vitalStatus">
+                    <div><strong><i class="fas fa-heartbeat" /> VitalStatus</strong> {{ record.patient.vitalStatus.display || record.patient.vitalStatus.code }}</div>
                 </template>
-                <div>
-                    <strong>HPO Terme</strong>
-                    <template
-                        v-for="(item, key) in record.hpoTerms"
-                        :key="key"
-                    >
-                        <span class="badge bg-dark ms-1">{{ item.value.code }}</span>
-                    </template>
-                </div>
             </div>
         </div>
 
@@ -67,9 +61,31 @@ export default defineNuxtComponent({
                             <span class="ms-1 badge bg-dark">{{ item.display }}</span>
                         </template>
                     </div>
-                    <div><strong><i class="fas fa-heartbeat" /> Status</strong> {{ record.diagnosis.status.display }}</div>
+                    <div><strong><i class="fas fa-spinner" /> Status</strong> {{ record.diagnosis.status.display }}</div>
                 </div>
             </div>
         </div>
+        <div class="mb-2">
+            <h6>
+                HPO
+            </h6>
+            <div class="col">
+                <div>
+                    <strong><i class="fa fa-tags" /> Terme</strong>
+                    <template
+                        v-for="(item, key) in record.hpoTerms"
+                        :key="key"
+                    >
+                        <span class="badge bg-dark ms-1">{{ item.value.display || item.value.code }}</span>
+                    </template>
+                </div>
+            </div>
+        </div>
+        <div v-if="record.therapy">
+            <h6 class="mb-0">
+                Therapie
+            </h6>
+            <div>{{ record.therapy.notes }}</div>
+        </div>
     </div>
 </template>