Funktionalität anfänglich überprüft.

2024-12-20 09:17:23 +07:00
parent 019d1996a5
commit 9b384c4d4d
15 changed files with 955 additions and 511 deletions
--- a/src/modules/EmbeddedAuthFlowModule.svelte
+++ b/src/modules/EmbeddedAuthFlowModule.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { loginClient } from "#lib/login";
+	import { loginClient } from "#lib/login.js";
 	import EmbeddedLoginModule from "./EmbeddedLoginModule.svelte"
 	import EmbeddedRegisterModule from "./EmbeddedRegisterModule.svelte"

--- a/src/modules/KundendatenModule.svelte
+++ b/src/modules/KundendatenModule.svelte
@@ -1,11 +1,16 @@
 <script lang="ts">
 	import ProgressBar from "#components/Ausweis/Progressbar.svelte";
-	import type {
-		Bezahlmethoden,
-	} from "@ibcornelsen/database/client";
+	import type { Bezahlmethoden } from "@ibcornelsen/database/client";
 	import { Enums } from "@ibcornelsen/database/client";
 	import { dialogs } from "svelte-dialogs";
-import LoginDialog from "#components/LoginDialog.svelte";
+	import LoginDialog from "#components/LoginDialog.svelte";
+	import { PRICES } from "#lib/constants.js";
+	import {
+		BenutzerClient,
+		VerbrauchsausweisWohnenClient,
+	} from "#components/Ausweis/types.js";
+	import { validateAccessTokenClient } from "src/client/lib/validateAccessToken.js";
+	import { client } from "src/trpc.js";

 	export let user: BenutzerClient;
 	export let ausweis: VerbrauchsausweisWohnenClient;
@@ -40,16 +45,11 @@ import LoginDialog from "#components/LoginDialog.svelte";
 	export let selectedPaymentType: Bezahlmethoden =
 		Enums.Bezahlmethoden.paypal;

-	import { PRICES } from "#lib/constants";
-	import { BenutzerClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
-	import { validateAccessTokenClient } from "src/client/lib/validateAccessToken";
-	import { client } from "src/trpc";
+	let prices: number[] = [];

-		let prices: number[] = []
-
-		if (ausweis.gebaeude_aufnahme_allgemein.ausweisart) {
-			prices = PRICES[ausweis.gebaeude_aufnahme_allgemein.ausweisart]
-		}
+	if (ausweis.gebaeude_aufnahme_allgemein.ausweisart) {
+		prices = PRICES[ausweis.gebaeude_aufnahme_allgemein.ausweisart];
+	}

 	let basePrice: number = prices[0];

@@ -61,7 +61,7 @@ import LoginDialog from "#components/LoginDialog.svelte";
 		);

 	async function speichern(e: SubmitEvent) {
-		e.preventDefault()
+		e.preventDefault();

 		// Um einen Ausweis zu speichern müssen wir eingeloggt sein, andernfalls wird die API den call ablehnen.
 		// Wir prüfen also ob wir eingeloggt sind und leiten den Nutzer ggf. auf die Login Seite weiter.
@@ -76,13 +76,11 @@ import LoginDialog from "#components/LoginDialog.svelte";

 		// Falls der Ausweis noch keine benutzer_id hat müssen wir ihn claimen, damit er dem jetzigen Nutzer zugewiesen wird...
 		await client.v1.verbrauchsausweisWohnen.claim.mutate({
-			uid: ausweis.uid
-		})
+			uid: ausweis.uid,
+		});

 		window.location.href = `/kaufabschluss?uid=${ausweis.uid}`;
 	}
-
-
 </script>

 <div class="w-full px-8">
@@ -95,7 +93,9 @@ import LoginDialog from "#components/LoginDialog.svelte";

 	<form on:submit={speichern}>
 		<div class="grid grid-cols-[1.5fr_2fr] gap-4">
-			<div class="rounded-lg border p-4 border-base-300 bg-base-100 flex flex-col gap-4">
+			<div
+				class="rounded-lg border p-4 border-base-300 bg-base-100 flex flex-col gap-4"
+			>
 				<div class="flex flex-col gap-2 test-box">
 					<strong>A - Prüfung der Ausweisart</strong>
 					<div>
