|
|
|
|
@@ -161,368 +161,260 @@
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<div class="relative bg-base-200 border border-base-300 rounded-lg p-4">
|
|
|
|
|
<div class="max-w-screen-xl mx-auto py-6 px-4 bg-white shadow">
|
|
|
|
|
|
|
|
|
|
<!-- Obere Zeile: Titel -->
|
|
|
|
|
<div class="border-b flex flex-row pb-2">
|
|
|
|
|
<div class="text-xl font-bold">
|
|
|
|
|
Verbrauchsausweis Wohnen mit Beratung (Post, Same Day)
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bg-red-600 ml-auto px-2 py-0.5 text-sm font-semibold rounded-lg text-white">Gespeichert</div>
|
|
|
|
|
<div class="relative bg-base-200 border border-base-300 rounded-lg p-4 mr-4">
|
|
|
|
|
{#if ausweis.storniert}
|
|
|
|
|
<div
|
|
|
|
|
class="absolute top-0 left-0 w-full h-full bg-[rgba(0,0,0,0.7)] z-[5] rounded-lg select-none"
|
|
|
|
|
>
|
|
|
|
|
<h1
|
|
|
|
|
class="absolute -rotate-[25deg] text-5xl md:text-7xl tracking-wide uppercase text-red-500 border-4 border-red-500 rounded-lg top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%]"
|
|
|
|
|
>
|
|
|
|
|
Storniert
|
|
|
|
|
</h1>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Navigation (1/3) -->
|
|
|
|
|
<div class="border-b pt-4 mb-4 flex justify-between items-center">
|
|
|
|
|
<button class="bg-gray-300 text-gray-700 px-2 py-1 rounded hover:bg-gray-400">
|
|
|
|
|
«
|
|
|
|
|
{/if}
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div
|
|
|
|
|
class="flex justify-end mb-2 dropdown dropdown-bottom absolute top-4 right-4"
|
|
|
|
|
>
|
|
|
|
|
<button class="rounded-full p-2.5 hover:bg-base-100">
|
|
|
|
|
<DotsVertical size={15} />
|
|
|
|
|
</button>
|
|
|
|
|
<p class="text-gray-700 font-medium">
|
|
|
|
|
Ausweis 1/3
|
|
|
|
|
</p>
|
|
|
|
|
<button class="bg-gray-300 text-gray-700 px-2 py-1 rounded hover:bg-gray-400">
|
|
|
|
|
»
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Erster Block: Drei Spalten -->
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
|
|
|
|
|
<!-- Linke Spalte: Bild + ID -->
|
|
|
|
|
<div class="flex-shrink-0 bg-gray-100 flex flex-col items-center border text-2xl rounded-b-lg pb-2 max-w-[220px]">
|
|
|
|
|
<img
|
|
|
|
|
src="../../images/placeholder.png"
|
|
|
|
|
alt="Gebäudevorschau"
|
|
|
|
|
class="rounded-t-lg mb-2"
|
|
|
|
|
/>
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-2 bg-white">
|
|
|
|
|
<!-- PDF-Icon / Ausweis -->
|
|
|
|
|
<div class="m-1">
|
|
|
|
|
<img
|
|
|
|
|
src="../../images/dashboard/AusweisKreuz.svg"
|
|
|
|
|
alt="PDF Symbol für Verbrauchsausweis"
|
|
|
|
|
class="h-auto w-auto p-2 border border-black rounded-lg"
|
|
|
|
|
/>
|
|
|
|
|
<span class="text-xs font-medium ml-2">Verbrauchsausweis</span>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- PDF-Icon / Datenblatt -->
|
|
|
|
|
<div class="m-1">
|
|
|
|
|
<img
|
|
|
|
|
src="../../images/dashboard/DatenblattKreuz.svg"
|
|
|
|
|
alt="PDF Symbol für Datenblatt"
|
|
|
|
|
class="h-auto w-auto p-2 border border-black rounded-lg"
|
|
|
|
|
/>
|
|
|
|
|
<span class="text-xs font-medium ml-2">Datenblatt</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="p-4">Ausweis ID: <b>BWWICR32</b></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="relative bg-base-200 border border-base-300 rounded-lg p-4">
|
|
|
|
|
{#if ausweis.storniert}
|
|
|
|
|
<div
|
|
|
|
|
class="absolute top-0 left-0 w-full h-full bg-[rgba(0,0,0,0.7)] z-[5] rounded-lg select-none"
|
|
|
|
|
>
|
|
|
|
|
<h1
|
|
|
|
|
class="absolute -rotate-[25deg] text-5xl md:text-7xl tracking-wide uppercase text-red-500 border-4 border-red-500 rounded-lg top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%]"
|
|
|
|
|
<ul
|
|
|
|
|
tabindex="-1"
|
|
|
|
|
class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-64 gap-2"
|
|
|
|
|
>
|
|
|
|
|
<li>
|
|
|
|
|
<button on:click={ausweisStornieren}
|
|
|
|
|
><CrossCircled size={15} />Ausweis Stornieren</button
|
|
|
|
|
>
|
|
|
|
|
Storniert
|
|
|
|
|
</h1>
|
|
|
|
|
</div>
|
|
|
|
|
{/if}
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div
|
|
|
|
|
class="flex justify-end mb-2 dropdown dropdown-bottom absolute top-4 right-4"
|
|
|
|
|
>
|
|
|
|
|
<button class="rounded-full p-2.5 hover:bg-base-100">
|
|
|
|
|
<DotsVertical size={15} />
|
|
|
|
|
</button>
|
|
|
|
|
<ul
|
|
|
|
|
tabindex="-1"
|
|
|
|
|
class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-64 gap-2"
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<button><Pencil2 size={15} /> Als Vorlage benutzen</button>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<button on:click={() => hilfeModal.showModal()}
|
|
|
|
|
><QuestionMarkCircled size={15} /> Hilfe Erhalten</button
|
|
|
|
|
>
|
|
|
|
|
<li>
|
|
|
|
|
<button on:click={ausweisStornieren}
|
|
|
|
|
><CrossCircled size={15} />Ausweis Stornieren</button
|
|
|
|
|
>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<button><Pencil2 size={15} /> Als Vorlage benutzen</button>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<button on:click={() => hilfeModal.showModal()}
|
|
|
|
|
><QuestionMarkCircled size={15} /> Hilfe Erhalten</button
|
|
|
|
|
>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-row flex-wrap items-center gap-2">
|
|
|
|
|
<div class="text-lg font-semibold">
|
|
|
|
|
{#if ausweisart == Enums.Ausweisart.VerbrauchsausweisWohnen}
|
|
|
|
|
Verbrauchsausweis Wohnen
|
|
|
|
|
{:else if ausweisart == Enums.Ausweisart.BedarfsausweisWohnen}
|
|
|
|
|
Bedarfsausweis Wohnen
|
|
|
|
|
{:else if ausweisart == Enums.Ausweisart.VerbrauchsausweisGewerbe}
|
|
|
|
|
Verbrauchsausweis Gewerbe
|
|
|
|
|
{:else if ausweisart == Enums.Ausweisart.GEGNachweisWohnen}
|
|
|
|
|
GEG Nachweis Wohnen
|
|
|
|
|
{:else if ausweisart == Enums.Ausweisart.GEGNachweisGewerbe}
|
|
|
|
|
GEG Nachweis Gewerbe
|
|
|
|
|
{:else if ausweisart == Enums.Ausweisart.BedarfsausweisGewerbe}
|
|
|
|
|
Bedarfsausweis Gewerbe
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
{#if ausweis.ausweistyp === Enums.AusweisTyp.Beratung || ausweis.ausweistyp === Enums.AusweisTyp.BeratungXL}
|
|
|
|
|
(Beratung)
|
|
|
|
|
{:else if ausweis.ausweistyp === Enums.AusweisTyp.Offline || ausweis.ausweistyp === Enums.AusweisTyp.OfflineXL}
|
|
|
|
|
(Offline)
|
|
|
|
|
{/if}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{#if ausweis.ausgestellt}
|
|
|
|
|
<span class="bg-green-600 px-2 py-0.5 text-sm font-semibold rounded-lg text-white">Ausgestellt</span>
|
|
|
|
|
{:else if ausweis.bestellt}
|
|
|
|
|
<span class="bg-primary px-2 py-0.5 text-sm font-semibold rounded-lg text-white">Bestellt</span>
|
|
|
|
|
{:else}
|
|
|
|
|
<span class="bg-red-600 px-2 py-0.5 text-sm font-semibold rounded-lg text-white">Gespeichert</span>
|
|
|
|
|
{/if}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="badge badge-accent font-semibold text-black text-m">{objekt.adresse}</div>
|
|
|
|
|
<div class="mb-4 flex flex-row items-center gap-4">
|
|
|
|
|
<div class="w-full border rounded-lg my-2">
|
|
|
|
|
<div class="bg-green-600 h-4 rounded-lg" class:bg-red-600={progress == 33} class:bg-primary={progress == 66} style="width: {progress}%;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="text-sm font-semibold text-base-content"
|
|
|
|
|
>{progress}%</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
{#if ausweis.bestellt}
|
|
|
|
|
{#if ausweis.ausweistyp === Enums.AusweisTyp.Beratung || ausweis.ausweistyp === Enums.AusweisTyp.BeratungXL}
|
|
|
|
|
<p class="text-sm font-semibold">Sie haben Hilfe zu diesem Ausweis angefordert. Sie werden innerhalb der nächsten 48 Stunden über die hinterlegte Telefonnummer vom IB Cornelsen kontaktiert.</p>
|
|
|
|
|
{:else if ausweis.ausweistyp === Enums.AusweisTyp.Offline || ausweis.ausweistyp === Enums.AusweisTyp.OfflineXL}
|
|
|
|
|
<p class="text-sm font-semibold">Sie haben die offline Variant zu diesem Ausweis angefordert. Bitte übermitteln Sie uns die letzten drei Jahre der Energieabrechnungen Ihres Energieversorgers.</p>
|
|
|
|
|
{:else}
|
|
|
|
|
<p class="text-sm font-semibold">Der Ausweis wurde von Ihnen freigegeben und befindet sich in Prüfung vom IB Cornelsen</p>
|
|
|
|
|
{/if}
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-row flex-wrap items-center gap-2">
|
|
|
|
|
<div class="text-lg font-semibold">
|
|
|
|
|
{#if ausweisart == Enums.Ausweisart.VerbrauchsausweisWohnen}
|
|
|
|
|
Verbrauchsausweis Wohnen
|
|
|
|
|
{:else if ausweisart == Enums.Ausweisart.BedarfsausweisWohnen}
|
|
|
|
|
Bedarfsausweis Wohnen
|
|
|
|
|
{:else if ausweisart == Enums.Ausweisart.VerbrauchsausweisGewerbe}
|
|
|
|
|
Verbrauchsausweis Gewerbe
|
|
|
|
|
{:else if ausweisart == Enums.Ausweisart.GEGNachweisWohnen}
|
|
|
|
|
GEG Nachweis Wohnen
|
|
|
|
|
{:else if ausweisart == Enums.Ausweisart.GEGNachweisGewerbe}
|
|
|
|
|
GEG Nachweis Gewerbe
|
|
|
|
|
{:else if ausweisart == Enums.Ausweisart.BedarfsausweisGewerbe}
|
|
|
|
|
Bedarfsausweis Gewerbe
|
|
|
|
|
{/if}
|
|
|
|
|
{#await calculations then calculations}
|
|
|
|
|
<div class="flex flex-col gap-2">
|
|
|
|
|
<div class="flex flex-row justify-between">
|
|
|
|
|
<span>Energieverbrauch</span>
|
|
|
|
|
<span class="font-bold text-base-content"
|
|
|
|
|
>{calculations?.endEnergieVerbrauchGesamt}kWh/A</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-row justify-between">
|
|
|
|
|
<span>CO2 Ausstoß</span>
|
|
|
|
|
<span class="font-bold text-base-content"
|
|
|
|
|
>{calculations?.co2EmissionenGesamt}Kg/A</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-row justify-between">
|
|
|
|
|
<span>Erstellungsdatum</span>
|
|
|
|
|
<span class="font-bold text-base-content"
|
|
|
|
|
>{moment(aufnahme.erstellungsdatum).format(
|
|
|
|
|
"DD.MM.YYYY"
|
|
|
|
|
)}</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-row justify-between">
|
|
|
|
|
<span>Baujahr</span>
|
|
|
|
|
<span
|
|
|
|
|
class="font-bold text-base-content"
|
|
|
|
|
title="Gebäude / Heizung"
|
|
|
|
|
>{aufnahme.baujahr_gebaeude[0] || "N/A"} /
|
|
|
|
|
{aufnahme.baujahr_heizung[0] || "N/A"}</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-row justify-between">
|
|
|
|
|
<span>Wohnfläche</span>
|
|
|
|
|
<span class="font-bold text-base-content"
|
|
|
|
|
>{aufnahme.flaeche
|
|
|
|
|
? `${aufnahme.flaeche}m²`
|
|
|
|
|
: "N/A"}</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-row justify-between">
|
|
|
|
|
<span>ID</span>
|
|
|
|
|
<span class="font-bold text-base-content"
|
|
|
|
|
>{id}</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{/await}
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-row justify-end items-center gap-4 mt-4">
|
|
|
|
|
{#if !ausweis.storniert && !ausweis.ausgestellt}
|
|
|
|
|
<!--
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude?uid={ausweis.id}"
|
|
|
|
|
>Stornieren</a>
|
|
|
|
|
-->
|
|
|
|
|
{/if}
|
|
|
|
|
{#if ausweis.ausweistyp === Enums.AusweisTyp.Beratung || ausweis.ausweistyp === Enums.AusweisTyp.BeratungXL}
|
|
|
|
|
(Beratung)
|
|
|
|
|
{:else if ausweis.ausweistyp === Enums.AusweisTyp.Offline || ausweis.ausweistyp === Enums.AusweisTyp.OfflineXL}
|
|
|
|
|
(Offline)
|
|
|
|
|
{/if}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{#if ausweis.bestellt && (!rechnung || rechnung.bezahlmethode === Enums.Bezahlmethoden.rechnung)}
|
|
|
|
|
<!-- <a href="/energieausweis-erstellen/bezahlung?uid={ausweis.id}" class="button text-sm">Bezahlen</a> -->
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{#if !ausweis.ausgestellt && (!ausweis.bestellt || (ausweis.ausweistyp === Enums.AusweisTyp.Beratung || ausweis.ausweistyp === Enums.AusweisTyp.Offline || ausweis.ausweistyp === Enums.AusweisTyp.OfflineXL || ausweis.ausweistyp === Enums.AusweisTyp.BeratungXL))}
|
|
|
|
|
{#if ausweisart === Enums.Ausweisart.VerbrauchsausweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.VerbrauchsausweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-gewerbe?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.BedarfsausweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.GEGNachweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/angebot-anfragen/geg-nachweis-wohnen-anfragen?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.GEGNachweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/angebot-anfragen/geg-nachweis-gewerbe-anfragen?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.BedarfsausweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/angebot-anfragen/bedarfsausweis-gewerbe-anfragen?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{/if}
|
|
|
|
|
{#if ausweisart === Enums.Ausweisart.VerbrauchsausweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.VerbrauchsausweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-gewerbe?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.BedarfsausweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.GEGNachweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/angebot-anfragen/geg-nachweis-wohnen-anfragen?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.GEGNachweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/angebot-anfragen/geg-nachweis-gewerbe-anfragen?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.BedarfsausweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/angebot-anfragen/bedarfsausweis-gewerbe-anfragen?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{/if}
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
{#if benutzer.rolle === Enums.BenutzerRolle.ADMIN}
|
|
|
|
|
<!-- TODO -->
|
|
|
|
|
{#if ausweisart === Enums.Ausweisart.VerbrauchsausweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude?id={ausweis.id}"
|
|
|
|
|
>Formular</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.VerbrauchsausweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-gewerbe?id={ausweis.id}"
|
|
|
|
|
>Formular</a>
|
|
|
|
|
{/if}
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
{#if benutzer.rolle === Enums.BenutzerRolle.ADMIN}
|
|
|
|
|
<button class="button text-sm" on:click={ausweisAusstellen}>A</button>
|
|
|
|
|
<button class="button text-sm" on:click={stornieren}>S</button>
|
|
|
|
|
<button class="button text-sm" on:click={registriernummerAnfordern}>R</button>
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
<a
|
|
|
|
|
class="p-2 rounded-lg hover:bg-gray-200"
|
|
|
|
|
title="PDF Herunterladen"
|
|
|
|
|
target="_blank"
|
|
|
|
|
href="/pdf/ansichtsausweis?id={ausweis.id}"
|
|
|
|
|
{#if ausweis.ausgestellt}
|
|
|
|
|
<span class="bg-green-600 px-2 py-0.5 text-sm font-semibold rounded-lg text-white">Ausgestellt</span>
|
|
|
|
|
{:else if ausweis.bestellt}
|
|
|
|
|
<span class="bg-primary px-2 py-0.5 text-sm font-semibold rounded-lg text-white">Bestellt</span>
|
|
|
|
|
{:else}
|
|
|
|
|
<span class="bg-red-600 px-2 py-0.5 text-sm font-semibold rounded-lg text-white">Gespeichert</span>
|
|
|
|
|
{/if}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="badge badge-accent font-semibold text-black text-m">{objekt.adresse}</div>
|
|
|
|
|
<div class="mb-4 flex flex-row items-center gap-4">
|
|
|
|
|
<div class="w-full border rounded-lg my-2">
|
|
|
|
|
<div class="bg-green-600 h-4 rounded-lg" class:bg-red-600={progress == 33} class:bg-primary={progress == 66} style="width: {progress}%;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="text-sm font-semibold text-base-content"
|
|
|
|
|
>{progress}%</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
{#if ausweis.bestellt}
|
|
|
|
|
{#if ausweis.ausweistyp === Enums.AusweisTyp.Beratung || ausweis.ausweistyp === Enums.AusweisTyp.BeratungXL}
|
|
|
|
|
<p class="text-sm font-semibold">Sie haben Hilfe zu diesem Ausweis angefordert. Sie werden innerhalb der nächsten 48 Stunden über die hinterlegte Telefonnummer vom IB Cornelsen kontaktiert.</p>
|
|
|
|
|
{:else if ausweis.ausweistyp === Enums.AusweisTyp.Offline || ausweis.ausweistyp === Enums.AusweisTyp.OfflineXL}
|
|
|
|
|
<p class="text-sm font-semibold">Sie haben die offline Variant zu diesem Ausweis angefordert. Bitte übermitteln Sie uns die letzten drei Jahre der Energieabrechnungen Ihres Energieversorgers.</p>
|
|
|
|
|
{:else}
|
|
|
|
|
<p class="text-sm font-semibold">Der Ausweis wurde von Ihnen freigegeben und befindet sich in Prüfung vom IB Cornelsen</p>
|
|
|
|
|
{/if}
|
|
|
|
|
{/if}
|
|
|
|
|
{#await calculations then calculations}
|
|
|
|
|
<div class="flex flex-col gap-2">
|
|
|
|
|
<div class="flex flex-row justify-between">
|
|
|
|
|
<span>Energieverbrauch</span>
|
|
|
|
|
<span class="font-bold text-base-content"
|
|
|
|
|
>{calculations?.endEnergieVerbrauchGesamt}kWh/A</span
|
|
|
|
|
>
|
|
|
|
|
<img src="/images/ausweis.webp" width="32" alt="Energieausweis">
|
|
|
|
|
</a>
|
|
|
|
|
<a
|
|
|
|
|
class="p-2 rounded-lg hover:bg-gray-200"
|
|
|
|
|
title="PDF Herunterladen"
|
|
|
|
|
target="_blank"
|
|
|
|
|
href="/pdf/datenblatt?id={ausweis.id}"
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-row justify-between">
|
|
|
|
|
<span>CO2 Ausstoß</span>
|
|
|
|
|
<span class="font-bold text-base-content"
|
|
|
|
|
>{calculations?.co2EmissionenGesamt}Kg/A</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-row justify-between">
|
|
|
|
|
<span>Erstellungsdatum</span>
|
|
|
|
|
<span class="font-bold text-base-content"
|
|
|
|
|
>{moment(aufnahme.erstellungsdatum).format(
|
|
|
|
|
"DD.MM.YYYY"
|
|
|
|
|
)}</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-row justify-between">
|
|
|
|
|
<span>Baujahr</span>
|
|
|
|
|
<span
|
|
|
|
|
class="font-bold text-base-content"
|
|
|
|
|
title="Gebäude / Heizung"
|
|
|
|
|
>{aufnahme.baujahr_gebaeude[0] || "N/A"} /
|
|
|
|
|
{aufnahme.baujahr_heizung[0] || "N/A"}</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-row justify-between">
|
|
|
|
|
<span>Wohnfläche</span>
|
|
|
|
|
<span class="font-bold text-base-content"
|
|
|
|
|
>{aufnahme.flaeche
|
|
|
|
|
? `${aufnahme.flaeche}m²`
|
|
|
|
|
: "N/A"}</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex flex-row justify-between">
|
|
|
|
|
<span>ID</span>
|
|
|
|
|
<span class="font-bold text-base-content"
|
|
|
|
|
>{id}</span
|
|
|
|
|
>
|
|
|
|
|
<img src="/images/datenblatt.webp" width="32" alt="Datenblatt">
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{/await}
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-row justify-end items-center gap-4 mt-4">
|
|
|
|
|
{#if !ausweis.storniert && !ausweis.ausgestellt}
|
|
|
|
|
<!--
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude?uid={ausweis.id}"
|
|
|
|
|
>Stornieren</a>
|
|
|
|
|
-->
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
{#if ausweis.bestellt && (!rechnung || rechnung.bezahlmethode === Enums.Bezahlmethoden.rechnung)}
|
|
|
|
|
<!-- <a href="/energieausweis-erstellen/bezahlung?uid={ausweis.id}" class="button text-sm">Bezahlen</a> -->
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{#if !ausweis.ausgestellt && (!ausweis.bestellt || (ausweis.ausweistyp === Enums.AusweisTyp.Beratung || ausweis.ausweistyp === Enums.AusweisTyp.Offline || ausweis.ausweistyp === Enums.AusweisTyp.OfflineXL || ausweis.ausweistyp === Enums.AusweisTyp.BeratungXL))}
|
|
|
|
|
{#if ausweisart === Enums.Ausweisart.VerbrauchsausweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.VerbrauchsausweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-gewerbe?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.BedarfsausweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.GEGNachweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/angebot-anfragen/geg-nachweis-wohnen-anfragen?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.GEGNachweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/angebot-anfragen/geg-nachweis-gewerbe-anfragen?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.BedarfsausweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/angebot-anfragen/bedarfsausweis-gewerbe-anfragen?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{/if}
|
|
|
|
|
{#if ausweisart === Enums.Ausweisart.VerbrauchsausweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.VerbrauchsausweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-gewerbe?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.BedarfsausweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.GEGNachweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/angebot-anfragen/geg-nachweis-wohnen-anfragen?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.GEGNachweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/angebot-anfragen/geg-nachweis-gewerbe-anfragen?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.BedarfsausweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/angebot-anfragen/bedarfsausweis-gewerbe-anfragen?id={ausweis.id}"
|
|
|
|
|
>Bearbeiten</a>
|
|
|
|
|
{/if}
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
{#if benutzer.rolle === Enums.BenutzerRolle.ADMIN}
|
|
|
|
|
<!-- TODO -->
|
|
|
|
|
{#if ausweisart === Enums.Ausweisart.VerbrauchsausweisWohnen}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude?id={ausweis.id}"
|
|
|
|
|
>Formular</a>
|
|
|
|
|
{:else if ausweisart === Enums.Ausweisart.VerbrauchsausweisGewerbe}
|
|
|
|
|
<a
|
|
|
|
|
class="button text-sm"
|
|
|
|
|
href="/energieausweis-erstellen/verbrauchsausweis-gewerbe?id={ausweis.id}"
|
|
|
|
|
>Formular</a>
|
|
|
|
|
{/if}
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
{#if benutzer.rolle === Enums.BenutzerRolle.ADMIN}
|
|
|
|
|
<button class="button text-sm" on:click={ausweisAusstellen}>A</button>
|
|
|
|
|
<button class="button text-sm" on:click={stornieren}>S</button>
|
|
|
|
|
<button class="button text-sm" on:click={registriernummerAnfordern}>R</button>
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
<a
|
|
|
|
|
class="p-2 rounded-lg hover:bg-gray-200"
|
|
|
|
|
title="PDF Herunterladen"
|
|
|
|
|
target="_blank"
|
|
|
|
|
href="/pdf/ansichtsausweis?id={ausweis.id}"
|
|
|
|
|
>
|
|
|
|
|
<img src="/images/ausweis.webp" width="32" alt="Energieausweis">
|
|
|
|
|
</a>
|
|
|
|
|
<a
|
|
|
|
|
class="p-2 rounded-lg hover:bg-gray-200"
|
|
|
|
|
title="PDF Herunterladen"
|
|
|
|
|
target="_blank"
|
|
|
|
|
href="/pdf/datenblatt?id={ausweis.id}"
|
|
|
|
|
>
|
|
|
|
|
<img src="/images/datenblatt.webp" width="32" alt="Datenblatt">
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="flex-shrink-0 bg-gray-100 flex flex-col border text-xl rounded-lg p-4">
|
|
|
|
|
|
|
|
|
|
<p><b>Ausweisdaten</b><br>Anlass: Vermietung/Verkauf<br>
|
|
|
|
|
Gebäudetyp: Mehrfamilienhaus<br>
|
|
|
|
|
Anzahl Wohneinheiten: 3<br>
|
|
|
|
|
Keller beheizt / DG beheizt<br>
|
|
|
|
|
Gebäudeteil: gesamt<br>
|
|
|
|
|
<br>
|
|
|
|
|
<b>Heizverbräuche (kWh, kg)</b><br>vom 03.2022 - 03.2025<br>
|
|
|
|
|
Erdgas 13600, 14600, 15000<br>Brennholz 400, 500, 600<br>
|
|
|
|
|
Warmwasser enthalten, 20%<br>
|
|
|
|
|
Alternative Energieversorgung: Warmwasser, Heizung, Lüftung, Kühlung<br>
|
|
|
|
|
Leerstand 20%, Fensterlüftung, Kühlung<br><br>
|
|
|
|
|
<b>Sanierungszustand:</b><br>Zentralheizung, Warmwasserrohre gedämmt, Brennwertkessel, Photovoltaik, Dreifachverglasung, alle Fenster dicht, Dachgeschoß gedämmt, Außenwand gedämmt</p>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Zweiter Block: Ansprechpartner und Ausweisdaten in zwei Spalten -->
|
|
|
|
|
<div class="flex flex-row md:flex-row gap-4 mb-4">
|
|
|
|
|
|
|
|
|
|
<p class="text-lg text-gray-700 mb-1">
|
|
|
|
|
<strong>Besteller:</strong> Norma Müller
|
|
|
|
|
</p>
|
|
|
|
|
<p class="text-lg text-gray-700">
|
|
|
|
|
<strong>Telefon:</strong> 0700 / 123456
|
|
|
|
|
</p>
|
|
|
|
|
<p class="text-lg text-gray-700">
|
|
|
|
|
<strong>E-Mail:</strong> norma.mueller@web.de
|
|
|
|
|
</p>
|
|
|
|
|
<p class="text-lg text-gray-700">
|
|
|
|
|
<strong>Erstelldatum:</strong> 22.03.2025
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Fußzeile: Navigation (1/3) -->
|
|
|
|
|
<div class="border-t pt-4 flex justify-between items-center">
|
|
|
|
|
<button class="bg-gray-300 text-gray-700 px-2 py-1 rounded hover:bg-gray-400">
|
|
|
|
|
«
|
|
|
|
|
</button>
|
|
|
|
|
<p class="text-gray-700 font-medium">
|
|
|
|
|
Ausweis 1/3
|
|
|
|
|
</p>
|
|
|
|
|
<button class="bg-gray-300 text-gray-700 px-2 py-1 rounded hover:bg-gray-400">
|
|
|
|
|
»
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<dialog bind:this={hilfeModal} class="modal">
|
|
|
|
|
|
