From 93a04abee15a3b493309362d189634e295eea874 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Wed, 16 Jul 2025 12:43:03 +0200
Subject: [PATCH] show reports inside admin ui

---
 .../unit/damageReport/DamageReportListItem.vue   | 16 ++++++++++++++--
 src/global.ts                                    |  3 +++
 src/viewmodels/admin/unit/damageReport.models.ts |  6 ++++--
 3 files changed, 21 insertions(+), 4 deletions(-)
 create mode 100644 src/global.ts

diff --git a/src/components/admin/unit/damageReport/DamageReportListItem.vue b/src/components/admin/unit/damageReport/DamageReportListItem.vue
index a838973..4c58268 100644
--- a/src/components/admin/unit/damageReport/DamageReportListItem.vue
+++ b/src/components/admin/unit/damageReport/DamageReportListItem.vue
@@ -2,11 +2,22 @@
   <div class="flex flex-col h-fit w-full border border-primary rounded-md">
     <div class="bg-primary p-2 text-white flex flex-row justify-between items-center">
       <p>
-        {{ damageReport.related.name }}
+        {{ damageReport?.related?.name ?? "Ohne Zuordnung" }}
+        <small v-if="damageReport?.related">({{ damageReport.related.code }})</small>
       </p>
+      <div class="flex flex-row gap-2">
+        <div v-if="damageReport.images.length != 0" class="cursor-pointer" title="hi">
+          <PhotoIcon class="w-5 h-5" />
+        </div>
+        <div v-if="damageReport.location" class="cursor-pointer" title="hi">
+          <MapPinIcon class="w-5 h-5" />
+        </div>
+        <div v-if="damageReport.reportedBy" class="cursor-pointer" title="hi">
+          <UserIcon class="w-5 h-5" />
+        </div>
+      </div>
     </div>
     <div class="p-2">
-      <p v-if="damageReport.related">Code: {{ damageReport.related.code }}</p>
       <p v-if="damageReport.description">Beschreibung: {{ damageReport.description }}</p>
     </div>
   </div>
@@ -17,6 +28,7 @@ import { defineComponent, type PropType } from "vue";
 import { mapState, mapActions } from "pinia";
 import { useAbilityStore } from "@/stores/ability";
 import type { DamageReportViewModel } from "@/viewmodels/admin/unit/damageReport.models";
+import { MapPinIcon, PhotoIcon, UserIcon } from "@heroicons/vue/24/outline";
 </script>
 
 <script lang="ts">
diff --git a/src/global.ts b/src/global.ts
new file mode 100644
index 0000000..8ef38cb
--- /dev/null
+++ b/src/global.ts
@@ -0,0 +1,3 @@
+declare global {
+  type Optional<T> = T | { [K in keyof T]?: never };
+}
diff --git a/src/viewmodels/admin/unit/damageReport.models.ts b/src/viewmodels/admin/unit/damageReport.models.ts
index 44bf661..70b8e1d 100644
--- a/src/viewmodels/admin/unit/damageReport.models.ts
+++ b/src/viewmodels/admin/unit/damageReport.models.ts
@@ -26,10 +26,12 @@ export type DamageReportViewModel = {
   status: string;
   done: boolean;
   description: string;
-  imageCount: number;
+  location: string;
+  note: string;
+  images: string[];
   reportedBy: string;
   maintenance?: MaintenanceViewModel;
-} & DamageReportAssigned;
+} & Optional<DamageReportAssigned>;
 
 export interface CreateDamageReportViewModel {
   description: string;