IBCornelsen/online-energieausweis
1
0
Fork 0
Code Issues 272 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

.

Browse Source
This commit is contained in:
Jens Cornelsen
2025-04-12 19:31:19 +02:00
parent 40df8c7104
commit 300b1d5ea3
1 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/modules/Dashboard/DashboardAufnahmeModule.svelte
View File

@@ -22,17 +22,13 @@
} }
</script> </script>
<div class="justify-between flex flex-row items-center"> <div class="justify-between flex flex-row items-center">
<h2 class="text-2xl font-semibold">{aufnahme.name}</h2> <div class="text-xl">{objekt.adresse}, {objekt.plz} {objekt.ort}</div>
{#if aufnahme.ausweis_pruefen}
<AusweisPruefenNotification {aufnahme} {benutzer}></AusweisPruefenNotification>
{/if}
<div>{objekt.adresse}, {objekt.plz} {objekt.ort}</div>
<div class="relative"> <div class="relative">
<button class="button flex flex-row rounded-lg gap-2 bg-secondary text-white text-center" on:click={toggleDropdown}> <button class="button flex flex-row rounded-lg gap-2 bg-secondary text-white text-center" on:click={toggleDropdown}>
Ausweis erstellen + Ausweis erstellen +
</button> </button>
{#if dropdownOpen} {#if dropdownOpen}
<div class="absolut mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5" on:click|stopPropagation on:keydown|stopPropagation on:keyup|stopPropagation> <div class="absolute top-0 left-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-50" on:click|stopPropagation on:keydown|stopPropagation on:keyup|stopPropagation></div>
<div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu"> <div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude?aufnahme={aufnahme.id}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 w-full text-left" role="menuitem">Verbrauchsausweis Wohnen Erstellen</a> <a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude?aufnahme={aufnahme.id}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 w-full text-left" role="menuitem">Verbrauchsausweis Wohnen Erstellen</a>
<a href="/energieausweis-erstellen/verbrauchsausweis-gewerbe?aufnahme={aufnahme.id}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 w-full text-left" role="menuitem">Verbrauchsausweis Gewerbe Erstellen</a> <a href="/energieausweis-erstellen/verbrauchsausweis-gewerbe?aufnahme={aufnahme.id}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 w-full text-left" role="menuitem">Verbrauchsausweis Gewerbe Erstellen</a>
@@ -42,6 +38,7 @@
{/if} {/if}
</div> </div>
</div> </div>
<hr> <hr>
<div class="my-4 grid grid-cols-1 md:grid-cols-1 lg:grid-cols-1 gap-2"> <div class="my-4 grid grid-cols-1 md:grid-cols-1 lg:grid-cols-1 gap-2">
@@ -50,7 +47,7 @@
{#if aufnahme.bilder.length > 0} {#if aufnahme.bilder.length > 0}
<Carousel perPage={3}> <Carousel perPage={3}>
{#each aufnahme.bilder as bild, i (i)} {#each aufnahme.bilder as bild, i (i)}
<img src="/bilder/{bild.id}.jpg" alt={bild.kategorie} class="max-h-[15vh] h-full w-full object-contain"> <img src="/bilder/{bild.id}.jpg" alt={bild.kategorie} class="max-h-[25vh] h-full w-full object-contain">
{/each} {/each}
<span slot="left-control" class="p-2.5 bg-opacity-50 bg-white block rounded-full"><ChevronLeft size={24}></ChevronLeft></span> <span slot="left-control" class="p-2.5 bg-opacity-50 bg-white block rounded-full"><ChevronLeft size={24}></ChevronLeft></span>
<span slot="right-control" class="p-2.5 bg-opacity-50 bg-white block rounded-full"><ChevronRight size={24}></ChevronRight></span> <span slot="right-control" class="p-2.5 bg-opacity-50 bg-white block rounded-full"><ChevronRight size={24}></ChevronRight></span>