@@ -160,15 +160,13 @@ import LoginDialog from "#components/LoginDialog.svelte";
 				</div>
 			</div>
 			<div>
-				<div class="rounded-lg border p-4 border-base-300 bg-base-100 flex flex-col">
+				<div
+					class="rounded-lg border p-4 border-base-300 bg-base-100 flex flex-col"
+				>
 					<table>
 						<tr>
 							<td><strong>Produkt:</strong></td>
-							<td
-								><div class="py-2">
-									Verbrauchsausweis
-								</div></td
-							>
+							<td><div class="py-2">Verbrauchsausweis</div></td>
 						</tr>
 						<tr>
 							<td><strong>Beschreibung:</strong></td>
@@ -196,7 +194,7 @@ import LoginDialog from "#components/LoginDialog.svelte";
 								</div></td
 							>
 						</tr>
-						<hr>
+						<hr />
 						<tr>
 							<td>Preis inkl. MwSt.</td>
 							<td
@@ -207,13 +205,17 @@ import LoginDialog from "#components/LoginDialog.svelte";
 						</tr>
 					</table>
 				</div>
-				<h3 class="font-semibold mt-8">Hiermit bestelle ich folgende Version des Energieausweises:</h3>
-				<div class="rounded-lg border p-4 border-base-300 bg-base-100 flex flex-col">
+				<h3 class="font-semibold mt-8">
+					Hiermit bestelle ich folgende Version des Energieausweises:
+				</h3>
+				<div
+					class="rounded-lg border p-4 border-base-300 bg-base-100 flex flex-col"
+				>
 					<table>
 						<tr>
 							<td
-								>Verbrauchsausweis online für {prices[0]} € inkl. MwSt.
-								als PDF per E-Mail</td
+								>Verbrauchsausweis online für {prices[0]} € inkl.
+								MwSt. als PDF per E-Mail</td
 							>
 							<td
 								><input
@@ -242,8 +244,8 @@ import LoginDialog from "#components/LoginDialog.svelte";
 							</td>
 						</tr><tr>
 							<td
-								>Verbrauchsausweis offline für {prices[2]} € inkl. MwSt.
-								als PDF per E-Mail (Sie schicken uns 3 Verbrauchsabrechnungen)</td
+								>Verbrauchsausweis offline für {prices[2]} € inkl.
+								MwSt. als PDF per E-Mail (Sie schicken uns 3 Verbrauchsabrechnungen)</td
 							>
 							<td
 								><input
@@ -257,9 +259,11 @@ import LoginDialog from "#components/LoginDialog.svelte";
 						</tr>
 					</table>
 				</div>
-	
+
 				<h3 class="font-semibold mt-8">Zusatzleistungen</h3>
