Dashboard, Types und Formular

src/components/Ausweis/types.ts

@@ -19,9 +19,9 @@ export type UploadedGebaeudeBild = Omit<
  * @export
  * @typedef {VerbrauchsausweisWohnenClient}
  */
-export type VerbrauchsausweisWohnenClient = inferProcedureInput<
-	AppRouter["v1"]["verbrauchsausweisWohnen"]["2016"]["speichern"]
->["ausweis"];
+export type VerbrauchsausweisWohnenClient = inferProcedureOutput<
+AppRouter["v1"]["verbrauchsausweisWohnen"]["get"]
+>;
 
 /**
  * Das ist der Typescript Type für den Verbrauchsausweis Gewerbe mit allen Feldern die
@@ -63,12 +63,13 @@ export type BedarfsausweisWohnenClient = inferProcedureInput<
  * @export
  * @typedef {GebaeudeClient}
  */
-export type GebaeudeClient = inferProcedureInput<
-	AppRouter["v1"]["verbrauchsausweisWohnen"]["2016"]["speichern"]
->["gebaeude"];
+export type GebaeudeClient = inferProcedureOutput<
+	AppRouter["v1"]["verbrauchsausweisWohnen"]["get"]
+>["gebaeude_aufnahme_allgemein"]["gebaeude_stammdaten"];
 
-export type GebaeudeAufnahmeClient = inferProcedureInput<
-	AppRouter["v1"]["verbrauchsausweisWohnen"]["2016"]["speichern"]
+
+export type GebaeudeAufnahmeClient = inferProcedureOutput<
+	AppRouter["v1"]["verbrauchsausweisWohnen"]["get"]
 >["gebaeude_aufnahme_allgemein"];
 
 export type BenutzerClient = inferProcedureOutput<AppRouter["v1"]["benutzer"]["fromPublicId"]>

src/components/Dashboard/DashboardAusweis.svelte

@@ -1,8 +1,6 @@
 <script lang="ts">
 	import {
-	GebaeudeAufnahmeClient,
-		GebaeudeClient,
-		VerbrauchsausweisWohnenClient,
+	VerbrauchsausweisWohnenClient,
 	} from "#components/Ausweis/types";
 	import moment from "moment";
 	import { dialogs } from "svelte-dialogs";
@@ -14,18 +12,15 @@
 		QuestionMarkCircled,
 	} from "radix-svelte-icons";
 	import { endEnergieVerbrauchVerbrauchsausweis_2016 } from "#lib/Berechnungen/VerbrauchsausweisWohnen/VerbrauchsausweisWohnen_2016";
