27 lines
1.0 KiB
Svelte
27 lines
1.0 KiB
Svelte
<script lang="ts">
|
|
import { ObjektKomplettClient } from "#components/Ausweis/types.js";
|
|
import { Enums } from "@ibcornelsen/database/server";
|
|
import moment from "moment";
|
|
import { File, OpenInNewWindow } from "radix-svelte-icons";
|
|
|
|
export let objekt: ObjektKomplettClient;
|
|
|
|
const objektBild = objekt.aufnahmen[0].bilder.find(bild => bild.kategorie === Enums.BilderKategorie.Gebaeude);
|
|
</script>
|
|
|
|
<div class="border rounded-lg border-base-300 bg-white">
|
|
{#if objektBild}
|
|
<img src="/bilder/{objektBild.uid}.webp" class="w-full max-h-72 object-cover rounded-t-lg" alt="Gebäude">
|
|
{/if}
|
|
|
|
<div class="p-4">
|
|
<div class="flex flex-row justify-between">
|
|
<h3 class="text-lg font-medium">{objekt.adresse}</h3>
|
|
<span class="text-sm opacity-70 font-medium">{moment(objekt.erstellungsdatum).format("DD.MM.YYYY")}</span>
|
|
</div>
|
|
|
|
<div class="flex flex-row justify-end">
|
|
<a href="/dashboard/objekt/{objekt.uid}" class="rounded-lg p-2.5 hover:bg-gray-200" target="_blank"><OpenInNewWindow size={20}></OpenInNewWindow></a>
|
|
</div>
|
|
</div>
|
|
</div> |