-				<div class="rounded-lg border p-4 border-base-300 bg-base-100 flex flex-col">
+				<div
+					class="rounded-lg border p-4 border-base-300 bg-base-100 flex flex-col"
+				>
 					<table>
 						{#each services as service}
 							<tr>
@@ -276,7 +280,6 @@ import LoginDialog from "#components/LoginDialog.svelte";
 					</table>
 				</div>
 			</div>
-			
 		</div>
 		<div class="flex flex-row justify-between">
 			<!-- TODO: Zurück implementieren -->
@@ -284,7 +287,8 @@ import LoginDialog from "#components/LoginDialog.svelte";
 			<div class="flex flex-row gap-4">
 				<!-- TODO: Speichern implementieren -->
 				<button class="btn btn-secondary mt-4">Speichern</button>
-				<button class="btn btn-secondary mt-4">Zum Kaufabschluss</button>
+				<button class="btn btn-secondary mt-4">Zum Kaufabschluss</button
+				>
 			</div>
 		</div>
 	</form>
--- a/src/modules/VerbrauchsausweisWohnen/AusweisWeiter.svelte
+++ b/src/modules/VerbrauchsausweisWohnen/AusweisWeiter.svelte
@@ -1,15 +1,17 @@
 <script lang="ts">
-	import { BenutzerClient, GebaeudeClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
+	import { BenutzerClient, GebaeudeAufnahmeClient, GebaeudeClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
 	import { addNotification, updateNotification } from "@ibcornelsen/ui";
-	import { validateAccessTokenClient } from "../../client/lib/validateAccessToken";
-	import { client } from "src/trpc";
+	import { validateAccessTokenClient } from "../../client/lib/validateAccessToken.js";
+	import { client } from "src/trpc.js";
 	import EmbeddedAuthFlowModule from "#modules/EmbeddedAuthFlowModule.svelte";
 	import Overlay from "#components/Overlay.svelte";
+	import { verbrauchsausweisWohnenSpeichern } from "#client/lib/verbrauchsausweisWohnenSpeichern.js";

 	export let gebaeude: GebaeudeClient;
 	export let images: UploadedGebaeudeBild[];
 	export let ausweis: VerbrauchsausweisWohnenClient;
 	export let user: BenutzerClient;
+	export let gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient;

 	async function bilderHochladen() {
 		// Alle Bilder hochladen
@@ -82,16 +84,24 @@
 		} else {
 			// Wir speichern den Ausweis ab und leiten auf die "ausweis-gespeichert" Seite weiter.
 			try {
-				const response = await client.v1.verbrauchsausweisWohnen[2016].erstellen.mutate({
-					ausweis,
-					gebaeude
-				})
-				ausweis.uid = response.uid;
-				gebaeude.uid = response.gebaeude_uid;
+				const response = await verbrauchsausweisWohnenSpeichern(ausweis,
+				gebaeude,
+				gebaeude_aufnahme_allgemein,
+				images,
+				user)

-				await bilderHochladen();
+				if (response !== null) {
+					await bilderHochladen();
+					// Falls der Nutzer zurück navigiert, sollte er wieder auf seinen Vorgang kommen.
+					// Sonst müsste er alles neu eingeben...
+					ausweis.uid = response.uid;
+					gebaeude.uid = response.gebaeude_uid;
+					gebaeude_aufnahme_allgemein.uid = response.gebaeude_aufnahme_uid;
+					
+					return true
+				}

-				return true;
+				return false;
 			} catch (e: any) {
 				await client.v1.tickets.erstellen.mutate({
 					titel: "Ausweis konnte nicht gespeichert werden",
@@ -121,6 +131,11 @@
 		const result = await ausweisSpeichern();

 		if (result === true) {
+			window.history.pushState(
+				{},
+				"",
+				`${location.pathname}?uid=${ausweis.uid}`
+			);
 			window.location.href = `/kundendaten?uid=${ausweis.uid}`;
 		}
 	}
@@ -134,4 +149,4 @@
 	</div>
 </Overlay>

-<button type="submit" class="button">Weiter</button>
+<button on:click={ausweisAbschicken} class="button">Weiter</button>
--- a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
+++ b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
@@ -55,6 +55,8 @@
 		UploadedGebaeudeBild,
 	} from "#components/Ausweis/types.js";
 	import { verbrauchsausweisWohnenSpeichern } from "src/client/lib/verbrauchsausweisWohnenSpeichern.js";
+	import AusweisWeiter from "./AusweisWeiter.svelte";
+	import { Enums } from "@ibcornelsen/database/client";

 	// TODO: Vom Server sollte ein volles Objekt kommen, dass alle Subobjekte enthält, weil es sonst zu Problemen führen kann
 	// wenn gebaeude_aufnahme_allgemein oder gebaeude_stammdaten nicht existiert...
@@ -99,6 +101,11 @@
 		gebaeude_aufnahme_allgemein.baujahr_heizung = [1952];
 		gebaeude_aufnahme_allgemein.saniert = true;
 		gebaeude_aufnahme_allgemein.einheiten = 1;
+		gebaeude_aufnahme_allgemein.gebaeudetyp = "Einfamilienhaus"
+		gebaeude_aufnahme_allgemein.keller = Enums.Heizungsstatus.NICHT_VORHANDEN
+		gebaeude_aufnahme_allgemein.dachgeschoss = Enums.Heizungsstatus.NICHT_VORHANDEN
+		gebaeude_aufnahme_allgemein.lueftung = "Fensterlüftung"
+		gebaeude_aufnahme_allgemein.kuehlung = "1"
 		ausweis.ausstellgrund = "Vermietung";
 		ausweis.verbrauch_1 = 15000;
 		ausweis.verbrauch_2 = 14000;
@@ -106,10 +113,11 @@
 		gebaeude_aufnahme_allgemein.flaeche = 152;
 		gebaeude_aufnahme_allgemein.nutzflaeche = 172;
 		ausweis.keller_beheizt = true;
+		
 		gebaeude_aufnahme_allgemein.brennstoff_1 = "Erdgas H";
 		ausweis.einheit_1 = "kWh";
 		ausweis.anteil_warmwasser_1 = 18;
-		ausweis.startdatum = moment("01.01.2019").toDate();
+		ausweis.startdatum = moment("01.01.2021").toDate();
 		gebaeude_aufnahme_allgemein.plz = "21039";
 		gebaeude_aufnahme_allgemein.ort = "Hamburg";
 		gebaeude_aufnahme_allgemein.adresse = "Curslacker Deich 170";
@@ -197,7 +205,7 @@



-<form on:submit={ausweisAbschicken} name="ausweis" data-test="ausweis">
+<form data-test="ausweis">
 	<div id="formular-box" class="formular-boxen ring-0">


@@ -313,28 +321,274 @@


 	</div>
-</form>
-
-<div
+	<div
 class="w-full px-4 mt-5 grid gap-x-4 gap-y-2
 grid-cols-1
 xs:grid-cols-2"
 >

 <div class="md:justify-self-start">
-	<button 
-		type="submit" 
-		class="button"
-		>
-		Weiter
-	</button>
+	<AusweisWeiter bind:ausweis bind:images bind:user bind:gebaeude bind:gebaeude_aufnahme_allgemein></AusweisWeiter>
 	
 </div>

 <div class="md:justify-self-end"><Hilfe />
 </div>
 </div>
+</form>

+<RawNotificationWrapper>
+	{#each Object.entries($notifications) as [uid, notification] (uid)}
+		<RawNotification notification={{ ...notification, uid }}>
+			{@html notification.subtext}
+		</RawNotification>
+	{/each}
+
+	{#if auditBedarfsausweisBenoetigt(ausweis, gebaeude_aufnahme_allgemein)}
+		<RawNotification
+			notification={{
+				message: "Bedarfsausweis benötigt!",
+				timeout: 0,
+				uid: "BEDARFSAUSWEIS",
+				dismissable: false,
+				type: "info",
+			}}
+		>
+			Sie benötigen einen Bedarfsausweis. <a href="/bedarfsausweis"
+				>Bitte führen Sie hier Ihre Eingabe für den Bedarfsausweis fort</a
+			>.
+		</RawNotification>
+	{/if}
+
+	{#await auditPlzNichtErkannt(gebaeude_aufnahme_allgemein) then result}
+		{#if result}
+			<RawNotification
+				notification={{
+					message: "Plausibilitätsprüfung",
+					timeout: 0,
+					uid: "PLZ_NICHT_ERKANNT",
+					dismissable: false,
+					type: "warning",
+				}}
+			>
+				Die Postleitzahl konnte nicht zugeordnet werden. Bitte prüfen
+				Sie die Eingabe. Sollte die Postleitzahl korrekt eingegeben
+				sein, werden wir den Ort händisch zuordnen.
+			</RawNotification>
+		{/if}
+	{/await}
+
+	{#if auditHeizungGebaeudeBaujahr(gebaeude_aufnahme_allgemein)}
+		<RawNotification
+			notification={{
+				message: "Plausibilitätsprüfung",
+				timeout: 0,
+				uid: "HEIZUNG_GEBAEUDE_BAUJAHR",
+				dismissable: true,
+				onUserDismiss: () => {
+					hidden.add(AuditType.HEIZUNG_GEBAEUDE_BAUJAHR);
+					gebaeude_aufnahme_allgemein = gebaeude_aufnahme_allgemein;
+				},
+				type: "warning",
+			}}
+		>
+			Sie haben angegeben, dass ihre Heizung vor ihrem Gebäude konstruiert
+			wurde. Sind sie sich sicher, dass das stimmt?
+		</RawNotification>
+	{/if}
+
+	{#if auditHeizungJuengerDreiJahre(gebaeude_aufnahme_allgemein)}
+		<RawNotification
+			notification={{
+				message: "Plausibilitätsprüfung",
+				timeout: 0,
+				uid: "HEIZUNG_JUENGER_DREI_JAHRE",
+				dismissable: true,
+				onUserDismiss: () => {
+					hidden.add(AuditType.HEIZUNG_JUENGER_DREI_JAHRE);
+					gebaeude = gebaeude;
+				},
+				type: "warning",
+			}}
+		>
+			Ihre Heizungsanlage ist jünger als 3 Jahre. Für den
+			Verbrauchsausweis müssen Sie mindestens 3 Verbrauchsjahre eingeben
+			die den aktuellen Stand des Gebäudes abbilden. Ein Verbrauchsausweis
+			ist daher nicht möglich. Bitte klicken Sie
+			<a href="/bedarfsausweis">hier</a> um zum Eingabeformular für den Bedarfsausweis
+			zu gelangen.
+		</RawNotification>
+	{/if}
+
+	{#if auditZeitraumAktuell(ausweis, gebaeude)}
+		<RawNotification
+			notification={{
+				message: "Plausibilitätsprüfung",
+				timeout: 0,
+				uid: "ZEITRAUM_AKTUELL",
+				dismissable: true,
+				onUserDismiss: () => {
+					hidden.add(AuditType.ZEITRAUM_AKTUELL);
+					gebaeude = gebaeude;
+				},
+				type: "warning",
+			}}
+		>
+			Die Verbrauchszeiträume sind nicht aktuell genug. Das Ende des
+			letzten Verbrauchszeitraumes darf nicht mehr als 18 Monate
+			zurückliegen. Ein Verbrauchsausweis ist mit diesen Zeiträumen daher
+			nicht möglich. Bitte klicken Sie <a href="/bedarfsausweis">hier</a> um
+			zum Eingabeformular für den Bedarfsausweis zu gelangen.
+		</RawNotification>
+	{/if}
+
+	{#await auditKlimaFaktoren(ausweis, gebaeude) then result}
+		{#if result}
+			<RawNotification
+				notification={{
+					message: "Plausibilitätsprüfung",
+					timeout: 0,
+					uid: "KLIMA_FAKTOREN",
+					dismissable: true,
+					onUserDismiss: () => {
+						hidden.add(AuditType.KLIMA_FAKTOREN);
+						gebaeude = gebaeude;
+					},
+					type: "warning",
+				}}
+			>
+				Die Verbrauchszeiträume sind zu aktuell und es liegen noch keine
+				Klimafaktoren dazu vor. Bitte verschieben Sie die
+				Verbrauchszeiträume 1 Jahr nach hinten. Wenn das nicht möglich
+				ist, klicken Sie
+				<a href="/bedarfsausweis">hier</a> um zum Eingabeformular für den
+				Bedarfsausweis zu gelangen.
+			</RawNotification>
+		{/if}
+	{/await}
+
+	{#if auditWohnFlaeche(gebaeude_aufnahme_allgemein)}
+		<RawNotification
+			notification={{
+				message: "Plausibilitätsprüfung",
+				timeout: 0,
+				uid: "WOHN_FLAECHE",
+				dismissable: true,
+				onUserDismiss: () => {
+					hidden.add(AuditType.WOHN_FLAECHE);
+					gebaeude = gebaeude;
+				},
+				type: "warning",
+			}}
+		>
+			Die Wohnfläche ist viel zu klein. Bitte überprüfen Sie Ihre Eingabe
+			nochmal und stellen sicher, daß sich Ihre Angaben auf das gesamte
+			Gebäude beziehen.
+		</RawNotification>
+	{/if}
+
+	{#if auditWarmWasser(ausweis)}
+		<RawNotification
+			notification={{
+				message: "Plausibilitätsprüfung",
+				timeout: 0,
+				uid: "WARM_WASSER",
+				dismissable: true,
+				onUserDismiss: () => {
+					hidden.add(AuditType.WARM_WASSER);
+					gebaeude = gebaeude;
+				},
+				type: "warning",
+			}}
+		>
+			Bitte überprüfen Sie nochmal die Höhe des Warmwasseranteils. Dieser
+			scheint nicht ganz im Rahmen zu liegen.
+		</RawNotification>
+	{/if}
+
+	{#if auditLeerStand(gebaeude_aufnahme_allgemein)}
+		<RawNotification
+			notification={{
+				message: "Plausibilitätsprüfung",
+				timeout: 0,
+				uid: "LEER_STAND",
+				dismissable: true,
+				onUserDismiss: () => {
+					hidden.add(AuditType.LEER_STAND);
+					gebaeude = gebaeude;
+				},
+				type: "warning",
+			}}
+		>
+			Bei Leerstand größer als 30% darf kein Verbrauchsausweis ausgestellt
+			werden. Bitte klicken Sie <a href="/bedarfsausweis">hier</a> um zum Eingabeformular
+			für den Bedarfsausweis zu gelangen.
+		</RawNotification>
+	{/if}
+	
+	{#if auditVerbrauchAbweichung(ausweis, gebaeude_aufnahme_allgemein).length > 0}
+		<RawNotification
+			notification={{
+				message: "Plausibilitätsprüfung",
+				timeout: 0,
+				uid: "VERBRAUCH_ABWEICHUNG",
+				dismissable: true,
+				onUserDismiss: () => {
+					hidden.add(AuditType.VERBRAUCH_ABWEICHUNG);
+					gebaeude = gebaeude;
+				},
+				type: "warning",
+			}}
+		>
+			Die Abweichung der Verbräuche zwischen Zeitraum {auditVerbrauchAbweichung(
+				ausweis,
+				gebaeude_aufnahme_allgemein,
+			)[0]} und {auditVerbrauchAbweichung(ausweis, gebaeude_aufnahme_allgemein)[1]} beträgt mehr
+			als 30% und sie haben keinen Leerstand angegeben. Sind sie sich sicher,
+			dass das stimmt?
+		</RawNotification>
+	{/if}
+
+	{#await auditEndEnergie(ausweis, gebaeude, gebaeude_aufnahme_allgemein) then result}
+		{#if result}
+			<RawNotification
+				notification={{
+					message: "Plausibilitätsprüfung",
+					timeout: 0,
+					uid: "END_ENERGIE",
+					dismissable: true,
+					onUserDismiss: () => {
+						hidden.add(AuditType.END_ENERGIE);
+						gebaeude = gebaeude;
+					},
+					type: "warning",
+				}}
+			>
+				Die Endenergie liegt außerhalb des normalen Rahmens. Bitte
+				nochmal überprüfen. Bei Passivhäusern oder ganz alten
+				unsanierten Gebäuden ist so eine Abweichung durchaus möglich.
+			</RawNotification>
+		{/if}
+	{/await}
+
+	{#if auditWohnflaecheGroesserGesamtflaeche(gebaeude_aufnahme_allgemein)}
+		<RawNotification
+			notification={{
+				message: "Plausibilitätsprüfung",
+				timeout: 0,
+				uid: "WOHNFLAECHE_GROESSER_GESAMTFLAECHE",
+				dismissable: true,
+				onUserDismiss: () => {
+					hidden.add(AuditType.WOHNFLAECHE_GROESSER_GESAMTFLAECHE);
+					gebaeude = gebaeude;
+				},
+				type: "warning",
+			}}
+		>
+			Die Wohnfläche darf nicht größer als die Nutzfläche sein.
+		</RawNotification>
+	{/if}
+</RawNotificationWrapper>

 <style lang="scss">
 </style>