-	import { GebaeudeBilder } from "@ibcornelsen/database/client";
-
-	export let ausweis: VerbrauchsausweisWohnenClient & {
-		gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient & {
-			gebaeude_stammdaten: GebaeudeClient & {
-				gebaeude_bilder: GebaeudeBilder[];
-			};
-		};
-	};
+	import { client } from "src/trpc";
+	import { verbrauchsausweisWohnenCalculateFormProgress } from "#lib/VerbrauchsausweisWohnen/calculateFormProgress";
+	import { number } from "zod";
+	
+	export let ausweis: VerbrauchsausweisWohnenClient;
+	export let progress: number;
 
 	async function ausweisStornieren() {
-		const result = dialogs.confirm({
+		const result = await dialogs.confirm({
 			title: "Ausweis Stornieren",
 			text: "Sind sie sich sicher, dass sie den Ausweis stornieren möchten? Diese Operation kann nicht rückgängig gemacht werden!",
 			confirmButtonText: "Ausweis Stornieren",
@@ -39,20 +34,37 @@
 			footerClass: "bg-base-100 justify-center gap-4 mt-4",
 		});
 
-		// TODO: Ausweis Stornieren falls result == true
+		if (result === true) {
+			await client.v1.verbrauchsausweisWohnen.stornieren.mutate({
+				uid: ausweis.uid
+			})
+
+			ausweis.gebaeude_aufnahme_allgemein.storniert = true;
+			ausweis = ausweis;
+
+			dialogs.alert({
+				title: "Ausweis Storniert",
+				text: "Der Ausweis wurde erfolgreich storniert.",
+				dismissButtonText: "Schließen",
+				dismissButtonClass: "btn btn-primary",
+				dialogClass: "modal-box",
+				headerClass: "bg-base-100 text-center",
+				titleClass: "text-base-content text-xl font-medium",
+				dividerClass: "hidden",
+				footerClass: "bg-base-100 justify-center gap-4 mt-4",
+			});
+		}
 	}
 
 	let hilfeModal: HTMLDialogElement;
 </script>
 
 <div class="card lg:card-side bg-base-200 card-bordered border-base-300">
-	<!-- 
-		TODO: Storniert Feld hinzufügen
-		{#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-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>
-	{/if} -->
+	{#if ausweis.gebaeude_aufnahme_allgemein.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-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>
+	{/if}
 	<figure class="lg:w-1/2">
 		<img
 			src={(ausweis.gebaeude_aufnahme_allgemein.gebaeude_stammdaten.gebaeude_bilder && `/bilder/${ausweis.gebaeude_aufnahme_allgemein.gebaeude_stammdaten.gebaeude_bilder[0]?.uid}.webp`) || "/images/placeholder.jpg"}
@@ -85,16 +97,29 @@
 			</ul>
 		</div>
 		<div class="flex flex-row flex-wrap gap-2">
+			{#if ausweis.ausweisart == "VerbrauchsausweisWohnen"}
 			<div class="badge badge-accent font-semibold">
-				Verbrauchsausweis
+				Verbrauchsausweis Wohnen
 			</div>
+			{:else if ausweis.ausweisart == "BedarfsausweisWohnen"}
+			<div class="badge badge-accent font-semibold">
+				Bedarfsausweis Wohnen
+			</div>
+			{:else if ausweis.ausweisart == "VerbrauchsausweisGewerbe"}
+			<div class="badge badge-accent font-semibold">
+				Verbrauchsausweis Gewerbe
+			</div>
+			{/if}
+
+			{#if ausweis.erledigt}
 			<div class="badge badge-success font-semibold">Ausgestellt</div>
+			{/if}
 		</div>
 		<h2 class="card-title">{ausweis.gebaeude_aufnahme_allgemein.gebaeude_stammdaten.adresse}</h2>
 		<div class="mb-4 flex flex-row items-center gap-4">
-			<progress class="progress w-full" value="54" max="100"></progress>
+			<progress class="progress w-full" value={progress} max="100"></progress>
 			<!-- TODO: Metrics für den Fortschritt festlegen -->
-			<span class="text-sm font-semibold text-base-content">54%</span>
+			<span class="text-sm font-semibold text-base-content">{progress}%</span>
 		</div>
 		{#await endEnergieVerbrauchVerbrauchsausweis_2016(ausweis)}
 

src/components/ImageGrid.svelte

@@ -18,7 +18,7 @@
 			{#if image.kategorie == kategorie}
 				<div class="relative group">
 					<img
-						src={image.base64}
+						src="/bilder/{image.uid}.webp"
 						alt={kategorie}
 						class="h-full rounded-lg border-2 group-hover:contrast-50 object-cover transition-all"
 					/>

src/components/PlzSuche.svelte

@@ -6,7 +6,7 @@
 
 	export let name: string;
 	export let readonly: boolean = false;
-	export let city: string | null;
+	export let city: string | null | undefined;
 	export let zip: string | null = "";
 
 

src/lib/AusweisData.ts

@@ -1,18 +1,7 @@
-import { GebaeudeAufnahmeClient } from "#components/Ausweis/types";
-import { VerbrauchsausweisWohnen, Benutzer, GebaeudeStammdaten, Rechnungen, GebaeudeBilder } from "@ibcornelsen/database/client";
-
-export type AusweisData = VerbrauchsausweisWohnen & {
-	benutzer: Benutzer;
-	gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient & {
-		gebaeude_stammdaten: GebaeudeStammdaten & {
-			gebaeude_bilder: GebaeudeBilder[];
-		}
-	}
-	rechnungen: Rechnungen;
-};
+import { VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
 
 export function convertAusweisData(
-	inputs: AusweisData
+	inputs: VerbrauchsausweisWohnenClient
 ): Record<string, string> {
 	return {
 		"gebaeude_stammdaten.adresse": inputs.gebaeude_aufnahme_allgemein.adresse || "",

src/lib/VerbrauchsausweisWohnen/calculateFormProgress.ts

@@ -0,0 +1,64 @@
+import { VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
+
+type AusweisError = {
+	title: string,
+	description: string,
+	severity: "error" | "warning",
+	resolvehref?: string
+}
+
+/**
+ * Berechnet den Fortschritt im Formular anhand bestimmter Faktoren
+ * Gibt den Fortschritt in Prozent zurück.
+ * @param ausweis Der Verbrauchsausweis
+ * @returns Der Fortschritt in Prozent sowie ein Array mit gefundenen Fehlern
+ */
+export function verbrauchsausweisWohnenCalculateFormProgress(ausweis: VerbrauchsausweisWohnenClient): {
+	progress: number;
+	errors: AusweisError[];
+} {
+	let progress = 0;
+	const errors: AusweisError[] = [];
+
+	if (ausweis.erledigt) {
+		// Der Ausweis wurde ausgestellt, also ist der Fortschritt 100%
+		return {
+			progress: 100,
+			errors: []
+		};
+	} else if (ausweis.gebaeude_aufnahme_allgemein.storniert) {
+		// Der Ausweis wurde storniert, also ist der Fortschritt 0%
+		return {
+			progress: 0,
+			errors: []
+		};
+	}
+
+	if (ausweis.gebaeude_aufnahme_allgemein.baujahr_gebaeude.length === 0) {
+		errors.push({
+			title: "Fehlendes Baujahr",
+			description: "Eines ihrer Gebäude hat noch kein Baujahr angegeben. Beheben sie dies indem sie auf den untenstehenden Link klicken.",
+			severity: "warning",
+			resolvehref: `/energieausweis-erstellen/verbrauchsausweis-wohnen?uid=${ausweis.uid}`
+		});
+	
+	}
+
+	if (ausweis.gebaeude_aufnahme_allgemein.adresse) {
+		progress += 5;
+	}
+
+	if (ausweis.gebaeude_aufnahme_allgemein.ort) {
+		progress += 5;
+	}
+
+	if (ausweis.verbrauch_1 && ausweis.verbrauch_2 && ausweis.verbrauch_3) {
+		progress += 5;
+	}
+
+
+	return {
+		progress,
+		errors
+	};
+}

src/modules/Ausweise/VerbrauchsausweisWohnenModule.svelte

@@ -19,35 +19,39 @@
 	import Overlay from "#components/Overlay.svelte";
 	import AusweisGespeichertModule from "./AusweisGespeichertModule.svelte";
 	import { validateAccessTokenClient } from "src/client/lib/validateAccessToken";
-	import { UploadedGebaeudeBild, VerbrauchsausweisWohnenClient, GebaeudeClient, BenutzerClient, GebaeudeAufnahmeClient } from "#components/Ausweis/types";
+	import { VerbrauchsausweisWohnenClient, BenutzerClient } from "#components/Ausweis/types";
 	import { dialogs } from "svelte-dialogs";
 	import LoginDialog from "#components/LoginDialog.svelte";
+	import { exclude } from "#lib/exclude";
 			
-	export let gebaeude: GebaeudeClient = {} as GebaeudeClient;
-	export let gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient = {} as GebaeudeAufnahmeClient;
-	export let images: UploadedGebaeudeBild[] = [];
 	export let ausweis: VerbrauchsausweisWohnenClient = {} as VerbrauchsausweisWohnenClient;
 	export let user: BenutzerClient = {} as BenutzerClient;
 
+	let gebaeude_aufnahme_allgemein = ausweis.gebaeude_aufnahme_allgemein || {};
+	let gebaeude = ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten || {};
+	let images = ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten?.gebaeude_bilder || [];
+
 	async function bilderHochladen() {
 		if (images.length == 0) {
 			return;
 		}
 
+		const imagesToUpload = images.filter(image => !image.uid);
+
+		if (imagesToUpload.length == 0) {
+			return;
+		}
+
 		// Alle Bilder hochladen
 		const notification = addNotification({
 			dismissable: false,
 			message: "Bilder hochladen.",
-			subtext: `${images.length} Bilder werden hochgeladen, bitte haben sie Geduld.`,
+			subtext: `${imagesToUpload.length} Bilder werden hochgeladen, bitte haben sie Geduld.`,
 			timeout: 0,
 			type: "info"
 		})
-		for (let i = 0; i < images.length; i++) {
-			const image = images[i];
-			if (image.uid) {
-				// Bild wurde bereits hochgeladen, wir müssen es also nicht nochmal hochladen.
-				continue
-			}
+		for (let i = 0; i < imagesToUpload.length; i++) {
+			const image = imagesToUpload[i];
 
 			try {
 				const response = await client.v1.bilder.upload.mutate({
@@ -61,15 +65,15 @@
 				updateNotification(notification, {
 					dismissable: true,
 					message: "Bild hochgeladen.",
-					subtext: `${i + 1}/${images.length} Bildern wurden erfolgreich hochgeladen, bitte haben sie Geduld.`,
-					timeout: 4000
+					subtext: `${i + 1}/${imagesToUpload.length} Bildern wurden erfolgreich hochgeladen.`,
+					timeout: 3000
 				})
 			} catch (e) {
 				updateNotification(notification, {
 					dismissable: true,
 					message: "Bild konnte nicht hochgeladen werden.",
-					subtext: `Bild ${i + 1}/${images.length} konnte nicht hochgeladen werden, wir haben bereits ein Ticket erstellt und melden uns so schnell wie möglich bei ihnen.`,
-					timeout: 150000,
+					subtext: `Eines ihrer Bilder konnte nicht hochgeladen werden. Wir haben bereits ein Ticket erstellt und melden uns so schnell wie möglich bei ihnen.`,
+					timeout: 15000,
 					type: "error"
 				})
 			}
@@ -92,10 +96,17 @@
 			// Anscheinend wurde der Ausweis bereits erstellt und hat eine UID.
 			// Jetzt müssen wir ihn nun nur noch abspeichern.
 			try {
+				const gebaeudeBilderEntfernt = exclude(gebaeude, ["gebaeude_bilder"])
+				const gebaeudeAufnahmeGeneratedFieldsEntfernt = exclude(gebaeude_aufnahme_allgemein, ["erstellungsdatum"])
+				const ausweisGeneratedFieldsEntfernt = exclude(ausweis, ["ausweisart", "rechnungen"])
 				await client.v1.verbrauchsausweisWohnen[2016].speichern.mutate({
-					ausweis,
-					gebaeude,
-					gebaeude_aufnahme_allgemein
+					...ausweisGeneratedFieldsEntfernt,
+					gebaeude_aufnahme_allgemein: {
+						...gebaeudeAufnahmeGeneratedFieldsEntfernt,
+						gebaeude_stammdaten: {
+							...gebaeudeBilderEntfernt
+						}
+					}
 				})
 
 				await bilderHochladen();
@@ -108,9 +119,13 @@
 			// 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,
-					gebaeude_aufnahme_allgemein
+					...ausweis,
+					gebaeude_aufnahme_allgemein: {
+						...gebaeude_aufnahme_allgemein,
+						gebaeude_stammdaten: {
+							...gebaeude
+						}
+					}
 				})
 				ausweis.uid = response.uid;
 				gebaeude.uid = response.gebaeude_uid;

src/modules/Dashboard/DashboardAusweiseModule.svelte

@@ -1,60 +1,73 @@
 <script lang="ts">
-	import { BenutzerClient } from "#components/Ausweis/types";
+	import { BenutzerClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
 	import DashboardAusweis from "#components/Dashboard/DashboardAusweis.svelte";
 	import DashboardAusweisSkeleton from "#components/Dashboard/DashboardAusweisSkeleton.svelte";
+	import { verbrauchsausweisWohnenCalculateFormProgress } from "#lib/VerbrauchsausweisWohnen/calculateFormProgress";
 	import { client } from "src/trpc";
+	import { onMount } from "svelte";
 	export let user: BenutzerClient;
 
-	let ausweisRequest = client.v1.benutzer.getAusweise.query({
-		limit: 10
-	});
+	let ausweise: VerbrauchsausweisWohnenClient[] | null = null;
+
+	let ausweisUeberpruefung: ReturnType<typeof verbrauchsausweisWohnenCalculateFormProgress>[] = [];
+	let errorCount = 0;
+
+	onMount(async () => {
+		ausweise = await client.v1.verbrauchsausweisWohnen.getMany.query({
+			limit: 10
+		});
+
+		if (!ausweise) return;
+
+		ausweisUeberpruefung = ausweise.map(ausweis => verbrauchsausweisWohnenCalculateFormProgress(ausweis));
+
+		errorCount = ausweisUeberpruefung.reduce((acc, { errors }) => acc + errors.length, 0);
+	})
+
+	
 </script>
 
+{#if errorCount > 0}
 <h1 class="text-4xl font-medium my-8">Wichtiges</h1>
 
-<div class="flex flex-row gap-4">
-	<div class="card w-96 card-bordered bg-base-200 border-base-300">
-		<div class="card-body">
-			<div class="badge badge-warning font-semibold">Warnung!</div>
-			<h2 class="card-title">Gebäudebilder</h2>
-			<p>Wir haben festgestellt, dass die Bilder für eines ihrer Gebäude nicht ganz den Anforderungen entsprechen, beheben sie das Problem, damit der Fehler so schnell wie möglich behoben werden kann.</p>
-			<div class="card-actions justify-end">
-				<a class="btn btn-primary">Beheben</a>
+<div class="flex flex-row gap-4 overflow-x-auto">
+	{#each ausweisUeberpruefung as { errors }}
+		{#if errors.length > 0}
+			<div class="card w-96 card-bordered bg-base-200 border-base-300">
+				<div class="card-body">
+					<div class="badge font-semibold" class:badge-warning={errors[0].severity == "warning"} class:badge-error={errors[0].severity == "error"}>{errors[0].severity == "error" ? "Achtung!" : "Wichtig!"}</div>
+					<h2 class="card-title">{errors[0].title}</h2>
+					<p>{errors[0].description}</p>
+					{#if errors[0].resolvehref}
+					<div class="card-actions justify-end">
+						<a class="btn btn-primary" href={errors[0].resolvehref}>Beheben</a>
+					</div>
+					{/if}
+				</div>
 			</div>
-		</div>
-	</div>
-	<div class="card w-96 card-bordered bg-base-200 border-base-300">
-		<div class="card-body">
-			<div class="badge badge-error font-semibold">Fehler!</div>
-			<h2 class="card-title">Daten</h2>
-			<p>Der Ausweis für <strong>Curslacker Deich 170</strong> hat unvollständige Daten oder die gegebenen Daten sind fehlerhaft, bitte beheben sie das Problem, damit der Ausweis so schnell wie möglich ausgestellt werden kann.</p>
-			<div class="card-actions justify-end">
-				<a class="btn btn-primary">Beheben</a>
-			</div>
-		</div>
-	</div>
+		{/if}
+	{/each}
 </div>
+{/if}
 
 <h1 class="text-4xl font-medium my-8">Ihre Ausweise</h1>
 	
 <div class="grid xl:grid-cols-2 grid-cols-1 gap-4">
 
-	{#await ausweisRequest}
+	{#if ausweise === null}
 		<DashboardAusweisSkeleton></DashboardAusweisSkeleton>
-		<DashboardAusweisSkeleton></DashboardAusweisSkeleton>
-		
-	{:then ausweise}
+	{:else}
 		{#if ausweise.length == 0}
 			<div class="">
 				<h1 class="text-2xl">Es konnten keine Ausweise gefunden werden.</h1>
 				<p>Erstellen sie einen Verbrauchsausweis für ihr Wohngebäude <a href="/energieausweis-erstellen/verbrauchsausweis-wohnen">hier</a></p>
 			</div>
 		{:else}
-			{#each ausweise as ausweis}
-				<DashboardAusweis {ausweis}></DashboardAusweis>
+			{#each ausweise as ausweis, i}
+				<DashboardAusweis progress={ausweisUeberpruefung[i]?.progress || 0} {ausweis}></DashboardAusweis>
 			{/each}
 		{/if}
-	{/await}
+	{/if}
 
 </div>
 

src/modules/Dashboard/UserModule.svelte

@@ -2,10 +2,11 @@
 	import { BenutzerClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
 	import DashboardAusweis from "#components/Dashboard/DashboardAusweis.svelte";
 	import DashboardAusweisSkeleton from "#components/Dashboard/DashboardAusweisSkeleton.svelte";
+	import { verbrauchsausweisWohnenCalculateFormProgress } from "#lib/VerbrauchsausweisWohnen/calculateFormProgress";
 	export let user: BenutzerClient;
 	export let ausweise: VerbrauchsausweisWohnenClient[];
 
-	console.log(ausweise);
+	const ausweisUeberpruefung = ausweise.map(ausweis => verbrauchsausweisWohnenCalculateFormProgress(ausweis));
 	
 </script>
 
@@ -41,8 +42,9 @@
 	{#if ausweise.length == 0}
 		
 	{:else}
-		{#each ausweise as ausweis}
-			<DashboardAusweis {ausweis}></DashboardAusweis>
+		{#each ausweise as ausweis, i}
+		{console.log(ausweis, i)}
+			<DashboardAusweis progress={ausweisUeberpruefung[i].progress} {ausweis}></DashboardAusweis>
 		{/each}
 	{/if}
 

src/modules/KaufabschlussModule.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-	import HelpLabel from "#components/HelpLabel.svelte";
 	import ZipSearch from "../components/PlzSuche.svelte";
 	import Label from "../components/Label.svelte";
 	import type {
@@ -15,12 +14,12 @@
 	import type { inferProcedureInput } from "@trpc/server";
 	import type { AppRouter } from "@ibcornelsen/api";
 	import CheckoutItem from "#components/CheckoutItem.svelte";
+	import { BenutzerClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
 
-	export let user: Benutzer;
+	export let user: BenutzerClient;
 	export let ausweis:
-		| VerbrauchsausweisWohnen
-		| BedarfsausweisWohnen
-		| VerbrauchsausweisGewerbe;
+		| VerbrauchsausweisWohnenClient;
+	// TODO: überarbeiten und zu inferProcedureOutput machen
 	let rechnung: inferProcedureInput<
 		AppRouter["v1"]["rechnungen"]["erstellen"]
 	> = {};
@@ -53,7 +52,7 @@
 	];
 
 	export let selectedPaymentType: Bezahlmethoden =
-		Enums.Bezahlmethoden.PAYPAL;
+		Enums.Bezahlmethoden.paypal;
 
 	let agbAkzeptiert: boolean;
 	let datenschutzAkzeptiert: boolean;

src/modules/KundendatenModule.svelte

@@ -1,19 +1,12 @@
 <script lang="ts">
 	import ProgressBar from "#components/Ausweis/Progressbar.svelte";
 	import type {
-		BedarfsausweisWohnen,
-		Benutzer,
 		Bezahlmethoden,
-		VerbrauchsausweisGewerbe,
-		VerbrauchsausweisWohnen,
 	} from "@ibcornelsen/database/client";
 	import { Enums } from "@ibcornelsen/database/client";
 
-	export let user: Benutzer;
-	export let ausweis:
-		| VerbrauchsausweisWohnen
-		| BedarfsausweisWohnen
-		| VerbrauchsausweisGewerbe;
+	export let user: BenutzerClient;
+	export let ausweis: VerbrauchsausweisWohnenClient;
 
 	let services = [
 		{
@@ -46,6 +39,7 @@
 		Enums.Bezahlmethoden.paypal;
 
 	import { PRICES } from "#lib/constants";
+	import { BenutzerClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
 
 	const prices = PRICES[ausweis.ausweisart];
 

src/pages/energieausweis-erstellen/verbrauchsausweis-wohnen/index.astro

@@ -2,69 +2,29 @@
 
 import AusweisLayout from "#layouts/AusweisLayout.astro";
 import VerbrauchsausweisWohnenModule from "#modules/Ausweise/VerbrauchsausweisWohnenModule.svelte";
-import { prisma } from "@ibcornelsen/database/server";
-import { exclude } from "#lib/exclude";
-import { UploadedGebaeudeBild, VerbrauchsausweisWohnenClient, GebaeudeClient, BenutzerClient, GebaeudeAufnahmeClient } from "#components/Ausweis/types";
+import { UploadedGebaeudeBild, VerbrauchsausweisWohnenClient, GebaeudeClient, GebaeudeAufnahmeClient } from "#components/Ausweis/types";
 import { createCaller } from "#lib/caller";
-import { API_UID_COOKIE_NAME } from "#lib/constants";
 
 const uid = Astro.url.searchParams.get("uid");
 let ausweis: VerbrauchsausweisWohnenClient = {} as VerbrauchsausweisWohnenClient;
-let gebaeude: GebaeudeClient = {} as GebaeudeClient;
-let gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient = {} as GebaeudeAufnahmeClient;
-let images: UploadedGebaeudeBild[] = [];
+
+const caller = createCaller(Astro);
 
 if (uid) {
-	const request = await prisma.verbrauchsausweisWohnen.findUnique({
-		where: { uid },
-		include: {
-			gebaeude_aufnahme_allgemein: {
-				include: {
-					gebaeude_stammdaten: {
-						include: {
-							gebaeude_bilder: true
-						}
-					}
-				}
-			}
-		}
+	ausweis = await caller.v1.verbrauchsausweisWohnen.get({
+		uid: uid
 	})
 
-	if (request) {
-		images = (await Promise.all(request.gebaeude_aufnahme_allgemein.gebaeude_stammdaten.gebaeude_bilder.map(async bild => {
-			try {
-				const response = await createCaller(Astro).v1.bilder.getBase64({uid: bild.uid});
-				return {
-					base64: `data:image/webp;charset=utf-8;base64, ${response.base64}`,
-					uid: bild.uid,
-					kategorie: bild.kategorie
-				}
-			} catch (error) {
-				return null
-			}
-		}))).filter(x => x !== null) as UploadedGebaeudeBild[];
-
-		let { gebaeude_aufnahme_allgemein: {
-			gebaeude_stammdaten: { gebaeude_bilder, ...request_gebaeude_stammdaten },
-			...request_gebaeude_aufnahme_allgemein
-		}, ...request_ausweis } = request;
-
-		ausweis = exclude(request_ausweis, ["id", "gebaeudeaufnahme_allgemein_id", "ausweisart", "benutzer_id", "rechnungen_id"]) satisfies VerbrauchsausweisWohnenClient;
-		gebaeude = exclude(request_gebaeude_stammdaten, ["id", "benutzer_id"]) satisfies GebaeudeClient;
-		gebaeude_aufnahme_allgemein = exclude(request_gebaeude_aufnahme_allgemein, ["id", "gebaeude_stammdaten_id"]) satisfies GebaeudeAufnahmeClient;
+	if (!ausweis) {
+		// Der Ausweis scheint nicht zu existieren.
+		// Wir leiten auf die generische Ausweisseite ohne UID weiter.
+		return Astro.redirect("/energieausweis-erstellen/verbrauchsausweis-wohnen");
 	}
 }
 
-const benutzerUid = Astro.cookies.get(API_UID_COOKIE_NAME).value
-let user: BenutzerClient = {} as BenutzerClient;
-if (benutzerUid) {
-	user = await createCaller(Astro).v1.benutzer.fromPublicId({
-		uid: benutzerUid
-	})
-}
-
+const user = await caller.v1.benutzer.self();
 ---
 
 <AusweisLayout title="Verbrauchsausweis erstellen">
-	<VerbrauchsausweisWohnenModule client:load images={images} ausweis={ausweis} gebaeude={gebaeude} />
+	<VerbrauchsausweisWohnenModule client:load ausweis={ausweis} />
 </AusweisLayout>

src/pages/kaufabschluss.astro

@@ -4,6 +4,7 @@ import KaufabschlussModule from "#modules/KaufabschlussModule.svelte";
 import AusweisLayout from "#layouts/AusweisLayout.astro";
 import { Benutzer, Enums } from "@ibcornelsen/database/client";
 import { prisma } from "@ibcornelsen/database/server";
+import { createCaller } from "#lib/caller";
 
 // Man sollte nur auf diese Seite kommen, wenn ein Ausweis bereits vorliegt und in der Datenbank abgespeichert wurde.
 const uidAusweis = Astro.url.searchParams.get("uid");
@@ -18,24 +19,20 @@ if (!uid) {
 	return Astro.redirect("/401");
 }
 
-const user = await prisma.benutzer.findUnique({
-	where: {
-		uid
-	},
-}) as Benutzer;
+const caller = createCaller(Astro);
 
-const ausweis = await prisma.verbrauchsausweisWohnen.findUnique({
-	where: {
-		uid: uidAusweis,
-	},
-});
+const ausweis = await caller.v1.verbrauchsausweisWohnen.get({
+	uid: uidAusweis
+})
 
-if (!ausweis) {
+const user = await caller.v1.benutzer.self();
+
+if (!ausweis || !user) {
 	return Astro.redirect("/404");
 }
 ---
 
 <AusweisLayout title="Kundendaten Aufnehmen - IBCornelsen">
-	<KaufabschlussModule user={user} ausweis={ausweis} selectedPaymentType={Enums.Bezahlmethoden.PAYPAL} client:load></KaufabschlussModule>
+	<KaufabschlussModule user={user} ausweis={ausweis} selectedPaymentType={Enums.Bezahlmethoden.paypal} client:load></KaufabschlussModule>
 </AusweisLayout>
 

src/pages/kundendaten.astro

@@ -2,8 +2,8 @@
 
 import KundendatenModule from "#modules/KundendatenModule.svelte";
 import AusweisLayout from "#layouts/AusweisLayout.astro";
-import { Benutzer, Enums } from "@ibcornelsen/database/client";
-import { prisma } from "@ibcornelsen/database/server";
+import { Enums } from "@ibcornelsen/database/client";
+import { createCaller } from "#lib/caller";
 
 // Man sollte nur auf diese Seite kommen, wenn ein Ausweis bereits vorliegt und in der Datenbank abgespeichert wurde.
 const uidAusweis = Astro.url.searchParams.get("uid");
@@ -18,24 +18,20 @@ if (!uid) {
 	return Astro.redirect("/401");
 }
 
-const user = await prisma.benutzer.findUnique({
-	where: {
-		uid
-	},
-}) as Benutzer;
+const caller = createCaller(Astro);
 
-const ausweis = await prisma.verbrauchsausweisWohnen.findUnique({
-	where: {
-		uid: uidAusweis,
-	},
-});
+const ausweis = await caller.v1.verbrauchsausweisWohnen.get({
+	uid: uidAusweis
+})
 
-if (!ausweis) {
+const user = await caller.v1.benutzer.self();
+
+if (!ausweis || !user) {
 	return Astro.redirect("/404");
 }
 ---
 
 <AusweisLayout title="Kundendaten Aufnehmen - IBCornelsen">
-	<KundendatenModule user={user} ausweis={ausweis} selectedPaymentType={Enums.Bezahlmethoden.PAYPAL} client:load></KundendatenModule>
+	<KundendatenModule user={user} ausweis={ausweis} selectedPaymentType={Enums.Bezahlmethoden.paypal} client:load></KundendatenModule>
 </AusweisLayout>
 

src/pages/pdf/ansichtsausweis.astro

@@ -1,22 +1,18 @@
 ---
-import {
-	GebaeudeStammdaten,
-	VerbrauchsausweisWohnen,
-	prisma,
-} from "@ibcornelsen/database/server";
 import { generate } from "@pdfme/generator";
-
 import VerbrauchsausweisWohnen2016Template from "../../data/templates/verbrauchsausweis-wohnen-2016.json";
 import { convertAusweisData } from "#lib/AusweisData";
 import { variable } from "#lib/pdf/plugins/variables";
 import { text, image } from "@pdfme/schemas"
+import { createCaller } from "#lib/caller";
+import { VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
 
 const base64 = Astro.url.searchParams.get("base64");
-let ausweis: (Partial<VerbrauchsausweisWohnen> & { gebaeude_stammdaten: Partial<GebaeudeStammdaten> }) | null = null;
+let ausweis: VerbrauchsausweisWohnenClient | null = null;
 if (base64) {
 	const buffer = Buffer.from(base64, "base64");
 	const json = buffer.toString("utf-8");
-	ausweis = JSON.parse(json);
+	ausweis = JSON.parse(json) as VerbrauchsausweisWohnenClient;
 } else {
 	const uidAusweis = Astro.url.searchParams.get("ausweis_uid");
 
@@ -24,22 +20,11 @@ if (base64) {
 		return Astro.redirect("/404");
 	}
 
-	ausweis = await prisma.verbrauchsausweisWohnen.findUnique({
-		where: {
-			uid: uidAusweis,
-		},
-		include: {
-			gebaeude_aufnahme_allgemein: {
-				include: {
-					gebaeude_stammdaten: {
-						include: {
-							gebaeude_bilder: true
-						}
-					},
-				}
-			},
-		},
-	});
+	const caller = createCaller(Astro);
+
+	ausweis = await caller.v1.verbrauchsausweisWohnen.get({
+		uid: uidAusweis
+	})
 }
 
 if (!ausweis) {

src/pages/pdf/datenblatt.astro

@@ -1,26 +1,18 @@
 ---
-import {
-	GebaeudeStammdaten,
-	VerbrauchsausweisWohnen,
-	prisma,
-} from "@ibcornelsen/database/server";
 import { generate } from "@pdfme/generator";
-
 import VerbrauchsausweisWohnen2016Template from "../../data/templates/verbrauchsausweis-wohnen-2016.json";
 import { convertAusweisData } from "#lib/AusweisData";
 import { variable } from "#lib/pdf/plugins/variables";
 import { text, image } from "@pdfme/schemas"
+import { VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
+import { createCaller } from "#lib/caller";
 
 const base64 = Astro.url.searchParams.get("base64");
-let ausweis:
-	| (Partial<VerbrauchsausweisWohnen> & {
-			gebaeude_stammdaten: Partial<GebaeudeStammdaten>;
-	  })
-	| null = null;
+let ausweis: VerbrauchsausweisWohnenClient | null = null;
 if (base64) {
 	const buffer = Buffer.from(base64, "base64");
 	const json = buffer.toString("utf-8");
-	ausweis = JSON.parse(json);
+	ausweis = JSON.parse(json) as VerbrauchsausweisWohnenClient;
 } else {
 	const uidAusweis = Astro.url.searchParams.get("ausweis_uid");
 
@@ -28,14 +20,11 @@ if (base64) {
 		return Astro.redirect("/404");
 	}
 
-	ausweis = await prisma.verbrauchsausweisWohnen.findUnique({
-		where: {
-			uid: uidAusweis,
-		},
-		include: {
-			gebaeude_stammdaten: true,
-		},
-	});
+	const caller = createCaller(Astro);
+
+	ausweis = await caller.v1.verbrauchsausweisWohnen.get({
+		uid: uidAusweis
+	})
 }
 
 if (!ausweis) {