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

show details to damage

Browse source
This commit is contained in:
Julian Krauser 2025-07-17 09:32:18 +02:00
parent 93a04abee1
commit 5ea5a0160a
10 changed files with 332 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,8 @@
<template>
<div class="flex flex-col h-fit w-full border border-primary rounded-md">
<RouterLink
:to="{ name: 'admin-unit-damage_report-overview', params: { damageReportId: damageReport.id } }"
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 ?? "Ohne Zuordnung" }}
@ -15,12 +18,15 @@
<div v-if="damageReport.reportedBy" class="cursor-pointer" title="hi">
<UserIcon class="w-5 h-5" />
</div>
<div v-if="damageReport.maintenance" class="cursor-pointer" title="hi">
<WrenchScrewdriverIcon class="w-5 h-5" />
</div>
</div>
</div>
<div class="p-2">
<p v-if="damageReport.description">Beschreibung: {{ damageReport.description }}</p>
</div>
</div>
</RouterLink>
</template>
<script setup lang="ts">
@ -28,7 +34,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";
import { MapPinIcon, PhotoIcon, UserIcon, WrenchScrewdriverIcon } from "@heroicons/vue/24/outline";
</script>
<script lang="ts">