KundenDaten
This commit is contained in:
Robert Jagtiani
@@ -1,6 +1,11 @@
|
||||
<script lang="ts">
|
||||
import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
|
||||
import ProgressBar from "#components/Ausweis/Progressbar.svelte";
|
||||
import Bereich from "#labels/Bereich.svelte";
|
||||
import Ansprechpartner from "#components/Ausweis/Ansprechpartner.svelte";
|
||||
import Rechnungsadresse from "#components/Ausweis/Rechnungsadresse.svelte";
|
||||
import Bezahlung from "#components/Ausweis/Bezahlung.svelte";
|
||||
|
||||
import Pruefung from "#components/Ausweis/Pruefung.svelte";
|
||||
import ButtonZurueckSpeichernKaufabschluss from "#components/Ausweis/ButtonZurueckSpeichernKaufabschluss.svelte";
|
||||
|
||||
@@ -19,10 +24,6 @@
|
||||
export let user: BenutzerClient;
|
||||
export let ausweis: VerbrauchsausweisWohnenClient;
|
||||
|
||||
export let bereich;
|
||||
export let title;
|
||||
export let bullets;
|
||||
|
||||
let gebaeude_aufnahme_allgemein = ausweis.gebaeude_aufnahme_allgemein || {};
|
||||
let gebaeude = ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten || {};
|
||||
|
||||
@@ -98,7 +99,6 @@
|
||||
|
||||
2xl:grid-cols-2 2xl:gap-x-8
|
||||
">
|
||||
|
||||
<div id="performance-box" class="w-full box relative px-4 order-2 2xl:order-1 self-stretch grid grid-cols-1">
|
||||
<PerformanceScore
|
||||
bind:ausweis
|
||||
@@ -107,6 +107,7 @@
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="progress-box" class="w-full box relative px-4 py-3 text-center order-1 2xl:order-2 self-stretch">
|
||||
|
||||
<h1 class="text-secondary text-3xl m-0">Energiesausweis erstellen</h1>
|
||||
@@ -120,15 +121,101 @@
|
||||
<form id="formInput-2" on:submit={speichern}>
|
||||
<div id="formular-box" class="formular-boxen ring-0">
|
||||
|
||||
<div class="grid grid-cols-[max-content_1fr] items-center justify-items-start gap-2 mb-6">
|
||||
<div class="formular-abschnitt1">€</div>
|
||||
<div class="formular-abschnitt2">Prüfung, Leistungsbeschreibung und Kosten</div>
|
||||
</div>
|
||||
|
||||
<Bereich
|
||||
bind:user
|
||||
bereich="1"
|
||||
title="Eingabe des Ansprechpartners -> {user.email}"
|
||||
>
|
||||
<Ansprechpartner
|
||||
bind:user
|
||||
/></Bereich
|
||||
>
|
||||
|
||||
<Bereich
|
||||
bind:user
|
||||
bereich="2"
|
||||
title="Rechnungsadresse"
|
||||
>
|
||||
<Rechnungsadresse
|
||||
bind:user
|
||||
/></Bereich
|
||||
>
|
||||
|
||||
<Bereich
|
||||
bind:selectedPaymentType
|
||||
bereich="3"
|
||||
title="Bezahlmethode"
|
||||
>
|
||||
<Bezahlung
|
||||
bind:selectedPaymentType
|
||||
/></Bereich
|
||||
>
|
||||
|
||||
|
||||
<div class="grid grid-cols-[2fr_3fr] gap-8">
|
||||
|
||||
<div class="grid grid-cols-2 gap-x-6 my-6">
|
||||
|
||||
<div class="bereich-box pr-12">
|
||||
<div class="zusaetze bereich-box bg-white ">
|
||||
|
||||
<h3>Zusatzleistungen:</h3>
|
||||
|
||||
{#each services as service}
|
||||
|
||||
<div class="zusatz">
|
||||
|
||||
<input
|
||||
type="checkbox"
|
||||
bind:checked={service.selected}
|
||||
/>
|
||||
<div class="text-right pr-6"><b>{@html service.price} €</b> inkl. Mwst</div>
|
||||
<div>{@html service.name}</div>
|
||||
|
||||
</div>
|
||||
{/each}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class=" bereich-box bg-white ring-primary/50 ring-2" >
|
||||
|
||||
<h3>Kosten:</h3>
|
||||
|
||||
<div class="ProduktKostenTabelle">
|
||||
|
||||
|
||||
<div class="zeile betrag">
|
||||
<div>Netto-Preis Energieausweis</div><div>:</div><div class="text-right"><b>{(price * 0.81).toFixed(2) + " €"}</b></div>
|
||||
</div>
|
||||
|
||||
<div class="zeile betrag">
|
||||
<div>Zusatzleistung (Prüfung Mehraufwand)
|
||||
</div><div>:</div><div class="text-right"><b>0.00 €</b></div>
|
||||
</div>
|
||||
|
||||
<div class="zeile betrag">
|
||||
<div>19% gesetzl. MwSt.
|
||||
</div><div>:</div><div class="text-right"><b>{(price * 0.19).toFixed(2) + " €"}</b></div>
|
||||
</div>
|
||||
<div class="zeile betrag mt-4">
|
||||
<div><b>Preis inkl. MwSt.</b>
|
||||
</div><div>:</div><div class="text-right"><b>{price.toFixed(2) + " €"}</b></div>
|
||||
</div>
|
||||
<div class="zeile betrag mt-4">
|
||||
<div><b>Bezahlmethode</b>
|
||||
</div><div>:</div><div class="text-left"><b>{selectedPaymentType}</b></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<ButtonZurueckSpeichernKaufabschluss />
|
||||
|
||||
<div class="bereich-box pr-12 mt-6">
|
||||
|
||||
<Pruefung
|
||||
bereich="A"
|
||||
@@ -193,115 +280,11 @@
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="grid grid-rows-3 gap-y-6">
|
||||
|
||||
<div class="bereich-box bg-white ring-primary/50 ring-4" >
|
||||
|
||||
<div class="ProduktKostenTabelle">
|
||||
<div class="zeile">
|
||||
<div>Produkt</div><div>:</div><div>Verbrauchsausweis</div>
|
||||
</div>
|
||||
<div class="zeile">
|
||||
<div>Beschreibung</div><div>:</div>
|
||||
<div class="col-span-2">Registrierung beim DiBt<br />
|
||||
Prüfung durch Diplom Ingenieur<br />
|
||||
Energieausweis Vorschau als PDF<br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="zeile betrag">
|
||||
<div>Netto-Preis</div><div>:</div><div class="text-right"><b>{(price * 0.81).toFixed(2) + " €"}</b></div>
|
||||
</div>
|
||||
<div class="zeile betrag">
|
||||
<div>19% gesetzl. MwSt.
|
||||
</div><div>:</div><div class="text-right"><b>{(price * 0.19).toFixed(2) + " €"}</b></div>
|
||||
</div>
|
||||
<div class="zeile betrag">
|
||||
<div><b>Preis inkl. MwSt.</b>
|
||||
</div><div>:</div><div class="text-right"><b>{price.toFixed(2) + " €"}</b></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="varianten bereich-box bg-white">
|
||||
<h3>Hiermit bestelle ich folgende Version des Energieausweises:</h3>
|
||||
|
||||
|
||||
|
||||
<div class="variante">
|
||||
|
||||
<input
|
||||
type="radio"
|
||||
bind:group={basePrice}
|
||||
value={prices[0]}
|
||||
name="Preis"
|
||||
checked
|
||||
/>
|
||||
<div class="text-right pr-4"><b>{prices[0]} €</b> inkl. MwSt.</div>
|
||||
<div>Verbrauchsausweis online als PDF per E-Mail</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="variante">
|
||||
|
||||
<input
|
||||
type="radio"
|
||||
bind:group={basePrice}
|
||||
value={prices[1]}
|
||||
name="Preis"
|
||||
/>
|
||||
<div class="text-right pr-4"><b>{prices[1]} €</b> inkl. MwSt.</div>
|
||||
<div>Verbrauchsausweis online inkl. Beratung als PDF per E-Mail</div>
|
||||
</div>
|
||||
|
||||
<div class="variante">
|
||||
|
||||
<input
|
||||
type="radio"
|
||||
bind:group={basePrice}
|
||||
value={prices[2]}
|
||||
name="Preis"
|
||||
/>
|
||||
<div class="text-right pr-4"><b>{prices[2]} €</b> inkl. MwSt.</div>
|
||||
<div>Verbrauchsausweis offline als PDF per E-Mail (Sie schicken uns 3 Verbrauchsabrechnungen)</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="zusaetze bereich-box bg-white">
|
||||
|
||||
<h3>Zusatzleistungen</h3>
|
||||
|
||||
{#each services as service}
|
||||
|
||||
<div class="zusatz">
|
||||
|
||||
<input
|
||||
type="checkbox"
|
||||
bind:checked={service.selected}
|
||||
/>
|
||||
<div class="text-right pr-6"><b>{@html service.price} €</b> inkl. Mwst</div>
|
||||
<div>{@html service.name}</div>
|
||||
|
||||
</div>
|
||||
{/each}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<ButtonZurueckSpeichernKaufabschluss />
|
||||
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
@@ -311,10 +294,8 @@
|
||||
h3{@apply text-[1.25rem] ml-0 font-bold mb-6}
|
||||
|
||||
.ProduktKostenTabelle{@apply block;
|
||||
.zeile{@apply grid grid-cols-[10rem_2rem_5rem_1fr];}
|
||||
.zeile:nth-child(3){@apply mt-6}
|
||||
.zeile:nth-child(5){@apply mt-6}
|
||||
.betrag{@apply font-bold text-[1.25rem]}
|
||||
.zeile{@apply grid grid-cols-[19rem_1rem_5rem_1fr];}
|
||||
.betrag{@apply font-bold text-[1.15rem]}
|
||||
}
|
||||
|
||||
.varianten{@apply block;
|
||||
|
||||
Reference in New Issue
Block a user