Ehrenamt/ff-admin
2
0
Fork 0
Code Issues 13 Pull requests Projects Releases 30 Packages Wiki Activity Actions

show reports inside admin ui

Browse source
This commit is contained in:
Julian Krauser 2025-07-16 12:43:03 +02:00
parent 6aae09cd03
commit 93a04abee1
3 changed files with 21 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/admin/unit/damageReport/DamageReportListItem.vue
View file

@ -2,11 +2,22 @@
<div class="flex flex-col h-fit w-full border border-primary rounded-md"> <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"> <div class="bg-primary p-2 text-white flex flex-row justify-between items-center">
<p> <p>
{{ damageReport.related.name }} {{ damageReport?.related?.name ?? "Ohne Zuordnung" }}
<small v-if="damageReport?.related">({{ damageReport.related.code }})</small>
</p> </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>
<div class="p-2"> <div class="p-2">
<p v-if="damageReport.related">Code: {{ damageReport.related.code }}</p>
<p v-if="damageReport.description">Beschreibung: {{ damageReport.description }}</p> <p v-if="damageReport.description">Beschreibung: {{ damageReport.description }}</p>
</div> </div>
</div> </div>
@ -17,6 +28,7 @@ import { defineComponent, type PropType } from "vue";
import { mapState, mapActions } from "pinia"; import { mapState, mapActions } from "pinia";
import { useAbilityStore } from "@/stores/ability"; import { useAbilityStore } from "@/stores/ability";
import type { DamageReportViewModel } from "@/viewmodels/admin/unit/damageReport.models"; import type { DamageReportViewModel } from "@/viewmodels/admin/unit/damageReport.models";
import { MapPinIcon, PhotoIcon, UserIcon } from "@heroicons/vue/24/outline";
</script> </script>
<script lang="ts"> <script lang="ts">

3
src/global.ts Normal file
View file

@ -0,0 +1,3 @@
declare global {
type Optional<T> = T | { [K in keyof T]?: never };
}

6
src/viewmodels/admin/unit/damageReport.models.ts
View file

@ -26,10 +26,12 @@ export type DamageReportViewModel = {
status: string; status: string;
done: boolean; done: boolean;
description: string; description: string;
imageCount: number; location: string;
note: string;
images: string[];
reportedBy: string; reportedBy: string;
maintenance?: MaintenanceViewModel; maintenance?: MaintenanceViewModel;
} & DamageReportAssigned; } & Optional<DamageReportAssigned>;
export interface CreateDamageReportViewModel { export interface CreateDamageReportViewModel {
description: string; description: string;