Merge remote-tracking branch 'origin/UMBE' into UMBE

Makefile

@@ -1,9 +1,9 @@
-.PHONY: dev database api online-energieausweis all prod bun-install-database bun-install-api
+.PHONY: dev database online-energieausweis all prod bun-install-database # api bun-install-api
 
 online-energieausweis:
 	bun run dev --host
 
-dev: online-energieausweis api database
+dev: database online-energieausweis # api
 
 database:
 	$(MAKE) -C ../database dev
@@ -13,19 +13,19 @@ bun-install-database:
 	bun link
 	bun install
 
-bun-install-api: bun-install-database
-	cd ../api
-	bun install
-	bun link @ibcornelsen/database
+# bun-install-api: bun-install-database
+# 	cd ../api
+# 	bun install
+# 	bun link @ibcornelsen/database
 
-api:
-	$(MAKE) -C ../api dev
+# api:
+# 	$(MAKE) -C ../api dev
 
 all:
 	mkdir -p ~/logs
 	bun run dev 2>&1 | tee ~/logs/`date '+%d-%m-%Y_%H:%M:%S'`.log
 
-prod: bun-install-api bun-install-database
+prod: bun-install-database # bun-install-api
 	mkdir -p ~/logs
 	mkdir -p ~/persistent/online-energieausweis
 	
@@ -37,11 +37,11 @@ prod: bun-install-api bun-install-database
 	fi
 	
 # Auch die API sollte bereits laufen
-	@if [ $$(pm2 pid api) -eq "0" ]; then \
-		cd ../api; \
-		$(MAKE) prod; \
-		cd ../online-energieausweis; \
-	fi
+# @if [ $$(pm2 pid api) -eq "0" ]; then \
+# 	cd ../api; \
+# 	$(MAKE) prod; \
+# 	cd ../online-energieausweis; \
+# fi
 
 	- rm -f ~/online-energieausweis/.env;
 	- touch ~/online-energieausweis/.env;

bun.lock

@@ -8,7 +8,6 @@
         "@astrojs/node": "^8.3.4",
         "@astrojs/svelte": "^2.2.0",
         "@astrojs/tailwind": "^3.1.3",
-        "@ibcornelsen/api": "link:@ibcornelsen/api",
         "@ibcornelsen/database": "link:@ibcornelsen/database",
         "@ibcornelsen/ui": "^0.0.2",
         "@mollie/api-client": "^4.1.0",
@@ -18,7 +17,7 @@
         "@trpc/client": "^10.45.2",
         "@trpc/server": "^10.45.2",
         "astro": "^4.16.17",
-        "astro-typesafe-api": "^0.2.1",
+        "astro-typesafe-api": "^0.2.2",
         "body-scroll-lock": "^4.0.0-beta.0",
         "buffer": "^6.0.3",
         "bun": "^1.1.45",
@@ -255,8 +254,6 @@
 
     "@humanwhocodes/object-schema": ["@humanwhocodes/object-schema@1.2.1", "", {}, "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA=="],
 
-    "@ibcornelsen/api": ["@ibcornelsen/api@link:@ibcornelsen/api", {}],
-
     "@ibcornelsen/database": ["@ibcornelsen/database@link:@ibcornelsen/database", {}],
 
     "@ibcornelsen/ui": ["@ibcornelsen/ui@0.0.2", "", { "dependencies": { "@astrojs/svelte": "^2.1.1", "cookiejs": "^2.1.2", "knex": "^2.4.2", "moment": "^2.29.4", "svelte": "^3.54.0", "svelte-preprocess": "^5.0.1", "tailwindcss": "^3.0.24", "uuid": "^9.0.0", "zod": "^3.21.4" } }, "sha512-TF29f0uY6MqxQszEySKRI5RJa1FmHCqaY5SjcIJjbI/9MjUL3tB/u9m+o7t/SpzPRNT419/HMdXSo7uOATX2Aw=="],
@@ -659,7 +656,7 @@
 
     "astro": ["astro@4.16.18", "", { "dependencies": { "@astrojs/compiler": "^2.10.3", "@astrojs/internal-helpers": "0.4.1", "@astrojs/markdown-remark": "5.3.0", "@astrojs/telemetry": "3.1.0", "@babel/core": "^7.26.0", "@babel/plugin-transform-react-jsx": "^7.25.9", "@babel/types": "^7.26.0", "@oslojs/encoding": "^1.1.0", "@rollup/pluginutils": "^5.1.3", "@types/babel__core": "^7.20.5", "@types/cookie": "^0.6.0", "acorn": "^8.14.0", "aria-query": "^5.3.2", "axobject-query": "^4.1.0", "boxen": "8.0.1", "ci-info": "^4.1.0", "clsx": "^2.1.1", "common-ancestor-path": "^1.0.1", "cookie": "^0.7.2", "cssesc": "^3.0.0", "debug": "^4.3.7", "deterministic-object-hash": "^2.0.2", "devalue": "^5.1.1", "diff": "^5.2.0", "dlv": "^1.1.3", "dset": "^3.1.4", "es-module-lexer": "^1.5.4", "esbuild": "^0.21.5", "estree-walker": "^3.0.3", "fast-glob": "^3.3.2", "flattie": "^1.1.1", "github-slugger": "^2.0.0", "gray-matter": "^4.0.3", "html-escaper": "^3.0.3", "http-cache-semantics": "^4.1.1", "js-yaml": "^4.1.0", "kleur": "^4.1.5", "magic-string": "^0.30.14", "magicast": "^0.3.5", "micromatch": "^4.0.8", "mrmime": "^2.0.0", "neotraverse": "^0.6.18", "ora": "^8.1.1", "p-limit": "^6.1.0", "p-queue": "^8.0.1", "preferred-pm": "^4.0.0", "prompts": "^2.4.2", "rehype": "^13.0.2", "semver": "^7.6.3", "shiki": "^1.23.1", "tinyexec": "^0.3.1", "tsconfck": "^3.1.4", "unist-util-visit": "^5.0.0", "vfile": "^6.0.3", "vite": "^5.4.11", "vitefu": "^1.0.4", "which-pm": "^3.0.0", "xxhash-wasm": "^1.1.0", "yargs-parser": "^21.1.1", "zod": "^3.23.8", "zod-to-json-schema": "^3.23.5", "zod-to-ts": "^1.2.0" }, "optionalDependencies": { "sharp": "^0.33.3" }, "bin": { "astro": "astro.js" } }, "sha512-G7zfwJt9BDHEZwlaLNvjbInIw2hPryyD654314KV/XT34pJU6SfN1S+mWa8RAkALcZNJnJXCJmT3JXLQStD3Lw=="],
 
-    "astro-typesafe-api": ["astro-typesafe-api@0.2.1", "", { "dependencies": { "es-codec": "^0.5.0", "globby": "^14.0.2" }, "peerDependencies": { "astro": "^4.16.17", "typescript": "^5.0.0", "zod": "^3.24.1" }, "bin": { "astro-typesafe-api": "src/cli.ts" } }, "sha512-8f0McZj9fWIzT19njJ2z/1zETnbper3ejuba93t72Xvsy6aMTEDXaIGDG3xc9KWUQ9zEcNg+VS52JNWGfYm6CQ=="],
+    "astro-typesafe-api": ["astro-typesafe-api@0.2.2", "", { "dependencies": { "es-codec": "^0.5.0", "globby": "^14.0.2" }, "peerDependencies": { "astro": "^4.16.17", "typescript": "^5.0.0", "zod": "^3.24.1" }, "bin": { "astro-typesafe-api": "src/cli.ts" } }, "sha512-SEHV2iPyIrdpYdYb0mIN1WmcvC61bvsCQqb/X+R4EOcFjuozJ9fJhSiFGxJMvNoxJ9S3P3GKLyDnxXvFlKq0mw=="],
 
     "async": ["async@3.2.6", "", {}, "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA=="],
 

cypress.config.ts

@@ -14,7 +14,7 @@ export default defineConfig({
 		setupNodeEvents(on, config) {
 				on("file:preprocessor", vitePreprocessor({
 					optimizeDeps: {
-						exclude: ["@ibcornelsen/api", "@ibcornelsen/database"]
+						exclude: ["@ibcornelsen/database"]
 					},
 					resolve: {
 						alias: {

docker-compose.yml

@@ -13,7 +13,7 @@ services:
       - ./:/online-energieausweis
       - ./node_modules/@ibcornelsen/ui:/online-energieausweis/node_modules/@ibcornelsen/ui
       - ./node_modules/@ibcornelsen/database:/online-energieausweis/node_modules/@ibcornelsen/database
-      - ./node_modules/@ibcornelsen/api:/online-energieausweis/node_modules/@ibcornelsen/api
+      # - ./node_modules/@ibcornelsen/api:/online-energieausweis/node_modules/@ibcornelsen/api
       - ./node_modules/radix-svelte-icons:/online-energieausweis/node_modules/radix-svelte-icons
       - ../api/persistent:/persistent
   ibcornelsen-api:

package.json

@@ -22,7 +22,6 @@
     "@astrojs/node": "^8.3.4",
     "@astrojs/svelte": "^2.2.0",
     "@astrojs/tailwind": "^3.1.3",
-    "@ibcornelsen/api": "link:@ibcornelsen/api",
     "@ibcornelsen/database": "link:@ibcornelsen/database",
     "@ibcornelsen/ui": "^0.0.2",
     "@mollie/api-client": "^4.1.0",
@@ -32,7 +31,7 @@
     "@trpc/client": "^10.45.2",
     "@trpc/server": "^10.45.2",
     "astro": "^4.16.17",
-    "astro-typesafe-api": "^0.2.1",
+    "astro-typesafe-api": "^0.2.2",
     "body-scroll-lock": "^4.0.0-beta.0",
     "buffer": "^6.0.3",
     "bun": "^1.1.45",

public/images/header/logo_immowelt.svg

@@ -0,0 +1,7 @@
+<svg width="1090" height="240" viewBox="0 0 1090 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M127.354 233.386H478.982C550.473 233.386 601.664 186.164 601.664 120.088C601.664 53.8362 550.649 6.61414 478.982 6.61414L127.354 6.61414C55.6863 6.61414 6.61365 53.8362 6.61365 120.088C6.61365 186.164 55.8628 233.386 127.354 233.386Z" fill="#303038"/>
+<path d="M960.971 6.61414H478.981C550.648 6.61414 601.663 53.8362 601.663 120.088C601.663 186.164 550.472 233.386 478.981 233.386H960.971C1032.46 233.386 1083.39 186.164 1083.39 120.088C1083.39 53.8362 1032.64 6.61414 960.971 6.61414Z" fill="#FFCC00"/>
+<path d="M514.184 148.459C500.239 148.459 490.707 138.063 490.707 122.909C490.707 107.756 500.239 97.36 514.184 97.36C528.483 97.36 537.662 107.403 537.662 122.909C537.662 138.063 528.129 148.459 514.184 148.459ZM514.184 171.893C542.604 171.893 563.257 151.278 563.257 122.909C563.257 94.3645 542.781 73.9251 514.184 73.9251C485.941 73.9251 465.112 94.717 465.112 122.909C465.112 151.102 485.941 171.893 514.184 171.893ZM312.069 169.25H337.664V108.285C341.018 101.765 347.902 97.1838 354.786 97.1838C363.789 97.1838 370.144 104.232 370.144 114.452V169.25H395.739V108.285C398.564 101.765 405.801 97.1838 413.038 97.1838C422.041 97.1838 428.042 104.232 428.042 114.452V169.25H453.638V109.694C453.638 87.8451 439.516 73.9251 417.628 73.9251C406.154 73.9251 396.798 78.154 389.208 87.4927C383.206 78.5064 374.204 73.9251 362.906 73.9251C351.609 73.9251 341.9 78.6826 336.075 86.7879V76.3919H312.069V169.25ZM153.73 169.25H179.325V108.285C182.679 101.765 189.563 97.1838 196.448 97.1838C205.45 97.1838 211.805 104.232 211.805 114.452V169.25H237.4V108.285C240.225 101.765 247.462 97.1838 254.699 97.1838C263.702 97.1838 269.704 104.232 269.704 114.452V169.25H295.299V109.694C295.299 87.8451 281.177 73.9251 259.289 73.9251C247.815 73.9251 238.46 78.154 230.869 87.4927C224.867 78.5064 215.865 73.9251 204.568 73.9251C193.27 73.9251 183.562 78.6826 177.737 86.7879V76.3919H153.73V169.25ZM122.662 67.5818C131.135 67.5818 137.843 60.8862 137.843 52.9571C137.843 48.9382 136.244 45.0838 133.397 42.242C130.55 39.4002 126.688 37.8037 122.662 37.8037C114.013 37.8037 107.305 44.4994 107.305 52.9571C107.305 61.0624 114.013 67.5818 122.662 67.5818ZM109.776 169.25H135.372V76.3919H109.776V169.25Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M909.769 137.89C909.769 144.409 912.593 147.581 918.418 147.581C920.915 147.563 923.381 147.023 925.656 145.995L928.833 167.316C924.243 169.43 918.595 170.487 912.593 170.487C894.588 170.487 883.644 159.739 883.644 141.59V46.0889H909.769V137.89ZM711.889 76.3841L733.201 131.289L750.545 76.3841H776.493L746.309 169.243H720.538L698.772 111.147L677.468 169.243H651.697L621.16 76.3841H648.52L665.771 131.484L687 76.3841H711.889ZM994.499 143.35C990.086 146.17 985.673 147.579 980.554 147.579C972.434 147.579 967.668 143.174 967.668 135.774V99.1237H999.265V76.3936H967.668V54.016H941.543V76.3936H923.891V99.1237H941.543V138.064C941.543 158.856 955.311 171.895 977.2 171.895C987.261 171.895 995.911 169.428 1003.68 164.319L994.499 143.35ZM777.557 122.913C777.557 94.72 798.21 74.1041 826.1 74.1041C853.284 74.1041 871.113 93.1342 871.113 122.56C871.113 125.732 871.113 128.904 870.76 131.371H802.9C805.745 142.845 814.575 149.872 826.806 149.872C835.985 149.872 843.222 145.995 847.812 138.771L865.641 153.044C857.874 164.673 843.752 171.897 826.982 171.897C798.563 171.897 777.557 150.929 777.557 122.913ZM846.047 112.693C844.019 102.031 836.276 95.6011 825.57 95.6011C814.806 95.6011 806.566 102.21 803.368 112.693H846.047Z" fill="#303038"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M960.707 240H127.352C90.1346 240 58.2585 227.689 35.6342 206.325C12.9859 184.938 0 154.839 0 120.088C0 85.2615 12.9333 55.1164 35.5628 33.7018C58.1691 12.3091 90.0495 9.0111e-06 127.352 9.0111e-06L960.707 0C1035.53 0 1090 49.7061 1090 120.088C1090 190.306 1035.34 240 960.707 240ZM960.707 233.386H127.352C55.861 233.386 6.61179 186.164 6.61179 120.088C6.61179 53.8362 55.6845 6.61418 127.352 6.61418L960.707 6.61417C1032.37 6.61417 1083.39 53.8362 1083.39 120.088C1083.39 186.164 1032.2 233.386 960.707 233.386Z" fill="white"/>
+</svg>

src/astro-typesafe-api-caller.ts

@@ -8,6 +8,7 @@ export const createCaller = createCallerFactory({
     "auth/access-token": await import("../src/pages/api/auth/access-token.ts"),
     "auth/forgot-password": await import("../src/pages/api/auth/forgot-password.ts"),
     "auth/refresh-token": await import("../src/pages/api/auth/refresh-token.ts"),
+    "bedarfsausweis-wohnen/[uid]": await import("../src/pages/api/bedarfsausweis-wohnen/[uid].ts"),
     "bedarfsausweis-wohnen": await import("../src/pages/api/bedarfsausweis-wohnen/index.ts"),
     "bilder/[uid]": await import("../src/pages/api/bilder/[uid].ts"),
     "objekt": await import("../src/pages/api/objekt/index.ts"),
@@ -19,6 +20,7 @@ export const createCaller = createCallerFactory({
     "verbrauchsausweis-gewerbe": await import("../src/pages/api/verbrauchsausweis-gewerbe/index.ts"),
     "verbrauchsausweis-wohnen/[uid]": await import("../src/pages/api/verbrauchsausweis-wohnen/[uid].ts"),
     "verbrauchsausweis-wohnen": await import("../src/pages/api/verbrauchsausweis-wohnen/index.ts"),
+    "webhooks/mollie": await import("../src/pages/api/webhooks/mollie.ts"),
     "objekt/[uid]/bilder": await import("../src/pages/api/objekt/[uid]/bilder.ts"),
     "objekt/[uid]": await import("../src/pages/api/objekt/[uid]/index.ts"),
 })

src/client/lib/ausweisSpeichern.ts

@@ -1,16 +1,17 @@
 
 import { api } from "astro-typesafe-api/client"
-
 import { exclude } from "#lib/exclude.js";
 import Cookies from "js-cookie";
 import { API_ACCESS_TOKEN_COOKIE_NAME } from "#lib/constants.js";
-import { AufnahmeClient, ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient,  } from "#components/Ausweis/types.js";
+import { AufnahmeClient, BedarfsausweisWohnenClient, ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisGewerbeClient, VerbrauchsausweisWohnenClient,  } from "#components/Ausweis/types.js";
+import { Enums } from "@ibcornelsen/database/client";
 
-export async function verbrauchsausweisWohnenSpeichern(
-	ausweis: VerbrauchsausweisWohnenClient,
+export async function ausweisSpeichern(
+	ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbeClient | BedarfsausweisWohnenClient,
 	objekt: ObjektClient,
 	aufnahme: AufnahmeClient,
-	bilder: (UploadedGebaeudeBild & { base64?: string })[]
+	bilder: (UploadedGebaeudeBild & { base64?: string })[],
+	ausweisart: Enums.Ausweisart
 ) {
 	if (objekt.uid) {
 		await api.objekt._uid.PATCH.fetch({
@@ -61,8 +62,21 @@ export async function verbrauchsausweisWohnenSpeichern(
 		aufnahme.uid = uid
 	}
 
+	let patchRoute: any;
+	let putRoute: any;
+	if (ausweisart == Enums.Ausweisart.VerbrauchsausweisWohnen) {
+		patchRoute = api["verbrauchsausweis-wohnen"]._uid.PATCH
+		putRoute = api["verbrauchsausweis-wohnen"].PUT
+	} else if (ausweisart == Enums.Ausweisart.VerbrauchsausweisGewerbe) {
+		patchRoute = api["verbrauchsausweis-gewerbe"]._uid.PATCH
+		putRoute = api["verbrauchsausweis-gewerbe"].PUT
+	} else if (ausweisart == Enums.Ausweisart.BedarfsausweisWohnen) {
+		patchRoute = api["bedarfsausweis-wohnen"]._uid.PATCH
+		putRoute = api["bedarfsausweis-wohnen"].PUT
+	}
+
 	if (ausweis.uid) {
-		await api["verbrauchsausweis-wohnen"]._uid.PATCH.fetch({
+		await patchRoute.fetch({
 			...exclude(ausweis, ["uid"])
 		}, {
 			params: {
@@ -73,7 +87,7 @@ export async function verbrauchsausweisWohnenSpeichern(
 			}
 		})
 	} else {
-		const { uid } = await api["verbrauchsausweis-wohnen"].PUT.fetch({
+		const { uid } = await putRoute.fetch({
 			ausweis,
 			uid_aufnahme: aufnahme.uid
 		}, {

src/components/AnsichtsausweisButton.svelte

@@ -1,13 +1,43 @@
 <script lang="ts">
 	import { Buffer } from "buffer";
-	import { VerbrauchsausweisWohnenClient } from "./Ausweis/types";
+	import { AufnahmeClient, ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "./Ausweis/types.js";
+	import { Enums } from "@ibcornelsen/database/client";
 
 	export let ausweis: VerbrauchsausweisWohnenClient;
+	export let objekt: ObjektClient;
+	export let aufnahme: AufnahmeClient;
+	export let bilder: UploadedGebaeudeBild[];
+	export let ausweisart: Enums.Ausweisart
 
-	$: base64 = Buffer.from(JSON.stringify(ausweis), "utf-8").toString("base64")
+	function openWindowWithPost(url: string, data: Record<string, any>) {
+    var form = document.createElement("form");
+    form.target = "_blank";
+    form.method = "POST";
+    form.action = url;
+    form.style.display = "none";
+
+    for (var key in data) {
+        var input = document.createElement("input");
+        input.type = "hidden";
+        input.name = key;
+        input.value = data[key];
+        form.appendChild(input);
+    }
+    document.body.appendChild(form);
+    form.submit();
+    document.body.removeChild(form);
+}
 </script>
 
-<a class="border-2 rounded-lg bg-white text-center hover:shadow-md no-underline p-3 cursor-pointer" target="_blank" href="/pdf/ansichtsausweis?base64={base64}">
+<button class="border-2 rounded-lg bg-white text-center hover:shadow-md no-underline p-3 cursor-pointer" on:click={() => {
+	openWindowWithPost("/pdf/ansichtsausweis", {
+		ausweis: JSON.stringify(ausweis),
+		aufnahme: JSON.stringify(aufnahme),
+		objekt: JSON.stringify(objekt),
+		bilder: JSON.stringify(bilder),
+		ausweisart
+	})
+}}>
 	<img src="/images/ausweis.webp" alt="Ausweis" />
 	<span class="text-black font-medium text-lg">Ansichtsausweis</span>
-</a>
+</button>

src/components/Ausweis/Ansprechpartner.svelte

@@ -14,27 +14,17 @@ sm:grid-cols-2 sm:gap-x-6 sm:gap-y-8
 xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 ">
 
-<!-- Anrede * 
-
+<!-- Anrede *  -->
+<!-- 
 <div class="input-standard order-3 md:order-3 xl:order-3">
 	<Inputlabel title="Anrede *"></Inputlabel>
 
     <select name="anrede" bind:value={user.anrede}>
-        <option>bitte auswählen</option>
+        <option disabled selected>bitte auswählen</option>
         <option value="Herr">Herr</option>
         <option value="Frau">Frau</option>
-        <option value="Frau">Frau</option>
     </select>
-
-		<div class="help-label">
-				<HelpLabel>
-					Bitte geben Sie hier die beheizte Wohnfläche in m² ein.
-					Dabei handelt es sich um die Wohnfläche abzüglich
-					vorhandener Flächen die sich außerhalb des Gebäudes
-					befinden. (Balkone, Terassen,etc.).
-				</HelpLabel>
-			</div>
-</div>-->
+</div> -->
 
 
 <!-- Vorname * -->

src/components/Ausweis/AusweisPreviewContainer.svelte

@@ -9,14 +9,19 @@
 	} from "@ibcornelsen/database/client";
 
 	import {
+	AufnahmeClient,
+	BedarfsausweisWohnenClient,
 		ObjektClient,
 		UploadedGebaeudeBild,
+		VerbrauchsausweisGewerbeClient,
 		VerbrauchsausweisWohnenClient,
 	} from "./types.js";
 
-	export let ausweis: VerbrauchsausweisWohnenClient;
-	export let gebaeude: ObjektClient;
+	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbeClient | BedarfsausweisWohnenClient;
+	export let aufnahme: AufnahmeClient;
+	export let objekt: ObjektClient;
 	export let images: UploadedGebaeudeBild[] = [];
+	export let ausweisart: Enums.Ausweisart;
 </script>
 
 <div class="grid grid-cols-1 md:grid-cols-2 gap-x-6 mt-6">
@@ -29,7 +34,7 @@
 				kategorie={Enums.BilderKategorie.Gebaeude}
 				max={1}
 				min={1}
-				bind:gebaeude
+				bind:objekt
 				bind:images
 				bind:ausweis
 			>
@@ -56,8 +61,8 @@
 		</div>
 
 		<div class="grid grid-cols-2 gap-4 mt-4">
-			<AnsichtsausweisButton {ausweis} />
-			<DatenblattButton {ausweis} />
+			<AnsichtsausweisButton {ausweis} {aufnahme} {objekt} bilder={images} {ausweisart} />
+			<DatenblattButton {ausweis} {aufnahme} {objekt} bilder={images} {ausweisart} />
 		</div>
 
 	</div>

src/components/Ausweis/Ausweisart.svelte

@@ -70,7 +70,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			required
 			bind:value={aufnahme.gebaeudetyp}
 		>
-			<option disabled selected value={false}>Bitte auswählen</option>
+			<option disabled selected>Bitte auswählen</option>
 
 			{#if ausweisart=="VerbrauchsausweisWohnen"}
 			<option value="Einfamilienhaus">Einfamilienhaus</option>

src/components/Ausweis/ButtonWeiterHilfe.svelte

@@ -1,21 +1,60 @@
 <script lang="ts">
-	import AusweisWeiter from "#modules/VerbrauchsausweisWohnen/AusweisWeiter.svelte";
 	import Hilfe from "#components/Ausweis/Hilfe.svelte";
-	import {
-		AufnahmeClient,
-		BenutzerClient,
-		ObjektClient,
-		UploadedGebaeudeBild,
-		VerbrauchsausweisWohnenClient,
-	} from "./types.js";
+	import { ausweisSpeichern } from "#client/lib/ausweisSpeichern.js";
+	import { validateAccessTokenClient } from "#client/lib/validateAccessToken.js";
+	import { AufnahmeClient, BedarfsausweisWohnenClient, BenutzerClient, ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisGewerbeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
+	import Overlay from "#components/Overlay.svelte";
+	import EmbeddedAuthFlowModule from "#modules/EmbeddedAuthFlowModule.svelte";
 
-	export let ausweis: VerbrauchsausweisWohnenClient;
+	import { Enums } from "@ibcornelsen/database/client";
+
+	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbeClient | BedarfsausweisWohnenClient;
 	export let bilder: UploadedGebaeudeBild[];
 	export let user: BenutzerClient;
 	export let objekt: ObjektClient;
 	export let aufnahme: AufnahmeClient;
+	export let ausweisart: Enums.Ausweisart
 
-	export let spaeterWeitermachen;
+	async function ausweisAbschicken() {
+		if (!await validateAccessTokenClient()) {
+			loginOverlayHidden = false;
+			return
+		}
+
+		loginOverlayHidden = true
+
+		const result = await ausweisSpeichern(ausweis, objekt, aufnahme, bilder, ausweisart);
+
+		if (result !== null) {
+			window.history.pushState(
+				{},
+				"",
+				`${location.pathname}?uid=${ausweis.uid}`
+			);
+			window.location.href = `/kundendaten?uid=${ausweis.uid}`;
+		}
+	}
+
+	async function spaeterWeitermachen() {
+		if (!await validateAccessTokenClient()) {
+			loginOverlayHidden = false;
+			return
+		}
+
+		loginOverlayHidden = true
+
+		const result = await ausweisSpeichern(ausweis, objekt, aufnahme, bilder, ausweisart);
+
+		if (result !== null) {
+			window.history.pushState(
+				{},
+				"",
+				`${location.pathname}?uid=${ausweis.uid}`
+			);
+		}
+	}
+
+	let loginOverlayHidden = true;
 </script>
 
 <div
@@ -29,13 +68,13 @@
 		>Später Weitermachen
 	</button>
 
-	<div class="">
-		<AusweisWeiter
-			bind:ausweis
-			bind:bilder
-			bind:user
-			bind:objekt
-			bind:aufnahme
-		></AusweisWeiter>
+	<div>
+		<Overlay bind:hidden={loginOverlayHidden}>
+			<div class="bg-white w-full max-w-screen-sm py-8">
+				<EmbeddedAuthFlowModule onLogin={ausweisAbschicken}></EmbeddedAuthFlowModule>
+			</div>
+		</Overlay>
+		
+		<button on:click={ausweisAbschicken} type="button" class="button" data-cy="weiter">Weiter</button>
 	</div>
 </div>

src/components/Ausweis/ButtonZurueckSpeichernKaufabschluss.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-</script>
-
-<div
-	class="w-full grid grid-cols-[min-content_1fr_min-content_min-content] grid-rows-[min_content_1fr] gap-x-2 self-start justify-self-end mt-8"
->
-	<button class="button justify-self-start">Zurück</button>
-
-	<div></div>
-
-	<button class="button">Speichern</button>
-
-	<button class="button">kostenpflichtig bestellen</button>
-</div>

src/components/Ausweis/DaemmungImage.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
 	import ImageGrid from "../ImageGrid.svelte";;
-	import { Enums, type BedarfsausweisWohnen, type VerbrauchsausweisGewerbe } from "@ibcornelsen/database/client";
-	import { ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "./types.js";
+	import { Enums } from "@ibcornelsen/database/client";
+	import { BedarfsausweisWohnenClient, ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisGewerbeClient, VerbrauchsausweisWohnenClient } from "./types.js";
 
 	export let images: UploadedGebaeudeBild[] = [];
-	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbe | BedarfsausweisWohnen;
-	export let gebaeude: ObjektClient;
+	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbeClient | BedarfsausweisWohnenClient;
+	export let objekt: ObjektClient;
 </script>
 
 <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-6 mt-6">
@@ -60,7 +60,7 @@
 		kategorie={Enums.BilderKategorie.Daemmung} 
 		bind:images 
 		bind:ausweis 
-		bind:gebaeude
+		bind:objekt
 		>
 	TEXT FEHLT
 	</ImageGrid>

src/components/Ausweis/FensterImage.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
 	import ImageGrid from "../ImageGrid.svelte";;
-	import { Enums, type BedarfsausweisWohnen, type VerbrauchsausweisGewerbe } from "@ibcornelsen/database/client";
-	import { ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "./types.js";
+	import { Enums } from "@ibcornelsen/database/client";
+	import { BedarfsausweisWohnenClient, ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisGewerbeClient, VerbrauchsausweisWohnenClient } from "./types.js";
 
 	export let images: UploadedGebaeudeBild[] = [];
-	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbe | BedarfsausweisWohnen;
-	export let gebaeude: ObjektClient;
+	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbeClient | BedarfsausweisWohnenClient;
+	export let objekt: ObjektClient;
 </script>
 
 <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-6 mt-6">
@@ -56,7 +56,7 @@
 		kategorie={Enums.BilderKategorie.Fenster} 
 		bind:images 
 		bind:ausweis 
-		bind:gebaeude
+		bind:objekt
 		>
 		TEXT FEHLT
 	</ImageGrid>

src/components/Ausweis/HeizungImage.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import ImageGrid from "../ImageGrid.svelte";;
-	import { Enums, type BedarfsausweisWohnen, type VerbrauchsausweisGewerbe } from "@ibcornelsen/database/client";
-	import { ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "./types.js";
+	import { Enums } from "@ibcornelsen/database/client";
+	import { BedarfsausweisWohnenClient, ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisGewerbeClient, VerbrauchsausweisWohnenClient } from "./types.js";
 
 	export let images: UploadedGebaeudeBild[] = [];
-	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbe | BedarfsausweisWohnen;
+	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbeClient | BedarfsausweisWohnenClient;
 	export let gebaeude: ObjektClient;
 </script>
 
@@ -56,7 +56,7 @@
 		kategorie={Enums.BilderKategorie.Heizung} 
 		max={4} 
 		min={1} 
-		bind:gebaeude 
+		bind:objekt={gebaeude} 
 		bind:images 
 		bind:ausweis 
 		>

src/components/Ausweis/PerformanceScore.svelte

@@ -9,12 +9,20 @@
 		VerbrauchsausweisWohnenClient,
 	} from "./types.js";
 	import ThickArrowUp from "radix-svelte-icons/src/lib/icons/ThickArrowUp.svelte";
+	import { Enums } from "@ibcornelsen/database/client";
+	import { endEnergieVerbrauchVerbrauchsausweisGewerbe_2016 } from "#lib/Berechnungen/VerbrauchsausweisGewerbe/VerbrauchsausweisGewerbe_2016.js";
 
-	export let ausweis: VerbrauchsausweisWohnenClient;
+	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbeClient | BedarfsausweisWohnenClient;
 	export let aufnahme: AufnahmeClient;
 	export let objekt: ObjektClient;
+	export let ausweisart: Enums.Ausweisart;
 
-	let maxPerformance = 250;
+	let maxPerformance = {
+		[Enums.Ausweisart.VerbrauchsausweisGewerbe]: 1000,
+		[Enums.Ausweisart.VerbrauchsausweisWohnen]: 250,
+		[Enums.Ausweisart.BedarfsausweisWohnen]: 250,
+		[Enums.Ausweisart.BedarfsausweisGewerbe]: 250
+	}[ausweisart];
 
 	/**
 	 * We use linear interpolation to scale the value between the given boundaries.
@@ -54,13 +62,12 @@
 	let translation_2 = 0;
 	$: {
 		(async () => {
-			const result = await endEnergieVerbrauchVerbrauchsausweis_2016({
-				...ausweis,
-				aufnahme: {
-					...aufnahme,
-					objekt: objekt,
-				},
-			});
+			let result;
+			if (ausweisart === Enums.Ausweisart.VerbrauchsausweisWohnen || ausweisart === Enums.Ausweisart.BedarfsausweisWohnen) {
+				result = await endEnergieVerbrauchVerbrauchsausweis_2016(ausweis, aufnahme, objekt);
+			} else if (ausweisart === Enums.Ausweisart.VerbrauchsausweisGewerbe) {
+				result = await endEnergieVerbrauchVerbrauchsausweisGewerbe_2016(ausweis, aufnahme, objekt);
+			}
 
 			if (!result) {
 				return;
@@ -77,7 +84,11 @@
 	}
 </script>
 <div class="self-center relative">
-	<img id="skalaImage" class="w-full" src="/images/formular/SKALA-910.png" alt="Energieeffizienz Skala" />
+	{#if ausweisart === Enums.Ausweisart.VerbrauchsausweisWohnen || ausweisart === Enums.Ausweisart.BedarfsausweisWohnen}
+		<img id="skalaImage" class="w-full" src="/images/formular/skala-verbrauchsausweis-wohnen.png" alt="Energieeffizienz Skala" />	
+	{:else if ausweisart === Enums.Ausweisart.VerbrauchsausweisGewerbe}
+		<img id="skalaImage" class="w-full" src="/images/formular/skala-verbrauchsausweis-gewerbe.png" alt="Energieeffizienz Skala" />
+	{/if}
 	<ThickArrowDown
 		size={28}
 		class="fill-base-content absolute top-0 transition-left duration-1000 ease-in-out"

src/components/Ausweis/Rechnungsadresse.svelte

@@ -6,19 +6,7 @@
 	import { BenutzerClient, RechnungClient } from "./types.js";
 
 	export let user: BenutzerClient;
-
-	let rechnung: RechnungClient = {
-		email: user.email,
-		empfaenger: user.vorname + " " + user.name,
-		strasse: user.adresse,
-		plz: user.plz,
-		ort: user.ort,
-		versand_empfaenger: user.vorname + " " + user.name,
-		versand_strasse: user.adresse,
-		versand_plz: user.plz,
-		versand_ort: user.ort,
-		telefon: user.telefon,
-	};
+	export let rechnung: Partial<RechnungClient>;
 
 
 

src/components/Ausweis/SanierungszustandFensterTueren.svelte

@@ -10,45 +10,96 @@
 		AufnahmeClient,
 		ObjektClient,
 		UploadedGebaeudeBild,
+		VerbrauchsausweisGewerbeClient,
 		VerbrauchsausweisWohnenClient,
 	} from "./types.js";
 	import { boolean } from "astro:schema";
-            import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte"
+	import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte";
 
-        export let gebaeude: ObjektClient;
+	export let objekt: ObjektClient;
 	export let aufnahme: AufnahmeClient;
-        export let ausweis: VerbrauchsausweisWohnenClient
+	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbeClient;
 	export let images: UploadedGebaeudeBild[];
+</script>
 
-    
-</script>
-    
-    <div id="sanierungszustand" class="bereich-box grid 
+<div
+	id="sanierungszustand"
+	class="bereich-box grid
+    grid-cols-1 gap-x-4 gap-y-2
     
     sm:grid-cols-1 sm:gap-x-6 sm:gap-y-1
     md:grid-cols-2 md:gap-x-6 md:gap-y-8
     
     xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
     2xl:grid-cols-3 2xl:gap-x-8 2xl:gap-y-2
-    2xl:grid-cols-3 2xl:gap-x-8 2xl:gap-y-2
+    "
+>
+	<SanierungsOption
+		label="Einfachglas"
+		name="einfach_verglasung"
+		help=""
+		value="EG"
+		bind:checked={aufnahme.einfach_verglasung}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Doppelverglasung"
+		name="doppel_verglasung"
+		help=""
+		value="DF"
+		bind:checked={aufnahme.doppel_verglasung}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Dreifachverglasung"
+		name="dreifach_verglasung"
+		help=""
+		value="PHF"
+		bind:checked={aufnahme.dreifach_verglasung}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Isolierverglasung"
+		name="isolier_verglasung"
+		help=""
+		value="IVG"
+		bind:checked={aufnahme.isolier_verglasung}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Alle Fenster dicht"
+		name="fenster_dicht"
+		help=""
+		value="FD"
+		bind:checked={aufnahme.fenster_dicht}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Fenster teilweise undicht"
+		name="fenster_teilweise_undicht"
+		help=""
+		value="FTUD"
+		bind:checked={aufnahme.fenster_teilweise_undicht}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Rollladenkästen gedämmt, luftdicht"
+		name="rolllaeden_kaesten_gedaemmt"
+		help=""
+		value="TUD"
+		bind:checked={aufnahme.rolllaeden_kaesten_gedaemmt}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Alle Türen dicht"
+		name="tueren_dicht"
+		help=""
+		value="TD"
+		bind:checked={aufnahme.tueren_dicht}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Türen teilweise undicht"
+		name="tueren_undicht"
+		help=""
+		value="TUD"
+		bind:checked={aufnahme.tueren_undicht}
+	></SanierungsOption>
+</div>
 
-    
-    <SanierungsOption label="Einfachglas" name="einfach_verglasung" help="" value="EG" bind:checked={aufnahme.einfach_verglasung}></SanierungsOption>
-    <SanierungsOption label="Doppelverglasung" name="doppel_verglasung" help="" value="DF" bind:checked={aufnahme.doppel_verglasung}></SanierungsOption>
-    <SanierungsOption label="Dreifachverglasung" name="dreifach_verglasung" help="" value="PHF" bind:checked={aufnahme.dreifach_verglasung}></SanierungsOption>
-    <SanierungsOption label="Isolierverglasung" name="isolier_verglasung" help="" value="IVG" bind:checked={aufnahme.isolier_verglasung}></SanierungsOption>
-    <SanierungsOption label="Alle Fenster dicht" name="fenster_dicht" help="" value="FD" bind:checked={aufnahme.fenster_dicht}></SanierungsOption>
-    <SanierungsOption label="Fenster teilweise undicht" name="fenster_teilweise_undicht" help="" value="FTUD" bind:checked={aufnahme.fenster_teilweise_undicht}></SanierungsOption>
-    <SanierungsOption label="Rollladenkästen gedämmt, luftdicht" name="rolllaeden_kaesten_gedaemmt" help="" value="TUD" bind:checked={aufnahme.rolllaeden_kaesten_gedaemmt}></SanierungsOption>
-    <SanierungsOption label="Alle Türen dicht" name="tueren_dicht" help="" value="TD" bind:checked={aufnahme.tueren_dicht}></SanierungsOption>
-    <SanierungsOption label="Türen teilweise undicht" name="tueren_undicht" help="" value="TUD" bind:checked={aufnahme.tueren_undicht}></SanierungsOption>
-    
-    </div>
-    
-    <FensterImage bind:images bind:ausweis bind:gebaeude />
-    
-    <style lang="postcss">
-    
+<FensterImage bind:images bind:ausweis bind:objekt />
 
 <!--
             Wir benötigen diese Angaben um den allgemeinen Modernisierungsstand
@@ -162,4 +213,5 @@
     
     -->
 
-    
+<style lang="postcss">
+</style>

src/components/Ausweis/SanierungszustandHeizungsanlage.svelte

@@ -10,14 +10,15 @@
 		AufnahmeClient,
 		ObjektClient,
 		UploadedGebaeudeBild,
+		VerbrauchsausweisGewerbeClient,
 		VerbrauchsausweisWohnenClient,
 	} from "./types.js";
 	import { boolean } from "astro:schema";
 	import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte";
 
-	export let gebaeude: ObjektClient;
+	export let objekt: ObjektClient;
 	export let aufnahme: AufnahmeClient;
-	export let ausweis: VerbrauchsausweisWohnenClient;
+	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbeClient;
 	export let images: UploadedGebaeudeBild[];
 </script>
 
@@ -119,7 +120,7 @@
 	></SanierungsOption>
 </div>
 
-<HeizungImage bind:images bind:ausweis bind:gebaeude />
+<HeizungImage bind:images bind:ausweis bind:gebaeude={objekt} />
 
 <style lang="postcss">
 </style>

src/components/Ausweis/SanierungszustandWaermedammung.svelte

@@ -1,51 +1,83 @@
 <script lang="ts">
-        import HelpLabel from "#components/labels/HelpLabel.svelte";
-        import Inputlabel from "#components/labels/InputLabel.svelte";
-        
 	import DaemmungImage from "./DaemmungImage.svelte";
-
-    
 	//import Label from "../Label.svelte";
 
 	import {
 		AufnahmeClient,
+		BedarfsausweisWohnenClient,
 		ObjektClient,
 		UploadedGebaeudeBild,
+		VerbrauchsausweisGewerbeClient,
 		VerbrauchsausweisWohnenClient,
 	} from "./types.js";
-        import { boolean } from "astro:schema";
-            import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte"
+	import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte";
 
-        export let gebaeude: ObjektClient;
+	export let objekt: ObjektClient;
 	export let aufnahme: AufnahmeClient;
-        export let ausweis: VerbrauchsausweisWohnenClient
+	export let ausweis:
+		| VerbrauchsausweisWohnenClient
+		| VerbrauchsausweisGewerbeClient
+		| BedarfsausweisWohnenClient;
 	export let images: UploadedGebaeudeBild[];
+</script>
 
-    
-</script>
-    
-    <div id="sanierungszustand" class="bereich-box grid 
+<div
+	id="sanierungszustand"
+	class="bereich-box grid
+    grid-cols-1 gap-x-4 gap-y-2
          
     sm:grid-cols-1 sm:gap-x-6 sm:gap-y-1
     md:grid-cols-2 md:gap-x-6 md:gap-y-8
     
     xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
     2xl:grid-cols-3 2xl:gap-x-8 2xl:gap-y-2
-    2xl:grid-cols-3 2xl:gap-x-8 2xl:gap-y-2
+    "
+>
+	<SanierungsOption
+		label="Außenwand gedämmt"
+		name="aussenwand_gedaemmt"
+		help=""
+		value="AWD"
+		bind:checked={aufnahme.aussenwand_gedaemmt}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Kelleraußenwand gedämmt"
+		name="keller_wand_gedaemmt"
+		help=""
+		value="KWD"
+		bind:checked={aufnahme.keller_wand_gedaemmt}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Kellerdecke gedämmt"
+		name="keller_decke_gedaemmt"
+		help=""
+		value="KDD"
+		bind:checked={aufnahme.keller_decke_gedaemmt}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Dachgeschoss gedämmt"
+		name="dachgeschoss_gedaemmt"
+		help=""
+		value="DGD"
+		bind:checked={aufnahme.dachgeschoss_gedaemmt}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Oberste Geschossdecke gedämmt"
+		name="oberste_geschossdecke_gedaemmt"
+		help=""
+		value="DGD"
+		bind:checked={aufnahme.oberste_geschossdecke_gedaemmt}
+	></SanierungsOption>
+	<SanierungsOption
+		label="Oberste Geschossdecke min. 12cm gedämmt"
+		name="oberste_geschossdecke_min_12cm_gedaemmt"
+		help=""
+		value="DGD"
+		bind:checked={aufnahme.oberste_geschossdecke_min_12cm_gedaemmt}
+	></SanierungsOption>
+</div>
 
-    
-    <SanierungsOption label="Außenwand gedämmt" name="aussenwand_gedaemmt" help="" value="AWD" bind:checked={aufnahme.aussenwand_gedaemmt}></SanierungsOption>
-    <SanierungsOption label="Kelleraußenwand gedämmt" name="keller_wand_gedaemmt" help="" value="KWD" bind:checked={aufnahme.keller_wand_gedaemmt}></SanierungsOption>
-    <SanierungsOption label="Kellerdecke gedämmt" name="keller_decke_gedaemmt" help="" value="KDD" bind:checked={aufnahme.keller_decke_gedaemmt}></SanierungsOption>
-    <SanierungsOption label="Dachgeschoss gedämmt" name="dachgeschoss_gedaemmt" help="" value="DGD" bind:checked={aufnahme.dachgeschoss_gedaemmt}></SanierungsOption>
-    <SanierungsOption label="Oberste Geschossdecke gedämmt" name="oberste_geschossdecke_gedaemmt" help="" value="DGD" bind:checked={aufnahme.oberste_geschossdecke_gedaemmt}></SanierungsOption>
-    <SanierungsOption label="Oberste Geschossdecke min. 12cm gedämmt" name="oberste_geschossdecke_min_12cm_gedaemmt" help="" value="DGD" bind:checked={aufnahme.oberste_geschossdecke_min_12cm_gedaemmt}></SanierungsOption>
-   
-    </div>
-
-    <DaemmungImage bind:images bind:ausweis bind:gebaeude />
-
-    <style lang="postcss">
+<DaemmungImage bind:images bind:ausweis bind:objekt />
 <!--
     <div class="GRB3">
         <div class="form-group col-md-12">
@@ -72,4 +104,5 @@
     
     -->
 
-    
+<style lang="postcss">
+</style>

src/components/Ausweis/StromVerbrauch.svelte

@@ -16,13 +16,13 @@
 	import {
 		AufnahmeClient,
 		ObjektClient,
-		VerbrauchsausweisWohnenClient,
+		VerbrauchsausweisGewerbeClient,
 	} from "./types.js";
 	import { addNotification } from "#components/Notifications/shared.js";
 
-	export let gebaeude: ObjektClient;
+	export let objekt: ObjektClient;
 	export let aufnahme: AufnahmeClient;
-	export let ausweis: VerbrauchsausweisWohnenClient;
+	export let ausweis: VerbrauchsausweisGewerbeClient;
 
 	// Wir dürfen bis zu 4.5 Jahre alte Klimafaktoren benutzen, also nehmen wir alle Monate seitdem und generieren daraus die Auswahl.
 	// Allerdings müssen wir auch berücksichtigen, dass wir drei folgende Jahre brauchen, also
@@ -48,12 +48,12 @@
 	];
 
 	const startDate = moment(
-		ausweis.aufnahme.erstellungsdatum || Date.now()
+		aufnahme.erstellungsdatum || Date.now()
 	)
 		.subtract(4, "years")
 		.subtract(6, "months");
 	const endDate = moment(
-		ausweis.aufnahme.erstellungsdatum || Date.now()
+		aufnahme.erstellungsdatum || Date.now()
 	).subtract(3, "years");
 
 	for (let m = moment(startDate); m.isBefore(endDate); m.add(1, "month")) {
@@ -102,7 +102,7 @@
 		}
 	}
 
-	$: abweichung = auditVerbrauchAbweichung(ausweis, gebaeude);
+	$: abweichung = auditVerbrauchAbweichung(ausweis, aufnahme);
 </script>
 
 <div
@@ -137,14 +137,15 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			>
 				{#if !ausweis.zusaetzliche_heizquelle}
 					<input
-						id="zusaetzliche_heizquelle_1"
+						id="zusaetzliche_heizquelle"
 						type="checkbox"
 						class="checkbox"
-						name="zusaetzliche_heizquelle_1"
+						name="zusaetzliche_heizquelle"
+						data-cy="zusaetzliche_heizquelle"
 						bind:checked={ausweis.zusaetzliche_heizquelle}
 					/>
 					<label
-						for="zusaetzliche_heizquelle_1"
+						for="zusaetzliche_heizquelle"
 						class="cursor-pointer">zusätzliche Heizquelle</label
 					>
 				{/if}
@@ -236,6 +237,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			<select
 				class="rounded-e-none"
 				name="brennstoff_1"
+				data-cy="brennstoff_1"
 				bind:value={aufnahme.brennstoff_1}
 				required
 			>
@@ -267,6 +269,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			<select
 				class="rounded-s-none"
 				name="einheit_1"
+				data-cy="einheit_1"
 				bind:value={ausweis.einheit_1}
 				disabled={!aufnahme.brennstoff_1}
 				required
@@ -416,6 +419,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 				<select
 					class="rounded-e-none"
 					name="brennstoff_2"
+					data-cy="brennstoff_2"
 					bind:value={aufnahme.brennstoff_2}
 					required
 				>
@@ -449,6 +453,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 				<select
 					class="rounded-s-none"
 					name="einheit_2"
+					data-cy="einheit_2"
 					bind:value={ausweis.einheit_2}
 					disabled={!aufnahme.brennstoff_2}
 					required
@@ -655,19 +660,19 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 <!-- Enthält Stromverbrauch für: -->
 
-<SanierungsOption label="Heizung" name="stromverbrauch_enthaelt_heizung" help="" bind:checked={aufnahme.stromverbrauch_enthaelt_heizung}></SanierungsOption>
-<SanierungsOption label="Warmwasser " name="stromverbrauch_enthaelt_warmwasser" help="" bind:checked={aufnahme.stromverbrauch_enthaelt_warmwasser}></SanierungsOption>
-<SanierungsOption label="Lüftung " name="stromverbrauch_enthaelt_lueftung" help="" bind:checked={aufnahme.stromverbrauch_enthaelt_lueftung}></SanierungsOption>
-<SanierungsOption label="Beleuchtung" name="stromverbrauch_enthaelt_beleuchtung" help="" bind:checked={aufnahme.stromverbrauch_enthaelt_beleuchtung}></SanierungsOption>
-<SanierungsOption label="Kühlung" name="stromverbrauch_enthaelt_kuehlung" help="" bind:checked={aufnahme.stromverbrauch_enthaelt_kuehlung}></SanierungsOption>
+<SanierungsOption label="Heizung" name="stromverbrauch_enthaelt_heizung" help="" bind:checked={ausweis.stromverbrauch_enthaelt_heizung}></SanierungsOption>
+<SanierungsOption label="Warmwasser " name="stromverbrauch_enthaelt_warmwasser" help="" bind:checked={ausweis.stromverbrauch_enthaelt_warmwasser}></SanierungsOption>
+<SanierungsOption label="Lüftung " name="stromverbrauch_enthaelt_lueftung" help="" bind:checked={ausweis.stromverbrauch_enthaelt_lueftung}></SanierungsOption>
+<SanierungsOption label="Beleuchtung" name="stromverbrauch_enthaelt_beleuchtung" help="" bind:checked={ausweis.stromverbrauch_enthaelt_beleuchtung}></SanierungsOption>
+<SanierungsOption label="Kühlung" name="stromverbrauch_enthaelt_kuehlung" help="" bind:checked={ausweis.stromverbrauch_enthaelt_kuehlung}></SanierungsOption>
 
 <div class="input-standard">
 	<Inputlabel title="Sonstige"></Inputlabel>
 
 		<input
-			name="strom_3"
+			name="stromverbrauch_enthaelt_sonstige"
 			type="number"
-			bind:value={ausweis.strom_3}
+			bind:value={ausweis.stromverbrauch_enthaelt_sonstige}
 			required
 		/>
 

src/components/Ausweis/Verbrauch.svelte

@@ -3,9 +3,6 @@
 	import Inputlabel from "#components/labels/InputLabel.svelte";
 	import Verbrauchslabel from "#components/labels/VerbrauchsLabel.svelte";
 	import VerbrauchsHelpLabel from "#components/labels/VerbrauchsHelpLabel.svelte";
-
-	import Label from "../Label.svelte";
-
 	import moment from "moment";
 	import fuelList from "./brennstoffListe.js";
 	import { auditVerbrauchAbweichung } from "../Verbrauchsausweis/audits/VerbrauchAbweichung.js";
@@ -16,7 +13,7 @@
 	} from "./types.js";
 	import { addNotification } from "#components/Notifications/shared.js";
 
-	export let gebaeude: ObjektClient;
+	export let objekt: ObjektClient;
 	export let aufnahme: AufnahmeClient;
 	export let ausweis: VerbrauchsausweisWohnenClient;
 
@@ -43,14 +40,13 @@
 		"Dezember",
 	];
 
-	const startDate = moment(
-		aufnahme.erstellungsdatum || Date.now()
-	)
+	const startDate = moment(aufnahme.erstellungsdatum || Date.now())
 		.subtract(4, "years")
 		.subtract(6, "months");
-	const endDate = moment(
-		aufnahme.erstellungsdatum || Date.now()
-	).subtract(3, "years");
+	const endDate = moment(aufnahme.erstellungsdatum || Date.now()).subtract(
+		3,
+		"years"
+	);
 
 	for (let m = moment(startDate); m.isBefore(endDate); m.add(1, "month")) {
 		availableDates.push({
@@ -85,20 +81,27 @@
 	$: {
 		console.log(month, year);
 
-		if ((availableDates.filter(date => date.month === month && date.year === year).length === 0) && typeof month === "number" && typeof year === "number") {
+		if (
+			availableDates.filter(
+				(date) => date.month === month && date.year === year
+			).length === 0 &&
+			typeof month === "number" &&
+			typeof year === "number"
+		) {
 			addNotification({
 				message: "Monat nicht verfügbar.",
-				subtext: "Der ausgewählte Monat ist in diesem Jahr nicht verfügbar, bitte wählen sie einen neuen Start Monat.",
+				subtext:
+					"Der ausgewählte Monat ist in diesem Jahr nicht verfügbar, bitte wählen sie einen neuen Start Monat.",
 				dismissable: true,
 				type: "warning",
 				timeout: 0,
 				uid: "monat_nicht_verfuegbar",
-				selector: "select[name='energieverbrauch_zeitraum_monat']"
-			})
+				selector: "select[name='energieverbrauch_zeitraum_monat']",
+			});
 		}
 	}
 
-	$: abweichung = auditVerbrauchAbweichung(ausweis, gebaeude);
+	$: abweichung = auditVerbrauchAbweichung(ausweis, aufnahme);
 </script>
 
 <div
@@ -201,9 +204,12 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			</select>
 
 			<div class="help-label">
-				<HelpLabel>Bitte geben Sie hier den <b>Startmonat der ersten Verbrauchsperiode</b> ein. Es sind nur Monate auswählbar, 
-					die im zulässigen Zeitraum (Endzeitpunkt von Jahr 3 darf nicht älter als 18 Monate sein) liegen. Wählen Sie ein 
-					aktuellerses Jahr um alle Monate zu sehen.
+				<HelpLabel
+					>Bitte geben Sie hier den <b
+						>Startmonat der ersten Verbrauchsperiode</b
+					> ein. Es sind nur Monate auswählbar, die im zulässigen Zeitraum
+					(Endzeitpunkt von Jahr 3 darf nicht älter als 18 Monate sein)
+					liegen. Wählen Sie ein aktuellerses Jahr um alle Monate zu sehen.
 				</HelpLabel>
 			</div>
 		</div>
@@ -230,8 +236,12 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			</select>
 
 			<div class="help-label">
-				<HelpLabel>Bitte geben Sie das <b>Startjahr der ersten Verbrauchsperiode</b> ein. Weitere Zeitangaben müssen nichht
-					gemacht werden, da alle 3 Verbrauchsjahre zusammenhängend sein sollen.</HelpLabel>
+				<HelpLabel
+					>Bitte geben Sie das <b
+						>Startjahr der ersten Verbrauchsperiode</b
+					> ein. Weitere Zeitangaben müssen nichht gemacht werden, da alle
+					3 Verbrauchsjahre zusammenhängend sein sollen.</HelpLabel
+				>
 			</div>
 		</div>
 	</div>
@@ -256,16 +266,24 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 			<div class="help-label">
 				<HelpLabel>
-					<b>Heizöl:</b> Flüssiger fossiler Brennstoff.<br/>
-					<b>Erdgas:</b> Gasförmiger fossiler Brennstoff.<br/>
-					<b>Flüssiggas:</b> Wie Erdgas fossiler Brennstoff - im Flüssiggastank gelagert<br/>
-					<b>Braunkohle:</b> Fester fossiler Brennstoff<br/>
-					<b>Holz-Pellets:</b> Stäbchenförmige Pellets - erneuerbarer (nachwachsender) Brennstoff<br/>
-					<b>Holzhackschnitzel:</b>Wie Holz-Pellets<br/>
-					<b>Fernwärme, Nahwärme:</b> kommunales Wärmenetz - <strong>erfragen Sie 
-						den Primärenergiefaktor bei Ihrem Energieversorger</strong>  (meistens mit regenartivem Anteil)<br/>
-					<b>Strommix:</b> Meist bei Wärmepumpe oder Nachtspeicher.<br/>
-					<b>Koks:</b> stark kohlenstoffhaltiger fossiler Brennstoff.<br/>
+					<b>Heizöl:</b> Flüssiger fossiler Brennstoff.<br />
+					<b>Erdgas:</b> Gasförmiger fossiler Brennstoff.<br />
+					<b>Flüssiggas:</b> Wie Erdgas fossiler Brennstoff - im
+					Flüssiggastank gelagert<br />
+					<b>Braunkohle:</b> Fester fossiler Brennstoff<br />
+					<b>Holz-Pellets:</b> Stäbchenförmige Pellets - erneuerbarer
+					(nachwachsender) Brennstoff<br />
+					<b>Holzhackschnitzel:</b>Wie Holz-Pellets<br />
+					<b>Fernwärme, Nahwärme:</b> kommunales Wärmenetz -
+					<strong
+						>erfragen Sie den Primärenergiefaktor bei Ihrem
+						Energieversorger</strong
+					>
+					(meistens mit regenartivem Anteil)<br />
+					<b>Strommix:</b> Meist bei Wärmepumpe oder Nachtspeicher.<br
+					/>
+					<b>Koks:</b> stark kohlenstoffhaltiger fossiler Brennstoff.<br
+					/>
 				</HelpLabel>
 			</div>
 		</div>
@@ -288,9 +306,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 			<div class="help-label">
 				<HelpLabel>
-					Bitte geben Sie die Einheit ein. Die Liste passt sich entsprechend des ausgeählten Brennstoffes an. 
-					Erdgas wird meist auf der Abrechnung in kWh ausgewiesen. Heizöl liegt meistens in
-					Litern vor. Pellets oder Brennholz in kg.
+					Bitte geben Sie die Einheit ein. Die Liste passt sich
+					entsprechend des ausgeählten Brennstoffes an. Erdgas wird
+					meist auf der Abrechnung in kWh ausgewiesen. Heizöl liegt
+					meistens in Litern vor. Pellets oder Brennholz in kg.
 				</HelpLabel>
 			</div>
 		</div>
@@ -409,8 +428,13 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			</div>
 
 			<div class="help-label">
-				<HelpLabel>Hier sind die <b>Verbräuche einer zusätzlichen Heizquelle</b> 
-					(z.B. Einzelöfen, Kamin, Nachtspeicher, Wärmepumpe, zweiter Heizkessel etc.) einzugeben</HelpLabel>
+				<HelpLabel
+					>Hier sind die <b
+						>Verbräuche einer zusätzlichen Heizquelle</b
+					>
+					(z.B. Einzelöfen, Kamin, Nachtspeicher, Wärmepumpe, zweiter Heizkessel
+					etc.) einzugeben</HelpLabel
+				>
 			</div>
 		</div>
 
@@ -439,16 +463,24 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 				<div class="help-label">
 					<HelpLabel>
-					<b>Heizöl:</b> Flüssiger fossiler Brennstoff.<br/>
-					<b>Erdgas:</b> Gasförmiger fossiler Brennstoff.<br/>
-					<b>Flüssiggas:</b> Wie Erdgas fossiler Brennstoff - im Flüssiggastank gelagert<br/>
-					<b>Braunkohle:</b> Fester fossiler Brennstoff<br/>
-					<b>Holz-Pellets:</b> Stäbchenförmige Pellets - erneuerbarer (nachwachsender) Brennstoff<br/>
-					<b>Holzhackschnitzel:</b>Wie Holz-Pellets<br/>
-					<b>Fernwärme, Nahwärme:</b> kommunales Wärmenetz - <strong>erfragen Sie 
-						den Primärenergiefaktor bei Ihrem Energieversorger</strong>  (meistens mit regenartivem Anteil)<br/>
-					<b>Strommix:</b> Meist bei Wärmepumpe oder Nachtspeicher.<br/>
-					<b>Koks:</b> stark kohlenstoffhaltiger fossiler Brennstoff.<br/>
+						<b>Heizöl:</b> Flüssiger fossiler Brennstoff.<br />
+						<b>Erdgas:</b> Gasförmiger fossiler Brennstoff.<br />
+						<b>Flüssiggas:</b> Wie Erdgas fossiler Brennstoff - im
+						Flüssiggastank gelagert<br />
+						<b>Braunkohle:</b> Fester fossiler Brennstoff<br />
+						<b>Holz-Pellets:</b> Stäbchenförmige Pellets -
+						erneuerbarer (nachwachsender) Brennstoff<br />
+						<b>Holzhackschnitzel:</b>Wie Holz-Pellets<br />
+						<b>Fernwärme, Nahwärme:</b> kommunales Wärmenetz -
+						<strong
+							>erfragen Sie den Primärenergiefaktor bei Ihrem
+							Energieversorger</strong
+						>
+						(meistens mit regenartivem Anteil)<br />
+						<b>Strommix:</b> Meist bei Wärmepumpe oder
+						Nachtspeicher.<br />
+						<b>Koks:</b> stark kohlenstoffhaltiger fossiler
+						Brennstoff.<br />
 					</HelpLabel>
 				</div>
 			</div>
@@ -474,9 +506,11 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 				<div class="help-label">
 					<HelpLabel>
-					Bitte geben Sie die Einheit ein. Die Liste passt sich entsprechend des ausgeählten Brennstoffes an. 
-					Erdgas wird meist auf der Abrechnung in kWh ausgewiesen. Heizöl liegt meistens in
-					Litern vor. Pellets oder Brennholz in kg.
+						Bitte geben Sie die Einheit ein. Die Liste passt sich
+						entsprechend des ausgeählten Brennstoffes an. Erdgas
+						wird meist auf der Abrechnung in kWh ausgewiesen. Heizöl
+						liegt meistens in Litern vor. Pellets oder Brennholz in
+						kg.
 					</HelpLabel>
 				</div>
 			</div>

src/components/Ausweis/types.ts

@@ -51,7 +51,11 @@ export type VerbrauchsausweisWohnenClient = OmitKeys<
 export type VerbrauchsausweisGewerbeClient = OmitKeys<
 	VerbrauchsausweisGewerbe,
 	"id" | "aufnahme_id" | "benutzer_id"
->;
+> & {
+	uid_objekt: string,
+	uid_aufnahme: string,
+	uid_benutzer?: string
+};
 
 /**
  * Das ist der Typescript Type für den Verbrauchsausweis Gewerbe mit allen Feldern die
@@ -66,7 +70,11 @@ export type VerbrauchsausweisGewerbeClient = OmitKeys<
 export type BedarfsausweisWohnenClient = OmitKeys<
 	BedarfsausweisWohnen,
 	"id" | "aufnahme_id" | "benutzer_id"
->;
+> & {
+	uid_objekt: string,
+	uid_aufnahme: string,
+	uid_benutzer?: string
+};
 
 /**
  * Das ist der Typescript Type für die Gebäude Stammdaten mit allen Feldern die

src/components/Dashboard/DashboardAusweis.svelte

@@ -132,7 +132,7 @@
 			<!-- TODO: Metrics für den Fortschritt festlegen -->
 			<span class="text-sm font-semibold text-base-content">{progress}%</span>
 		</div>
-		{#await endEnergieVerbrauchVerbrauchsausweis_2016(ausweis)}
+		{#await endEnergieVerbrauchVerbrauchsausweis_2016(ausweis, aufnahme, objekt)}
 
 		{:then calculations}
 		<div class="flex flex-col gap-2">

src/components/Dashboard/DashboardSidebar.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
 	import { ripple } from "svelte-ripple-action";
-	import type { RippleOptions } from "svelte-ripple-action/dist/constants";
+	import type { RippleOptions } from "svelte-ripple-action/dist/constants.js";
 	import { Home, Reader, EnvelopeClosed, Cube, Bell, Gear, LockClosed, HamburgerMenu } from "radix-svelte-icons"
 	import NotificationProvider from "#components/NotificationProvider/NotificationProvider.svelte";
 	import DashboardNotification from "./DashboardNotification.svelte";
-	import { notifications } from "#components/NotificationProvider/shared";
+	import { notifications } from "#components/NotificationProvider/shared.js";
 	import ThemeController from "#components/ThemeController.svelte";
-	import { BenutzerClient } from "#components/Ausweis/types";
+	import { BenutzerClient } from "#components/Ausweis/types.js";
 	import Cross1 from "radix-svelte-icons/src/lib/icons/Cross1.svelte";
 
 	export let lightTheme: boolean;

src/components/DatenblattButton.svelte

@@ -1,13 +1,19 @@
 <script lang="ts">
 	import { Buffer } from "buffer";
-	import { VerbrauchsausweisWohnenClient } from "./Ausweis/types";
+	import { AufnahmeClient, ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "./Ausweis/types.js";
 
 	export let ausweis: VerbrauchsausweisWohnenClient;
+	export let objekt: ObjektClient;
+	export let aufnahme: AufnahmeClient;
+	export let bilder: UploadedGebaeudeBild[];
 
-	$: base64 = Buffer.from(JSON.stringify(ausweis), "utf-8").toString("base64");
+	$: base64Ausweis = Buffer.from(JSON.stringify(ausweis), "utf-8").toString("base64")
+	$: base64Aufnahme = Buffer.from(JSON.stringify(aufnahme), "utf-8").toString("base64")
+	$: base64Objekt = Buffer.from(JSON.stringify(objekt), "utf-8").toString("base64")
+	$: base64Bilder = Buffer.from(JSON.stringify(bilder), "utf-8").toString("base64")
 </script>
 
-<a class="border-2 rounded-lg bg-white text-center hover:shadow-md no-underline p-3 cursor-pointer" target="_blank" href="/pdf/datenblatt?base64={base64}">
+<a class="border-2 rounded-lg bg-white text-center hover:shadow-md no-underline p-3 cursor-pointer" target="_blank" href="/pdf/datenblatt?ausweis={base64Ausweis}&objekt=${base64Objekt}&aufnahme={base64Aufnahme}&bilder={base64Bilder}">
 	<img src="/images/datenblatt.webp" alt="Datenblatt" />
 	<span class="text-black font-medium text-lg">Datenblatt</span>
 </a>

src/components/ImageGrid.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
 	import UploadImages from "./UploadImages.svelte";
-	import type { BedarfsausweisWohnen, Enums, VerbrauchsausweisGewerbe } from "@ibcornelsen/database/client";
-	import { ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "./Ausweis/types.js";
+	import type { Enums } from "@ibcornelsen/database/client";
+	import { BedarfsausweisWohnenClient, ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisGewerbeClient, VerbrauchsausweisWohnenClient } from "./Ausweis/types.js";
 	import { RotateCounterClockwise, Trash, Upload } from "radix-svelte-icons";
 
 	export let images: UploadedGebaeudeBild[] = [];
 	export let max: number = 4;
 	export let min: number = 1;
 	export let name: string = "";
-	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbe | BedarfsausweisWohnen;
-	export let gebaeude: ObjektClient;
+	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbeClient | BedarfsausweisWohnenClient;
+	export let objekt: ObjektClient;
 	export let kategorie: Enums.BilderKategorie
 
 	async function rotateImage(image: UploadedGebaeudeBild): Promise<UploadedGebaeudeBild> {
@@ -36,7 +36,7 @@
 </script>
 
 <div class="flex flex-col gap-4">
-	<UploadImages {name} {kategorie} {max} {min} bind:upload bind:gebaeude bind:images bind:ausweis><slot /></UploadImages>
+	<UploadImages {name} {kategorie} {max} {min} bind:upload bind:objekt bind:images bind:ausweis><slot /></UploadImages>
 	<div class="grid grid-cols-2 gap-2">
 		{#each images as image, i}
 			{#if image.kategorie == kategorie}

src/components/PaymentOption.svelte

@@ -10,7 +10,7 @@
 
 <div>
 
-<input type="radio" data-test={paymentType} id={paymentType} name="paymentType" on:change={() => selectedPaymentType = paymentType} />
+<input type="radio" data-cy={paymentType} id={paymentType} name="paymentType" on:change={() => selectedPaymentType = paymentType} />
 
 <label for={paymentType}>
 	<div class="grid grid-rows-[1fr_20px] justify-items-center items-center cursor-pointer">

src/components/PlzSuche.svelte

@@ -16,7 +16,7 @@
 		}
 
 		try {
-			const result = await api.postleitzahlen.GET.fetch({ plz: zip });
+			const result = await api.postleitzahlen.GET.fetch({ plz: zip, limit: 10 });
 			
 			if (result.length > 0) {
 				zipCodes = result;
@@ -45,7 +45,7 @@
 
 </script>
 
-<div class="" use:clickOutside={() => {
+<div use:clickOutside={() => {
 	hideZipDropdown = true;
 }}>
 	
@@ -65,13 +65,19 @@
 		maxlength="5"
 	/>
 
-	<div data-test="plz-container" class="absolute top-[calc(100%+4px)] left-0 w-full bg-white py-2 shadow-md rounded-lg z-50" hidden={hideZipDropdown}>
+	<div data-test="plz-container" class="absolute top-[calc(100%+4px)] flex flex-col left-0 bg-white py-1 shadow-md rounded-lg z-10" class:hidden={hideZipDropdown}>
 		{#each zipCodes as zipCode}
-			<div class="hover:bg-gray-100 cursor-pointer px-2 py-0.5 text-nowrap" tabindex="-1" on:click={() => {
+			<button class="hover:bg-gray-100 cursor-pointer px-2 py-1 text-nowrap" tabindex="-1" on:click={() => {
 				zip = zipCode.plz;
 				city = zipCode.stadt;
 				hideZipDropdown = true;
-			}}>{zipCode.plz}, {zipCode.stadt}</div>
+			}}>{zipCode.plz}, {zipCode.stadt}</button>
 		{/each}
 	</div>
 </div>
+
+<style>
+	button:not(:last-of-type) {
+		@apply border-b border-b-gray-200;
+	}
+</style>

src/components/Tabellen/A14AufwandszahlenMittlereBelastung.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
   import { A14BerechnungAufwandszahlenMittlereBelastung } from "#lib/Berechnungen/BedarfsausweisWohnen/A14BerechnungAufwandszahlenMittlereBelastung.js";
+    import { funktionNennleistungWaermeerzeugerWarmwasserA14 } from "#lib/Berechnungen/BedarfsausweisWohnen/funktionNennleistungWaermeerzeugerWarmwasserA14.js";
+    import { SystemModule } from "@faker-js/faker";
 
 $: result = A14BerechnungAufwandszahlenMittlereBelastung(); 
 
@@ -28,7 +30,7 @@ $: result = A14BerechnungAufwandszahlenMittlereBelastung();
             <th colspan="1" class="border border-gray-300 px-4 py-2 text-center">Q<sub>h,b</sub> [kWh/a]<br>aus Tabelle A.12:</th>
             <th colspan="1" class="border border-gray-300 px-4 py-2 text-center bg-yellow-100">{Math.round(result.gesamtNutzenergieHeizung)}</th>
             <th colspan="1" class="border border-gray-300 px-4 py-2 text-center">t<sub>h,m</sub> [h/a]<br>aus Tabelle A.12:</th>
-            <th colspan="1" class="border border-gray-300 px-4 py-2 text-center bg-yellow-100">{Math.round(result.heizstundenGesamt)}</th>
+            <th colspan="1" class="border border-gray-300 px-4 py-2 text-center bg-yellow-100">{Math.round(result.gesamtHeizstunden)}</th>
             <th colspan="1" class="border border-gray-300 px-4 py-2 text-center">Φ<sub>h,max</sub>  [W]<br>aus Tabelle A.6:</th>
             <th colspan="1" class="border border-gray-300 px-4 py-2 text-center bg-yellow-100">{Math.round(result.maximaleHeizlast)}</th>
           </tr>
@@ -41,7 +43,7 @@ $: result = A14BerechnungAufwandszahlenMittlereBelastung();
           <th colspan="2" class="border border-gray-300 px-4 py-2 text-center">Übergabe</th>
           <th colspan="2" class="border border-gray-300 px-4 py-2 text-center">Verteilung</th>
           <th colspan="2" class="border border-gray-300 px-4 py-2 text-center">Speicherung</th>
-          <th colspan="2" class="border border-gray-300 px-4 py-2 text-center">Erzeugung</th>
+          <th colspan="2" class="border border-gray-300 px-4 py-2 text-center">Erzeugung {Math.round(result.NennleistungWaermeerzeuger*100)/100}</th>
         </tr>
         <tr>
           <th class="border border-gray-300 px-4 py-2"></th>
@@ -58,17 +60,24 @@ $: result = A14BerechnungAufwandszahlenMittlereBelastung();
       </thead>
       <tbody>
         {#each result.ErgebnisseAufwandsZahlenBelastungHeizung as system, index}
+        <tr class="text-center">
+          <td colspan="2" class="text-left border border-gray-300 px-4 py-2">flächenbezogene Heizlast [W/m²]</td>
+          <td colspan="2" class="border-2 border-gray-600 px-4 py-2">{Math.round(system.flaechenbezogeneLeistungUebergabeHeizung*100)/100}</td>
+          <td colspan="2" class="border-2 border-gray-600 px-4 py-2">{Math.round(system.flaechenbezogeneLeistungVerteilungHeizung*100)/100}</td>
+          <td colspan="2" class="border-2 border-gray-600 px-4 py-2">{Math.round(system.flaechenbezogeneLeistungSpeicherungHeizung*100)/100}</td>
+          <td colspan="2" class="border-2 border-gray-600 px-4 py-2"></td>
+        </tr>
         <tr class="text-center">
           <td class="border border-gray-300 px-4 py-2">{system.Bezeichnung}</td>
           <td class="border border-gray-300 px-4 py-2 bg-yellow-100">{Math.round(system.VersorgteFlaeche*100)/100}</td>
           <td class="border-2 border-gray-600 px-4 py-2">{Math.round(system.mittlereBelastungUebergabeHeizung*1000)/1000}</td>
           <td class="border border-gray-300 px-4 py-2 bg-blue-100">{Math.round(system.AufwandsZahlUebergabeHeizung*1000)/1000}</td>
           <td class="border-2 border-gray-600 px-4 py-2">{Math.round(system.mittlereBelastungVerteilungHeizung*1000)/1000}</td>
-          <td class="border border-gray-300 px-4 py-2 bg-blue-100"></td>
-          <td class="border-2 border-gray-600 px-4 py-2"></td>
-          <td class="border border-gray-300 px-4 py-2 bg-blue-100"></td>
-          <td class="border-2 border-gray-600 px-4 py-2"></td>
-          <td class="border border-gray-300 px-4 py-2 bg-blue-100"></td>
+          <td class="border border-gray-300 px-4 py-2 bg-blue-100">{Math.round(system.AufwandsZahlVerteilungHeizung*1000)/1000}</td>
+          <td class="border-2 border-gray-600 px-4 py-2">{Math.round(system.mittlereBelastungSpeicherungHeizung*1000)/1000}</td>
+          <td class="border border-gray-300 px-4 py-2 bg-blue-100">{Math.round(system.AufwandsZahlSpeicherungHeizung*1000)/1000}</td>
+          <td class="border-2 border-gray-600 px-4 py-2">{Math.round(system.mittlereBelastungErzaegungHeizung*1000)/1000}</td>
+          <td class="border border-gray-300 px-4 py-2 bg-blue-100">{Math.round(system.AufwandsZahlErzeugungHeizung*1000)/1000}</td>
         </tr>
         {/each}
         <tr>

src/components/UploadImages.svelte

@@ -1,17 +1,17 @@
 <script lang="ts">
 	import HelpLabel from "#components/labels/HelpLabel.svelte";
-	import type { BedarfsausweisWohnen, Enums, VerbrauchsausweisGewerbe } from "@ibcornelsen/database/client";
+	import type { Enums } from "@ibcornelsen/database/client";
 
 	export let max: number = 2;
 	export let min: number = 1;
 	export let name: string = ""
 
 	// Array of base64 encoded images read into the input.
-	import { ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisWohnenClient } from "./Ausweis/types.js";
+	import { BedarfsausweisWohnenClient, ObjektClient, UploadedGebaeudeBild, VerbrauchsausweisGewerbeClient, VerbrauchsausweisWohnenClient } from "./Ausweis/types.js";
 
 	export let images: UploadedGebaeudeBild[] = [];
-	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbe | BedarfsausweisWohnen;
-	export let gebaeude: ObjektClient;
+	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbeClient | BedarfsausweisWohnenClient;
+	export let objekt: ObjektClient;
 	export let kategorie: Enums.BilderKategorie;
 
 	function getAllImages(this: HTMLInputElement) {
@@ -36,7 +36,7 @@
 
 			const reader = new FileReader();
 
-			reader.onload = (ev) => {
+			reader.onload = () => {
 				if (reader.readyState != reader.DONE) {
 					return;
 				}

src/components/Verbrauchsausweis/audits/EndEnergie.ts

@@ -3,7 +3,7 @@ import { AuditType, hidden } from "./hidden.js";
 import { endEnergieVerbrauchVerbrauchsausweis_2016 } from "#lib/Berechnungen/VerbrauchsausweisWohnen/VerbrauchsausweisWohnen_2016.js";
 import { getKlimafaktoren } from "#lib/Klimafaktoren.js";
 
-export async function auditEndEnergie(ausweis: VerbrauchsausweisWohnenClient, gebaeude: ObjektClient, aufnahme: AufnahmeClient): Promise<boolean> {
+export async function auditEndEnergie(ausweis: VerbrauchsausweisWohnenClient, objekt: ObjektClient, aufnahme: AufnahmeClient): Promise<boolean> {
     if (hidden.has(AuditType.END_ENERGIE)) {
         return false;
     }
@@ -11,9 +11,9 @@ export async function auditEndEnergie(ausweis: VerbrauchsausweisWohnenClient, ge
     if (aufnahme){
         if (aufnahme.flaeche && ausweis.verbrauch_1 && ausweis.verbrauch_2 && ausweis.verbrauch_3) {
             try {
-                const response = await getKlimafaktoren(ausweis.startdatum, gebaeude.plz);
+                const response = await getKlimafaktoren(ausweis.startdatum, objekt.plz);
                 // Alle Klimfaktoren konnten abgefragt werden.
-                const eevva = await endEnergieVerbrauchVerbrauchsausweis_2016({...ausweis, aufnahme: {...aufnahme, objekt: gebaeude}});
+                const eevva = await endEnergieVerbrauchVerbrauchsausweis_2016(ausweis, aufnahme, objekt);
                 if (eevva){
                     if (eevva?.endEnergieVerbrauchGesamt <= 45 || eevva?.endEnergieVerbrauchGesamt >= 500) {
                         return true;

src/components/Verbrauchsausweis/audits/VerbrauchAbweichung.ts

@@ -1,8 +1,8 @@
 import { AufnahmeClient, ObjektClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
 import { AuditType, hidden } from "./hidden.js";
 
-export function auditVerbrauchAbweichung(ausweis: VerbrauchsausweisWohnenClient, gebaeude: AufnahmeClient): number[] {
-	if (gebaeude.leerstand && (gebaeude.leerstand > 0)) {
+export function auditVerbrauchAbweichung(ausweis: VerbrauchsausweisWohnenClient, aufnahme: AufnahmeClient): number[] {
+	if (aufnahme.leerstand && (aufnahme.leerstand > 0)) {
 		return [];
 	}
 

src/components/design/header/AusweisHeaderImmowelt.astro

@@ -0,0 +1,76 @@
+---
+import HeaderLogin from "#components/design/header/HeaderLogin.svelte";
+---
+
+<header id="header">
+
+<div id="header-grid" class="grid relative bg-white items-center gap-x-4 pt-4 px-0
+
+grid-cols-1
+sm:grid-cols-1 
+md:grid-cols-1
+
+lg:grid-cols-[1fr_minmax(450px,450px)] lg:gap-x-3 lg:px-4 lg:py-4
+xl:grid-cols-[1fr_minmax(450px,450px)] xl:gap-x-4 xl:px-6 xl:py-4
+2xl:grid-cols-[1fr_minmax(450px,450px)] 2xl:gap-x-5 2xl:px-6 2xl:py-4">
+
+<div class="justify-self-center xs:justify-self-start">
+
+<div class="grid grid-cols-1 px-2 gap-2 gap-y-1
+xs:grid-cols-[max-content,1fr] xs:gap-x-2 xs:px-4
+md:gap-y-4
+lg:px-0 lg:gap-x-4">
+
+<div class="ml-4 mb-2 mt-2 mr-4">
+	<a href="/">
+		<img id="header-logo" class="w-109 
+		xs:max-w-[109px] 
+		sm:max-w-[109px]
+		md:max-w-[109px] md:ml-6
+		lg:max-w-[109px] lg:ml-0
+		xl:max-w-[109px] xl:ml-0
+		" 
+		src="/images/header/logo_immowelt.svg" alt="Immowelt-Logo"/>
+	</a>
+</div>
+
+<div class="text-center md:justify-self-start xs:mt-[20px] md:mt-[18px]">
+	<div id="header-text-2" class="text-color:#303038ff justify-self-center
+	xs:[font-size:_clamp(15px,4vw,28px)] xs:justify-self-start xs:leading-[20px]
+	lg:[font-size:_clamp(15px,3vw,20px)] 
+	lg:leading-[2rem]
+	xl:[font-size:_clamp(15px,3vw,24px)] 
+	xl:leading-[0.5rem]">
+	Hier komfortabel und einfach online den <b>Verbrauchsausweis Wohnen</b> bestellen
+	</div>
+	</div>
+</div>
+</div>
+
+
+
+
+
+<div class="w-full justify-self-center">
+	<HeaderLogin client:load  />
+</div>
+
+</div>
+
+
+
+
+</div>
+
+	<div class="col-start-1 col-span-3">
+		<div id="header-line" class="px-2 flex flex-row w-full justify-end items-center bg-gray-200 h-[30px]
+					lg:h-[30px] xl:h-[30px]"></div>			
+	</div>
+
+</header>
+
+<style>
+	.header-button {
+		@apply px-4 py-2 text-primary-content font-medium text-lg tracking-normal hover:bg-secondary h-full;
+	}
+</style>

src/components/design/header/AusweisHeaderImmowelt2.astro

@@ -0,0 +1,86 @@
+---
+import HeaderLogin from "#components/design/header/HeaderLogin.svelte";
+---
+
+<header id="header">
+
+<div id="header-grid" class="grid relative bg-white items-center gap-x-4 pt-4 px-0
+
+grid-cols-1
+sm:grid-cols-1 
+md:grid-cols-1
+
+lg:grid-cols-[1fr_minmax(450px,450px)] lg:gap-x-3 lg:px-4 lg:py-4
+xl:grid-cols-[1fr_minmax(450px,450px)] xl:gap-x-4 xl:px-6 xl:py-4
+2xl:grid-cols-[1fr_minmax(450px,450px)] 2xl:gap-x-5 2xl:px-6 2xl:py-4" 
+
+<div class="justify-self-center xs:justify-self-start">
+
+<div class="grid grid-cols-1 px-2 gap-2 gap-y-1
+xs:grid-cols-[max-content,1fr] xs:gap-x-2 xs:px-4
+md:gap-y-4
+lg:px-0 lg:gap-x-4">
+
+<div class="self-center justify-self-center ml-4 mb-2 background-image" >
+    <a href="/">
+        <img id="header-logo" class="w-full 
+        xs:max-w-[150px] 
+        sm:max-w-[150px]
+        md:max-w-[150px] md:ml-6
+        lg:max-w-[150px] lg:ml-0
+        xl:max-w-[150px] xl:ml-0
+        " 
+        src="/images/header/logo_immowelt.svg" alt="Immowelt-Logo"/>
+    </a>
+</div>
+
+<div class="self-center justify-self-center md:justify-self-start xs:mt-[20px] md:mt-[18px]">
+	
+	<div id="header-text-1"class="text-secondary justify-self-center
+	xs:[font-size:_clamp(15px,5vw,36px)] xs:justify-self-start xs:leading-[36px]
+
+	lg:[font-size:_clamp(15px,3vw,26px)]
+	lg:leading-[2rem]
+	xl:[font-size:_clamp(15px,3vw,36px)] 
+	xl:leading-[4.5rem] pt-[0px]">
+	</div>
+
+	<div id="header-text-2"class="text-primary justify-self-center
+	xs:[font-size:_clamp(15px,4vw,28px)] xs:justify-self-start xs:leading-[20px]
+
+	lg:[font-size:_clamp(15px,3vw,20px)] 
+	lg:leading-[2rem]
+	xl:[font-size:_clamp(15px,3vw,24px)] 
+	xl:leading-[0.5rem]">
+	</div>
+	</div>
+</div>
+</div>
+
+
+
+
+
+<div class="w-full justify-self-center">
+	<HeaderLogin client:load  />
+</div>
+
+</div>
+
+
+
+
+</div>
+
+	<div class="col-start-1 col-span-3">
+		<div id="header-line" class="px-2 flex flex-row w-full justify-end items-center bg-immowelt-gelb
+					lg:h-[8px] xl:h-[8px]"></div>			
+	</div>
+
+</header>
+
+<style>
+	.header-button {
+		@apply px-4 py-2 text-primary-content font-medium text-lg tracking-normal hover:bg-secondary h-full;
+	}
+</style>

src/cypress/e2e/VerbrauchsausweisGewerbe/erstellen.cy.ts

@@ -1,24 +1,26 @@
-import fuelList from "#components/Ausweis/brennstoffListe";
+import fuelList from "#components/Ausweis/brennstoffListe.js";
 import { faker } from "@faker-js/faker";
-import { Enums } from "@ibcornelsen/database/client";
+import { type Enums } from "@ibcornelsen/database/client";
 import "cypress-file-upload"
+import moment from "moment";
 
 describe("Verbrauchsausweis erstellen Schritt 1", () => {
+	const ausstellgrund = (["Modernisierung", "Neubau", "Sonstiges", "Verkauf", "Vermietung"] as Enums.Ausstellgrund[]);
+	const heizungsstatus = (["BEHEIZT", "NICHT_VORHANDEN", "UNBEHEIZT"] as Enums.Heizungsstatus[]);
+
 	it("erstellt einen neuen Verbrauchsausweis Wohngebäude.", () => {
 		cy.visit("/energieausweis-erstellen/verbrauchsausweis-gewerbe");
 
 		cy.wait(1000);
 
 		// Wir überprüfen, ob alle Ausstelgründe vorhanden sind, diese sollten genau so viele sein wie in der Datenbank vorhanden sind.
-		cy.get("input[name='ausstellgrund']")
-			.should("have.length", Object.values(Enums.Ausstellgrund).length)
-			.eq(
+		cy.get("select[data-cy='ausstellgrund']")
+			.select(
 				faker.number.int({
 					min: 0,
-					max: Object.values(Enums.Ausstellgrund).length - 1,
+					max: (["Modernisierung", "Neubau", "Sonstiges", "Verkauf", "Vermietung"] as Enums.Ausstellgrund[]).length - 1,
 				})
 			)
-			.check();
 
 		// Jetzt Füllen wir das Baujahr vom Gebäude aus.
 		cy.get("input[name='baujahr_gebaeude']")
@@ -71,14 +73,14 @@ describe("Verbrauchsausweis erstellen Schritt 1", () => {
 			.type(faker.number.int({ min: 50, max: 1000 }).toString());	
 
 		// Keller
-		cy.get("select[name='keller']").find("option:not([disabled])").should("have.length", Object.values(Enums.Heizungsstatus).length).parent().select(faker.number.int({
-			max: Object.values(Enums.Heizungsstatus).length,
+		cy.get("select[name='keller']").find("option:not([disabled])").should("have.length", heizungsstatus.length).parent().select(faker.number.int({
+			max: heizungsstatus.length,
 			min: 1
 		}));
 
 		// Dachgeschoss
-		cy.get("select[name='dachgeschoss']").find("option:not([disabled])").should("have.length", Object.values(Enums.Heizungsstatus).length).parent().select(faker.number.int({
-			max: Object.values(Enums.Heizungsstatus).length,
+		cy.get("select[name='dachgeschoss']").find("option:not([disabled])").should("have.length", heizungsstatus.length).parent().select(faker.number.int({
+			max: heizungsstatus.length,
 			min: 1
 		}));
 
@@ -88,9 +90,22 @@ describe("Verbrauchsausweis erstellen Schritt 1", () => {
 		cy.get("select[name='brennstoff_1']").select(brennstoffKombo[0]);
 		cy.get("select[name='einheit_1']").select(brennstoffKombo[1]);
 
+let availableDates = [];
+		const startDate = moment()
+			.subtract(4, "years")
+			.subtract(6, "months");
+		const endDate = moment().subtract(3, "years");
+	
+		for (let m = moment(startDate); m.isBefore(endDate); m.add(1, "month")) {
+			availableDates.push({
+				year: m.year(),
+				month: m.month(),
+			});
+		}
+
 		// Verbrauchszeitraum
-		cy.get("select[name='energieverbrauch_zeitraum_monat']").select(faker.number.int({ min: 1, max: 12 }).toString());
-		cy.get("select[name='energieverbrauch_zeitraum_jahr']").select(faker.number.int({ min: 2018, max: 2019 }).toString());
+		cy.get("select[name='energieverbrauch_zeitraum_monat']").select(availableDates[0].month.toString());
+		cy.get("select[name='energieverbrauch_zeitraum_jahr']").select(availableDates[0].year.toString());
 
 		// Verbrauch
 		cy.get("input[name='verbrauch_1']").type(faker.number.int({ min: 4000, max: 15000 }).toString());
@@ -101,18 +116,18 @@ describe("Verbrauchsausweis erstellen Schritt 1", () => {
 		const zusaetzlicheHeizquelle = Math.random() > 0.5;
 
 		if (zusaetzlicheHeizquelle) {
-			cy.get("input[name='zusaetzliche_heizquelle']").check();
+			cy.get("[data-cy='zusaetzliche_heizquelle']").check();
 
 			// Brennstoff und Einheit 2
 			const brennstoffKombo2 = fuelList[faker.number.int({ min: 0, max: fuelList.length - 1 })];
 
-			cy.get("select[name='brennstoff_2']").select(brennstoffKombo2[0]);
-			cy.get("select[name='einheit_2']").select(brennstoffKombo2[1]);
+			cy.get("[data-cy='brennstoff_2']").select(brennstoffKombo2[0], { force: true });
+			cy.get("[data-cy='einheit_2']").select(brennstoffKombo2[1], { force: true });
 
 			// Verbrauch
-			cy.get("input[name='verbrauch_4']").type(faker.number.int({ min: 4000, max: 15000 }).toString());
-			cy.get("input[name='verbrauch_5']").type(faker.number.int({ min: 4000, max: 15000 }).toString());
-			cy.get("input[name='verbrauch_6']").type(faker.number.int({ min: 4000, max: 15000 }).toString());
+			cy.get("input[name='verbrauch_4']").type(faker.number.int({ min: 4000, max: 15000 }).toString(), { force: true });
+			cy.get("input[name='verbrauch_5']").type(faker.number.int({ min: 4000, max: 15000 }).toString(), { force: true });
+			cy.get("input[name='verbrauch_6']").type(faker.number.int({ min: 4000, max: 15000 }).toString(), { force: true });
 		}
 
 		// Gebäudestrom
@@ -169,7 +184,7 @@ describe("Verbrauchsausweis erstellen Schritt 1", () => {
 
 		// Gebäudetyp
 		cy.get("select[name='gebaeudetyp']").then(($dropdown) => {
-			const options = $dropdown.find('option');
+			const options = $dropdown.find('option:not([disabled])');
 			// Select the option at the random index
 			cy.get("select[name='gebaeudetyp']").select(options.eq(faker.number.int({ min: 1, max: options.length - 1 })).val() as string);
 		});
@@ -210,7 +225,7 @@ describe("Verbrauchsausweis erstellen Schritt 1", () => {
 		if (Math.random() > 0.5) cy.get("input[name='warmwasser_rohre_gedaemmt']").check();
 		if (Math.random() > 0.5) cy.get("input[name='heizungsrohre_gedaemmt']").check();
 		if (Math.random() > 0.5) cy.get("input[name='zirkulation']").check();
-		if (Math.random() > 0.5) cy.get("input[name='raum_temperatur_regler']").check();
+		// if (Math.random() > 0.5) cy.get("input[name='raum_temperatur_regler']").check();
 
 		// Heizungsanlage Bilder
 		cy.get("input[name='heizung_image']").should("have.attr", "type", "file").attachFile("images/heizungsanlage/1.jpeg", { subjectType: "input" });
@@ -247,14 +262,14 @@ describe("Verbrauchsausweis erstellen Schritt 1", () => {
 		cy.get("input[name='gebaeude_image']").should("have.attr", "type", "file").attachFile("images/gebaeude/1.jpeg", { subjectType: "input" });
 
 		// Jetzt können wir den Verbrauchsausweis erstellen.
-		cy.get("form[name='ausweis'] button[type='submit']").click({ force: true });
+		cy.get("form[name='ausweis'] button[data-cy='weiter']").click({ force: true });
 
 		// Wir sind nicht eingeloggt also sollte jetzt ein Login Screen erscheinen.
 		// Wir klicken auf registrieren und erstellen einen neuen Benutzer, danach loggen wir uns mit diesem ein.
-		cy.get("button[name='registrieren']").click();
+		cy.get("[data-cy='registrieren']").click();
 
 		const email = faker.internet.email();
-		const passwort = faker.internet.password();
+		const passwort = "test1234";
 		const vorname = faker.person.firstName();
 		const nachname = faker.person.lastName();
 
@@ -272,6 +287,37 @@ describe("Verbrauchsausweis erstellen Schritt 1", () => {
 
 		cy.get("form[name='login'] button[type='submit']").click();
 
-		// Der Ausweis sollte jetzt schon erstellt worden sein.
+		// Der Ausweis sollte jetzt schon erstellt worden sein und wir sollten auf die kundendaten seite weitergeleitet worden sein.
+		cy.url().should("contain", "/kundendaten");
+
+		cy.wait(1000)
+
+		// Wir füllen jetzt die Kundendaten aus.
+		// cy.get("select[name='anrede']").select(Math.random() > 0.5 ? "Herr" : "Frau");
+		cy.get("input[name='vorname']").should("contain.value", vorname);
+		cy.get("input[name='name']").should("contain.value", nachname);
+		// cy.get("input[name='email']").should("contain.value", email);
+		// cy.get("input[name='telefon']").type(faker.phone.number());
+		
+		cy.get("input[name='rechnung_empfaenger']").type(`${vorname} ${nachname}`);
+		cy.get("input[name='rechnung_strasse']").type(faker.location.streetAddress());
+		// TODO: Random Plz generieren, allerdings muss die auch in der Datenbank vorhanden sein...
+		cy.get("input[name='rechnung_plz']").type("2103");
+		// Jetzt sollte der PLZ Container erscheinen, dort klicken wir einfach das erste Element an.
+		cy.get("div[data-test='plz-container']").children().first().click();
+		// cy.get("input[name='rechnung_telefon']").type(faker.phone.number());
+		cy.get("input[name='rechnung_email']").should("contain.value", email);
+		cy.get("input[data-cy='paypal']").click();
+
+		// Datenschutz und AGB akzeptieren, dann schicken wir das Formular ab.
+		// cy.get("input[name='agb-akzeptieren']").check()
+		// cy.get("input[name='datenschutz-akzeptieren']").check()
+		cy.get("button[data-cy='bestellen']").click();
+
+		cy.origin('https://www.mollie.com', () => {
+			// Jetzt sind wir auf der Mollie Seite, dort wählen wir den "paid" status aus
+			cy.get("input[type='radio'][name='final_state'][value='paid']").check();
+			// Da wird unser Test fehlschlagen, da die localhost domain von Mollie aus nicht erreichbar ist.
+		})
 	});	
 });

src/cypress/e2e/VerbrauchsausweisWohnen/erstellen.cy.ts

@@ -266,11 +266,11 @@ describe("Verbrauchsausweis erstellen Schritt 1", () => {
 		cy.wait(1000)
 
 		// Wir füllen jetzt die Kundendaten aus.
-		cy.get("select[name='anrede']").select(Math.random() > 0.5 ? "Herr" : "Frau");
+		// cy.get("select[name='anrede']").select(Math.random() > 0.5 ? "Herr" : "Frau");
 		cy.get("input[name='vorname']").should("contain.value", vorname);
 		cy.get("input[name='name']").should("contain.value", nachname);
-		cy.get("input[name='email']").should("contain.value", email);
-		cy.get("input[name='telefon']").type(faker.phone.number());
+		// cy.get("input[name='email']").should("contain.value", email);
+		// cy.get("input[name='telefon']").type(faker.phone.number());
 		
 		cy.get("input[name='rechnung_empfaenger']").type(`${vorname} ${nachname}`);
 		cy.get("input[name='rechnung_strasse']").type(faker.location.streetAddress());
@@ -278,14 +278,14 @@ describe("Verbrauchsausweis erstellen Schritt 1", () => {
 		cy.get("input[name='rechnung_plz']").type("2103");
 		// Jetzt sollte der PLZ Container erscheinen, dort klicken wir einfach das erste Element an.
 		cy.get("div[data-test='plz-container']").children().first().click();
-		cy.get("input[name='rechnung_telefon']").type(faker.phone.number());
-		cy.get("input[name='rechnung_email']").type(faker.internet.email());
-		cy.get("button[data-test='paypal']").click();
+		// cy.get("input[name='rechnung_telefon']").type(faker.phone.number());
+		cy.get("input[name='rechnung_email']").should("contain.value", email);
+		cy.get("input[data-cy='paypal']").click();
 
 		// Datenschutz und AGB akzeptieren, dann schicken wir das Formular ab.
-		cy.get("input[name='agb-akzeptieren']").check()
-		cy.get("input[name='datenschutz-akzeptieren']").check()
-		cy.get("button[type='submit']").click();
+		// cy.get("input[name='agb-akzeptieren']").check()
+		// cy.get("input[name='datenschutz-akzeptieren']").check()
+		cy.get("button[data-cy='bestellen']").click();
 
 		cy.origin('https://www.mollie.com', () => {
 			// Jetzt sind wir auf der Mollie Seite, dort wählen wir den "paid" status aus

src/layouts/AusweisLayoutDatenImmowelt.astro

@@ -0,0 +1,156 @@
+---
+import "../style/global.css";
+import "../style/formular.css";
+import "../../svelte-dialogs.config"
+import Header from "#components/design/header/AusweisHeaderImmowelt.astro";
+import Footer from "#components/design/footer/Footer.astro";
+import { NotificationWrapper } from "@ibcornelsen/ui";
+
+export interface Props {
+	title: string;
+}
+
+const { title } = Astro.props;
+---
+<script>
+window.addEventListener("scroll", (event) => {
+    let scroll = window.scrollY;
+
+
+
+console.log(scroll);
+	if(scroll>=400){
+
+		document.getElementById('skala')?.classList.add('2xl:fixed','2xl:py-4','2xl:top-0','2xl:z-20');
+		document.getElementById('skala')?.classList.remove('w-full');
+
+
+		document.getElementById('skala').style.borderBottom = "3px solid #e6e6e6";
+
+
+		document.getElementById('performance-box').style.maxWidth = "688.5px";
+		document.getElementById('progress-box').style.maxWidth = "688.5px";
+
+		document.getElementById('formInput-1')?.classList.add('2xl:mt-[370px]');
+		
+
+
+
+	}else{
+
+		document.getElementById('skala')?.classList.remove('2xl:fixed','2xl:py-4','2xl:top-0','2xl:z-20');
+		document.getElementById('skala')?.classList.add('w-full');
+		
+		document.getElementById('skala').style.borderBottom = "none";
+
+		document.getElementById('formInput-1')?.classList.remove('2xl:mt-[370px]');
+
+
+
+
+	}
+    
+
+});
+
+</script>
+
+<!DOCTYPE html>
+<html lang="de">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.jpg" />
+
+		<meta
+			name="description"
+			content="✅ Jetzt Ihren Energieausweis online erstellen. Erhalten Sie Ihren online Energieausweis rechtssicher und nach aktueller GEG (vormals EnEV) vom Diplom Ingenieur geprüft."
+		/>
+		<link rel="canonical" href="https://online-energieausweis.org/" />
+
+		<meta property="og:locale" content="de_DE" />
+		<meta property="og:type" content="website" />
+		<meta
+			property="og:title"
+			content="Energieausweis online erstellen - Online Energieausweis"
+		/>
+		<meta
+			property="og:description"
+			content="✅ Jetzt Ihren Energieausweis online erstellen. Erhalten Sie Ihren online Energieausweis rechtssicher und nach aktueller GEG (vormals EnEV) vom Diplom Ingenieur geprüft."
+		/>
+		<meta property="og:url" content="https://online-energieausweis.org/" />
+		<meta property="og:site_name" content="Energieausweis online erstellen" />
+
+		<meta name="twitter:card" content="summary_large_image" />
+		<meta
+			name="twitter:description"
+			content="✅ Jetzt Ihren Energieausweis online erstellen. Erhalten Sie Ihren online Energieausweis rechtssicher und nach aktueller GEG (vormals EnEV) vom Diplom Ingenieur geprüft."
+		/>
+		<meta
+			name="twitter:title"
+			content="Energieausweis online erstellen - Online Energieausweis"
+		/>
+		<meta
+			name="twitter:image"
+			content="https://online-energieausweis.org/images/energieausweis-online-erstellen.jpg"
+		/>
+		<title>
+			{title || 'Energieausweis online erstellen - Online Energieausweis'}
+		</title>
+	</head>
+
+	<body>
+			
+		<Header />
+	
+		<main
+			class="w-full p-0 grid
+			xs:grid-cols-[minmax(1fr)] xs:gap-1 xs:p-0
+			sm:grid-cols-[minmax(1fr)] sm:gap-1 sm:p-0
+			md:grid-cols-[minmax(1fr)] md:gap-2 md:p-0
+			lg:grid-cols-[minmax(1fr)] lg:gap-3 lg:p-4
+			xl:grid-cols-[minmax(1fr)] xl:gap-4 xl:p-6
+			2xl:grid-cols-[minmax(1fr)] 2xl:gap-5 2xl:p-6
+		">
+
+
+		<article class="box rounded-tl-none p-2 lg:p-12">
+		<slot />
+		</article>
+ 
+		</main>
+	
+		<Footer />
+		<NotificationWrapper client:load />
+
+	</body>
+</html>
+
+<style is:global lang="postcss">
+	body {
+		min-height: 100vh;
+		width:100%;
+	}
+
+	article {
+		p, h1, h2, h3, h4, h5, h6 {
+			@apply text-base-content;
+		}
+	}
+
+
+
+
+	.headline {
+		@apply text-lg;
+	}
+
+	.radio-inline {
+		@apply flex flex-row gap-2;
+	}
+
+	.checkbox-inline {
+		@apply flex flex-row gap-2;
+	}
+
+</style>

src/layouts/AusweisLayoutDatenImmowelt2.astro

@@ -0,0 +1,156 @@
+---
+import "../style/global.css";
+import "../style/formular.css";
+import "../../svelte-dialogs.config"
+import Header from "#components/design/header/AusweisHeaderImmowelt2.astro";
+import Footer from "#components/design/footer/Footer.astro";
+import { NotificationWrapper } from "@ibcornelsen/ui";
+
+export interface Props {
+	title: string;
+}
+
+const { title } = Astro.props;
+---
+<script>
+window.addEventListener("scroll", (event) => {
+    let scroll = window.scrollY;
+
+
+
+console.log(scroll);
+	if(scroll>=400){
+
+		document.getElementById('skala')?.classList.add('2xl:fixed','2xl:py-4','2xl:top-0','2xl:z-20');
+		document.getElementById('skala')?.classList.remove('w-full');
+
+
+		document.getElementById('skala').style.borderBottom = "3px solid #e6e6e6";
+
+
+		document.getElementById('performance-box').style.maxWidth = "688.5px";
+		document.getElementById('progress-box').style.maxWidth = "688.5px";
+
+		document.getElementById('formInput-1')?.classList.add('2xl:mt-[370px]');
+		
+
+
+
+	}else{
+
+		document.getElementById('skala')?.classList.remove('2xl:fixed','2xl:py-4','2xl:top-0','2xl:z-20');
+		document.getElementById('skala')?.classList.add('w-full');
+		
+		document.getElementById('skala').style.borderBottom = "none";
+
+		document.getElementById('formInput-1')?.classList.remove('2xl:mt-[370px]');
+
+
+
+
+	}
+    
+
+});
+
+</script>
+
+<!DOCTYPE html>
+<html lang="de">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.jpg" />
+
+		<meta
+			name="description"
+			content="✅ Jetzt Ihren Energieausweis online erstellen. Erhalten Sie Ihren online Energieausweis rechtssicher und nach aktueller GEG (vormals EnEV) vom Diplom Ingenieur geprüft."
+		/>
+		<link rel="canonical" href="https://online-energieausweis.org/" />
+
+		<meta property="og:locale" content="de_DE" />
+		<meta property="og:type" content="website" />
+		<meta
+			property="og:title"
+			content="Energieausweis online erstellen - Online Energieausweis"
+		/>
+		<meta
+			property="og:description"
+			content="✅ Jetzt Ihren Energieausweis online erstellen. Erhalten Sie Ihren online Energieausweis rechtssicher und nach aktueller GEG (vormals EnEV) vom Diplom Ingenieur geprüft."
+		/>
+		<meta property="og:url" content="https://online-energieausweis.org/" />
+		<meta property="og:site_name" content="Energieausweis online erstellen" />
+
+		<meta name="twitter:card" content="summary_large_image" />
+		<meta
+			name="twitter:description"
+			content="✅ Jetzt Ihren Energieausweis online erstellen. Erhalten Sie Ihren online Energieausweis rechtssicher und nach aktueller GEG (vormals EnEV) vom Diplom Ingenieur geprüft."
+		/>
+		<meta
+			name="twitter:title"
+			content="Energieausweis online erstellen - Online Energieausweis"
+		/>
+		<meta
+			name="twitter:image"
+			content="https://online-energieausweis.org/images/energieausweis-online-erstellen.jpg"
+		/>
+		<title>
+			{title || 'Energieausweis online erstellen - Online Energieausweis'}
+		</title>
+	</head>
+
+	<body>
+			
+		<Header />
+	
+		<main
+			class="w-full p-0 grid
+			xs:grid-cols-[minmax(1fr)] xs:gap-1 xs:p-0
+			sm:grid-cols-[minmax(1fr)] sm:gap-1 sm:p-0
+			md:grid-cols-[minmax(1fr)] md:gap-2 md:p-0
+			lg:grid-cols-[minmax(1fr)] lg:gap-3 lg:p-4
+			xl:grid-cols-[minmax(1fr)] xl:gap-4 xl:p-6
+			2xl:grid-cols-[minmax(1fr)] 2xl:gap-5 2xl:p-6
+		">
+
+
+		<article class="box rounded-tl-none p-2 lg:p-12">
+		<slot />
+		</article>
+ 
+		</main>
+	
+		<Footer />
+		<NotificationWrapper client:load />
+
+	</body>
+</html>
+
+<style is:global lang="postcss">
+	body {
+		min-height: 100vh;
+		width:100%;
+	}
+
+	article {
+		p, h1, h2, h3, h4, h5, h6 {
+			@apply text-base-content;
+		}
+	}
+
+
+
+
+	.headline {
+		@apply text-lg;
+	}
+
+	.radio-inline {
+		@apply flex flex-row gap-2;
+	}
+
+	.checkbox-inline {
+		@apply flex flex-row gap-2;
+	}
+
+</style>

src/layouts/UserLayout.astro

@@ -5,7 +5,9 @@ import "../../svelte-dialogs.config"
 import "svelte-ripple-action/ripple.css"
 import DashboardSidebar from "../components/Dashboard/DashboardSidebar.svelte"
 import { validateAccessTokenServer } from "#server/lib/validateAccessToken";
-import { createCaller } from "#lib/caller";
+import { createCaller } from "src/astro-typesafe-api-caller";
+import { API_ACCESS_TOKEN_COOKIE_NAME } from "#lib/constants";
+import { BenutzerClient } from "#components/Ausweis/types";
 
 const valid = validateAccessTokenServer(Astro)
 
@@ -16,7 +18,11 @@ if (!valid) {
 
 const caller = createCaller(Astro)
 
-const benutzer = await caller.v1.benutzer.self()
+const benutzer = (await caller.user.self.GET.fetch(undefined, {
+	headers: {
+		Authorization: `Bearer ${Astro.cookies.get(API_ACCESS_TOKEN_COOKIE_NAME)?.value}`
+	}
+})) || {} as BenutzerClient;
 
 export interface Props {
 	title: string;
@@ -101,7 +107,7 @@ let lightTheme = Astro.cookies.get("theme")?.value === "light";
 	</head>
 
 	<body class="min-h-screen grid md:grid-cols-[300px_1fr]">
-		<DashboardSidebar lightTheme={lightTheme} benutzer={benutzer} client:load></DashboardSidebar>
+		<DashboardSidebar lightTheme={lightTheme} {benutzer} client:load></DashboardSidebar>
 		<main class="p-4 md:p-8 overflow-auto h-screen bg-base-100 pt-20 md:!pt-24">
 			<slot />
 		</main>

src/lib/Berechnungen/BedarfsausweisWohnen/A12BerechnungNutzenergiebedarfHeizung.ts

@@ -1,10 +1,10 @@
-import { funktionAusnutzungsgrad } from "#lib/Berechnungen/BedarfsausweisWohnen/funktionAusnutzungsgrad.js";
-import { funktionWaermesenken } from "#lib/Berechnungen/BedarfsausweisWohnen/funktionWaermesenken.js";
+import { funktionAusnutzungsgradT18 } from "#lib/Berechnungen/BedarfsausweisWohnen/funktionAusnutzungsgradT18.js";
+import { funktionWaermesenkenA8A12 } from "#lib/Berechnungen/BedarfsausweisWohnen/funktionWaermesenkenA8A12.js";
 import { A11BerechnungWaermequellenZusammenstellung } from "#lib/Berechnungen/BedarfsausweisWohnen/A11BerechnungWaermequellenZusammenstellung.js";
 
 export function A12BerechnungNutzenergiebedarfHeizung() {
 
-const result = funktionWaermesenken();
+const result = funktionWaermesenkenA8A12();
 const belastungsgrade = result.belastungsgrade;
 const bilanzInnenTemperaturen = result.bilanzInnenTemperaturen;
 const waermeSenken = result.waermeSenken;
@@ -107,18 +107,18 @@ let monatlicheBelastungDezember = 0;
   waermequellensenkenverhaeltnisNovember = waermeQuellen.November / waermeSenken.November;
   waermequellensenkenverhaeltnisDezember = waermeQuellen.Dezember / waermeSenken.Dezember;
 
-  ausnutzungsgradJanuar = funktionAusnutzungsgrad(waermequellensenkenverhaeltnisJanuar, ZeitKonstante, "alleMonate");
-  ausnutzungsgradFebruar = funktionAusnutzungsgrad(waermequellensenkenverhaeltnisFebruar, ZeitKonstante, "alleMonate");
-  ausnutzungsgradMärz = funktionAusnutzungsgrad(waermequellensenkenverhaeltnisMärz, ZeitKonstante, "alleMonate");
-  ausnutzungsgradApril = funktionAusnutzungsgrad(waermequellensenkenverhaeltnisApril, ZeitKonstante, "alleMonate");
-  ausnutzungsgradMai = funktionAusnutzungsgrad(waermequellensenkenverhaeltnisMai, ZeitKonstante, "alleMonate");
-  ausnutzungsgradJuni = funktionAusnutzungsgrad(waermequellensenkenverhaeltnisJuni, ZeitKonstante, "alleMonate");
-  ausnutzungsgradJuli = funktionAusnutzungsgrad(waermequellensenkenverhaeltnisJuli, ZeitKonstante, "alleMonate");
-  ausnutzungsgradAugust = funktionAusnutzungsgrad(waermequellensenkenverhaeltnisAugust, ZeitKonstante, "alleMonate");
-  ausnutzungsgradSeptember = funktionAusnutzungsgrad(waermequellensenkenverhaeltnisSeptember, ZeitKonstante, "alleMonate");
-  ausnutzungsgradOktober = funktionAusnutzungsgrad(waermequellensenkenverhaeltnisOktober, ZeitKonstante, "alleMonate");
-  ausnutzungsgradNovember = funktionAusnutzungsgrad(waermequellensenkenverhaeltnisNovember, ZeitKonstante, "alleMonate");
-  ausnutzungsgradDezember = funktionAusnutzungsgrad(waermequellensenkenverhaeltnisDezember, ZeitKonstante, "alleMonate");
+  ausnutzungsgradJanuar = funktionAusnutzungsgradT18(ZeitKonstante, waermequellensenkenverhaeltnisJanuar);
+  ausnutzungsgradFebruar = funktionAusnutzungsgradT18(ZeitKonstante, waermequellensenkenverhaeltnisFebruar);
+  ausnutzungsgradMärz = funktionAusnutzungsgradT18(ZeitKonstante, waermequellensenkenverhaeltnisMärz);
+  ausnutzungsgradApril = funktionAusnutzungsgradT18(ZeitKonstante, waermequellensenkenverhaeltnisApril);
+  ausnutzungsgradMai = funktionAusnutzungsgradT18(ZeitKonstante, waermequellensenkenverhaeltnisMai);
+  ausnutzungsgradJuni = funktionAusnutzungsgradT18(ZeitKonstante, waermequellensenkenverhaeltnisJuni);
+  ausnutzungsgradJuli = funktionAusnutzungsgradT18(ZeitKonstante, waermequellensenkenverhaeltnisJuli);
+  ausnutzungsgradAugust = funktionAusnutzungsgradT18(ZeitKonstante, waermequellensenkenverhaeltnisAugust);
+  ausnutzungsgradSeptember = funktionAusnutzungsgradT18(ZeitKonstante, waermequellensenkenverhaeltnisSeptember);
+  ausnutzungsgradOktober = funktionAusnutzungsgradT18(ZeitKonstante, waermequellensenkenverhaeltnisOktober);
+  ausnutzungsgradNovember = funktionAusnutzungsgradT18(ZeitKonstante, waermequellensenkenverhaeltnisNovember);
+  ausnutzungsgradDezember = funktionAusnutzungsgradT18(ZeitKonstante, waermequellensenkenverhaeltnisDezember);
 
   faktorBelastungJanuar = Math.max(1 - (waermequellensenkenverhaeltnisJanuar * ausnutzungsgradJanuar), 0);
   faktorBelastungFebruar = Math.max(1 - (waermequellensenkenverhaeltnisFebruar * ausnutzungsgradFebruar), 0);