From 9a6f5218d05499d2a2444646802a49792c337110 Mon Sep 17 00:00:00 2001
From: Moritz Utcke <moritz.utcke@gmx.de>
Date: Sat, 9 Dec 2023 10:40:39 +0530
Subject: [PATCH] Datenbank Umstellung

---
 .github/workflows/build-and-test.yml          | 20 +++++
 .../workflows/{cd.yml => dev-pipeline.yml}    |  6 +-
 .github/workflows/prod-pipeline.yml           | 27 ++++++
 README.md                                     | 19 ++---
 cypress.config.ts                             |  8 ++
 cypress/e2e/Verbrauchsausweis/index.cy.ts     |  5 ++
 docker-compose.yml                            |  5 +-
 package.json                                  |  5 +-
 src/layouts/Layout.astro                      |  6 +-
 src/lib/User/index.ts                         | 44 +++++++---
 src/lib/client/Ausweis/Verbrauchsausweis.ts   | 85 +++++++++++--------
 src/lib/shared.ts                             |  2 +-
 src/pages/api/building/images.json.ts         | 26 ++++--
 src/pages/api/image.jpg.ts                    | 27 +++---
 src/pages/api/image.json.ts                   | 53 ++++++++----
 src/pages/index.astro                         |  3 +-
 src/style/576.scss                            |  6 +-
 src/style/global.scss                         |  1 -
 18 files changed, 242 insertions(+), 106 deletions(-)
 create mode 100644 .github/workflows/build-and-test.yml
 rename .github/workflows/{cd.yml => dev-pipeline.yml} (86%)
 create mode 100644 .github/workflows/prod-pipeline.yml
 create mode 100644 cypress.config.ts
 create mode 100644 cypress/e2e/Verbrauchsausweis/index.cy.ts

diff --git a/.github/workflows/build-and-test.yml b/.github/workflows/build-and-test.yml
new file mode 100644
index 00000000..0e190ff6
--- /dev/null
+++ b/.github/workflows/build-and-test.yml
@@ -0,0 +1,20 @@
+name: Build and Test
+
+on:
+  push:
+    branches: [ dev ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Build the application
+      uses: actions/checkout@v3
+    - uses: oven-sh/setup-bun@v1
+      with:
+        bun-version: "latest"
+    - run: bun install
+    - run: bun run build
+    - run: bun run test:unit
+    - run: bun run test:e2e
diff --git a/.github/workflows/cd.yml b/.github/workflows/dev-pipeline.yml
similarity index 86%
rename from .github/workflows/cd.yml
rename to .github/workflows/dev-pipeline.yml
index 631fc2b8..d0486c82 100644
--- a/.github/workflows/cd.yml
+++ b/.github/workflows/dev-pipeline.yml
@@ -1,15 +1,15 @@
-name: Node.js CD
+name: Dev Pipeline
 
 on:
   push:
-    branches: [ main ]
+    branches: [ dev ]
 
 jobs:
   build:
     runs-on: ubuntu-latest
 
     steps:
-    - name: Deploy using ssh
+    - name: Deploy dev changes.
       uses: appleboy/ssh-action@master
       with:
         host: "212.227.155.91"
diff --git a/.github/workflows/prod-pipeline.yml b/.github/workflows/prod-pipeline.yml
new file mode 100644
index 00000000..4934f554
--- /dev/null
+++ b/.github/workflows/prod-pipeline.yml
@@ -0,0 +1,27 @@
+name: Production Deployment
+
+on:
+  release:
+    types: [ created ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Deploy to production.
+      uses: appleboy/ssh-action@master
+      with:
+        host: "212.227.155.91"
+        username: "root"
+        password: "!2Zc727cI1"
+        port: 22
+        script: |
+          cd ~/apps/online-energieausweis
+          git reset --hard HEAD
+          git clean -f -d
+          git pull origin main
+          git status
+          npm install -g bun
+          bun install
+          bash build.sh
diff --git a/README.md b/README.md
index 8e13104b..9c1d7290 100644
--- a/README.md
+++ b/README.md
@@ -28,7 +28,6 @@
 - [License](#license)
 - [Kontakt](#kontakt)
 
-
 ## Beschreibung
 
 Dies ist das Repository für das Online-Energieausweis Projekt des IBCornelsen. Eine Demo kann direkt über GitHub heruntergeladen und mit **Docker** gestartet werden.
@@ -41,10 +40,10 @@ Die meisten unserer Systeme sind für Ubuntu gedacht und darauf getestet worden.
 
 Für dieses Projekt benötigst du:
 
-* docker
-  * Installationsanleitungen für **docker** kannst du [hier](https://docs.docker.com/engine/install/) finden.
-* Einen Package Manger deiner Wahl, du kannst **NPM**, **pNPM** oder auch **Yarn** verwenden. Wir empfehlen allerdings **bun** aufgrund der verbesserten Geschwindigkeit und dem gelieferten Feature Set, da **bun** sowohl einen Package Manager als auch einen Task Runner beinhaltet.
-	* Installationsanleitungen für **bun** kannst du [hier](https://bun.sh/) finden.
+- docker
+  - Installationsanleitungen für **docker** kannst du [hier](https://docs.docker.com/engine/install/) finden.
+- Einen Package Manger deiner Wahl, du kannst **NPM**, **pNPM** oder auch **Yarn** verwenden. Wir empfehlen allerdings **bun** aufgrund der verbesserten Geschwindigkeit und dem gelieferten Feature Set, da **bun** sowohl einen Package Manager als auch einen Task Runner beinhaltet.
+  - Installationsanleitungen für **bun** kannst du [hier](https://bun.sh/) finden.
 
 ### Installation
 
@@ -64,10 +63,10 @@ Für dieses Projekt benötigst du:
 
 ## Nächste Schritte
 
-* [ ] Funktionierender Checkout Flow
-* [ ] Performance Optimierungen
-* [ ] Automatische Tests
-* [ ] Dokumentation
+- [ ] Funktionierender Checkout Flow
+- [ ] Performance Optimierungen
+- [ ] Automatische Tests
+- [ ] Dokumentation
 
 Siehe alle [offenen issues](https://github.com/IBCornelsen/online-energieausweis/issues) für eine Liste der vorgeschlagenen Features (und bekannten Probleme).
 
@@ -89,4 +88,4 @@ Veröffentlicht unter der GPL-3.0 Lizenz. Siehe `LICENSE` für mehr Information.
 
 IBCornelsen - [info@ibcornelsen.de](mailto://info@ibcornelsen.de)
 
-Organisation: [https://github.com/IBCornelsen](https://github.com/IBCornelsen)
\ No newline at end of file
+Organisation: [https://github.com/IBCornelsen](https://github.com/IBCornelsen)
diff --git a/cypress.config.ts b/cypress.config.ts
new file mode 100644
index 00000000..ed29bbe8
--- /dev/null
+++ b/cypress.config.ts
@@ -0,0 +1,8 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:3000',
+		supportFile: false
+  },
+})
\ No newline at end of file
diff --git a/cypress/e2e/Verbrauchsausweis/index.cy.ts b/cypress/e2e/Verbrauchsausweis/index.cy.ts
new file mode 100644
index 00000000..6c50bf7b
--- /dev/null
+++ b/cypress/e2e/Verbrauchsausweis/index.cy.ts
@@ -0,0 +1,5 @@
+describe('The Home page.', () => {
+	it("successfully loads", () => {
+		cy.visit("/")
+	})
+})
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
index 92e3f836..dfc9894c 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -8,18 +8,21 @@ services:
       - database
     environment:
       PORT: 3000
-      DB_CONNECTION: "postgresql://main:hHMP8cd^N3SnzGRR@database:5432/main"
+      DB_CONNECTION: ${DATABASE_URL}
       NODE_ENV: "development"
     ports:
       - 3000:3000
     volumes:
       - ./:/online-energieausweis
       - ./node_modules/@ibcornelsen/ui:/online-energieausweis/node_modules/@ibcornelsen/ui
+      - ./node_modules/@ibcornelsen/database:/online-energieausweis/node_modules/@ibcornelsen/database
       - ./persistent:/persistent
     networks:
       - postgres
   database:
     build: ../database
+    env_file:
+      - ../database/.env
     ports:
       - "5436:5432"
     networks:
diff --git a/package.json b/package.json
index c79cb1fd..18343998 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,8 @@
     "test:unit": "bun test",
     "format": "prettier --write .",
     "build:production": "astro build && bun --bun server.js",
-    "i18n:generate": "bunx astro-i18next generate"
+    "i18n:generate": "bunx astro-i18next generate",
+		"prisma:studio": "bunx prisma studio --schema=./node_modules/@ibcornelsen/database/prisma/schema.prisma"
   },
   "private": true,
   "dependencies": {
@@ -20,6 +21,7 @@
     "@astrojs/node": "^5.1.4",
     "@astrojs/svelte": "^2.2.0",
     "@astrojs/tailwind": "^3.1.3",
+    "@ibcornelsen/database": "link:@ibcornelsen/database",
     "@ibcornelsen/ui": "^0.0.2",
     "@mollie/api-client": "^3.7.0",
     "astro": "^2.5.1",
@@ -50,6 +52,7 @@
     "@types/uuid": "^9.0.1",
     "@typescript-eslint/eslint-plugin": "^5.59.6",
     "@typescript-eslint/parser": "^5.59.6",
+    "cypress": "^13.6.1",
     "eslint": "~8.15.0",
     "eslint-config-prettier": "8.1.0",
     "prettier": "^2.8.8",
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 948adbf1..0240d48e 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,6 +1,5 @@
 ---
 import i18next from "i18next";
-import { HeadHrefLangs } from "astro-i18next/components";
 
 import "../style/global.scss";
 import Footer from "../components/Footer.astro";
@@ -108,6 +107,11 @@ const schema = JSON.stringify({
 </html>
 
 <style is:global>
+
+	article {
+		@apply rounded-lg w-full shadow-md border;
+	}
+
 	body {
 		min-height: 100vh;
 	}
diff --git a/src/lib/User/index.ts b/src/lib/User/index.ts
index 351ba339..7c373b94 100644
--- a/src/lib/User/index.ts
+++ b/src/lib/User/index.ts
@@ -1,7 +1,8 @@
-import { db } from "../shared";
+import { db, prisma } from "../shared";
 import { UserRegisterValidator, UserType, UserTypeValidator } from "./type";
 import { v4 as uuid } from "uuid";
 import { hashPassword } from "../Password";
+import type { Benutzer } from "@ibcornelsen/database";
 
 
 export class User {
@@ -10,12 +11,16 @@ export class User {
 	 * @param uid Die unique/public id des gesuchten Benutzers.
 	 * @returns {UserType | null} Die Daten des Nutzers oder null falls dieser nicht gefunden werden kann.
 	 */
-	public static async fromUID(uid: string): Promise<UserType | null> {
+	public static async fromUID(uid: string): Promise<Benutzer | null> {
 		if (!uid || typeof uid !== "string") {
 			return null;
 		}
 
-		const user = await db<UserType>("benutzer").select("*").where("uid", uid).first();
+		const user = await prisma.benutzer.findUnique({
+			where: {
+				uid
+			}
+		})
 
 		if (!user) {
 			return null;
@@ -24,12 +29,16 @@ export class User {
 		return user;
 	}
 
-	public static async fromEmail(email: string): Promise<UserType | null> {
+	public static async fromEmail(email: string): Promise<Benutzer | null> {
 		if (!email || typeof email !== "string") {
 			return null;
 		}
 
-		const user = await db<UserType>("benutzer").select("*").where("email", email).first();
+		const user = await prisma.benutzer.findUnique({
+			where: {
+				email
+			}
+		})
 
 		if (!user) {
 			return null;
@@ -43,12 +52,16 @@ export class User {
 	 * @param uid Die private id des gesuchten Benutzers.
 	 * @returns {UserType | null} Die Daten des Nutzers oder null falls dieser nicht gefunden werden kann.
 	 */
-	public static async fromPrivateId(id: number): Promise<UserType | null> {
+	public static async fromPrivateId(id: number): Promise<Benutzer | null> {
 		if (!id || typeof id !== "number") {
 			return null;
 		}
 
-		const user = await db<UserType>("benutzer").select("*").where("id", id).first();
+		const user = await prisma.benutzer.findUnique({
+			where: {
+				id
+			}
+		})
 
 		if (!user) {
 			return null;
@@ -65,11 +78,16 @@ export class User {
 		const uid = uuid();
 		const hashedPassword = hashPassword(user.passwort);
 
-		const result = await db<UserType>("benutzer").insert({
-			email: user.email,
-			passwort: hashedPassword,
-			uid: uid
-		}, ["id"])
+		const result = await prisma.benutzer.create({
+			data: {
+				email: user.email,
+				passwort: hashedPassword,
+				uid: uid
+			},
+			select: {
+				id: true
+			}
+		})
 
 		if (!result) {
 			return null;
@@ -77,7 +95,7 @@ export class User {
 
 		return {
 			uid,
-			id: result[0].id
+			id: result.id
 		}
 	}
 }
\ No newline at end of file
diff --git a/src/lib/client/Ausweis/Verbrauchsausweis.ts b/src/lib/client/Ausweis/Verbrauchsausweis.ts
index aa8e999a..45ac4ebc 100644
--- a/src/lib/client/Ausweis/Verbrauchsausweis.ts
+++ b/src/lib/client/Ausweis/Verbrauchsausweis.ts
@@ -1,18 +1,34 @@
-import { Ausstellgrund, Ausweisart } from "src/lib/Ausweis/types";
-import { Energiekennwerte } from "src/lib/Energiekennwerte";
+import { Benutzer, Rechnungen, VerbrauchsausweisWohnen } from "@ibcornelsen/database";
 import { Gebaeude } from "src/lib/Gebaeude";
 import { getKlimafaktorenClient } from "src/lib/Klimafaktoren";
 import { getHeizwertfaktorClient } from "src/lib/server/Heizwertfaktor";
 
 
-export default class Verbrauchsausweis {
-	public ausweisart: Ausweisart = "VA";
-	public ausstellgrund: Ausstellgrund = "Vermietung";
-	public warmwasser_enthalten: boolean = true;
-	public uid?: string;
-	public baujahr_anlage: number[] = [];
+export class Verbrauchsausweis implements Partial<VerbrauchsausweisWohnen & { benutzer: Benutzer, rechnung: Rechnungen }> {
+	rechnungen_id: number | null = null;
+	erstellungsdatum: Date | null = null;
+	ausstellgrund: string | null = null;
+	registriernummer: string | null = null;
+	erledigt: boolean | null = null;
+	baujahr_heizung: number[] = [];
+	zusaetzliche_heizquelle: boolean | null = null;
+	brennstoff_1: string | null = null;
+	einheit_1: string | null = null;
+	brennstoff_2: string | null = null;
+	einheit_2: string | null = null;
+	startdatum: Date | null = null;
+	enddatum: Date | null = null;
+	verbrauch_1: number | null = null;
+	verbrauch_2: number | null = null;
+	verbrauch_3: number | null = null;
+	verbrauch_4: number | null = null;
+	verbrauch_5: number | null = null;
+	verbrauch_6: number | null = null;
+	warmwasser_enthalten: boolean | null = null;
+	anteil_warmwasser_1: number | null = null;
+	anteil_warmwasser_2: number | null = null;
 
-	public get energetische_nutzfläche(): number {
+	public get energetischeNutzflaeche(): number {
 		return (
 			this.gebaeude.wohnflaeche *
 			(this.gebaeude.keller_beheizt ? 1.35 : 1.2)
@@ -21,32 +37,30 @@ export default class Verbrauchsausweis {
 
 	public regnummer?: string;
 
-	public kennwerte: Energiekennwerte = new Energiekennwerte();
 	public gebaeude: Gebaeude = new Gebaeude();
 
-	public constructor(initializer?: Verbrauchsausweis) {
+	public constructor(initializer?: VerbrauchsausweisWohnen) {
 		if (initializer) {
-			this.ausweisart = initializer.ausweisart;
-			this.kennwerte = initializer.kennwerte;
+			Object.assign(this, initializer)
 		}
 	}
 
-	public get primaer_energie_verbrauch(): Promise<number> {
+	public get primaerEnergieVerbrauch(): Promise<number> {
 		return (async () => {
-			const Endenergieverbrauch = await this.end_energie_verbrauch;
+			const Endenergieverbrauch = await this.endEnergieVerbrauch;
 
 			const brennstoff_1 = getHeizwertfaktorClient(
-				this.kennwerte.energietraeger_1,
-				this.kennwerte.einheit_1
+				this.brennstoff_1,
+				this.einheit_1
 			);
 
 			return Endenergieverbrauch * brennstoff_1.primärenergiefaktor;
 		})();
 	}
 
-	public get end_energie_verbrauch(): Promise<number> {
+	public get endEnergieVerbrauch(): Promise<number> {
 		return (async () => {
-			const date = this.kennwerte.zeitraum;
+			const date = this.startdatum;
 			const klimafaktoren = await getKlimafaktorenClient(
 				date,
 				this.gebaeude.plz
@@ -55,32 +69,32 @@ export default class Verbrauchsausweis {
 			// Endenergieverbrauch
 			// Um den EEV auszurechnen, müssen die Verbräuche zu kWh konvertiert werden.
 			let brennstoff_1 = getHeizwertfaktorClient(
-				this.kennwerte.energietraeger_1,
-				this.kennwerte.einheit_1
+				this.brennstoff_1,
+				this.einheit_1
 			);
 			let brennstoff_2 = getHeizwertfaktorClient(
-				this.kennwerte.energietraeger_2,
-				this.kennwerte.einheit_2
+				this.brennstoff_2,
+				this.einheit_2
 			);
 
 			let verbrauch_1_kwh =
-				this.kennwerte.verbrauch_1 * brennstoff_1.umrechnungsfaktor;
+				this.verbrauch_1 * brennstoff_1.umrechnungsfaktor;
 			let verbrauch_2_kwh =
-				this.kennwerte.verbrauch_2 * brennstoff_1.umrechnungsfaktor;
+				this.verbrauch_2 * brennstoff_1.umrechnungsfaktor;
 			let verbrauch_3_kwh =
-				this.kennwerte.verbrauch_3 * brennstoff_1.umrechnungsfaktor;
+				this.verbrauch_3 * brennstoff_1.umrechnungsfaktor;
 			let verbrauch_4_kwh =
-				this.kennwerte.verbrauch_4 * brennstoff_2.umrechnungsfaktor;
+				this.verbrauch_4 * brennstoff_2.umrechnungsfaktor;
 			let verbrauch_5_kwh =
-				this.kennwerte.verbrauch_5 * brennstoff_2.umrechnungsfaktor;
+				this.verbrauch_5 * brennstoff_2.umrechnungsfaktor;
 			let verbrauch_6_kwh =
-				this.kennwerte.verbrauch_6 * brennstoff_2.umrechnungsfaktor;
+				this.verbrauch_6 * brennstoff_2.umrechnungsfaktor;
 
 			let warmwasserZuschlag = 0;
 			let leerstandsZuschlag = 0;
 			let kuehlungsZuschlag = 0;
-			if (this.kennwerte.anteil_warmwasser_1 == 0) {
-				warmwasserZuschlag = 20 * this.energetische_nutzfläche * 3;
+			if (this.anteil_warmwasser_1 == 0) {
+				warmwasserZuschlag = 20 * this.energetischeNutzflaeche * 3;
 			}
 
 			if (this.gebaeude.leerstand > 0) {
@@ -99,11 +113,11 @@ export default class Verbrauchsausweis {
 			}
 
 			if (this.gebaeude.energiequelle_2_nutzung[3]) {
-				kuehlungsZuschlag = 6 * this.energetische_nutzfläche * 3;
+				kuehlungsZuschlag = 6 * this.energetischeNutzflaeche * 3;
 			}
 
-			let anteil_heizung = 1 - this.kennwerte.anteil_warmwasser_1 / 100;
-			let anteil_warmwasser = this.kennwerte.anteil_warmwasser_1 / 100;
+			let anteil_heizung = 1 - this.anteil_warmwasser_1 / 100;
+			let anteil_warmwasser = this.anteil_warmwasser_1 / 100;
 
 			let Energieverbrauchskennwert =
 				(anteil_heizung *
@@ -122,9 +136,10 @@ export default class Verbrauchsausweis {
 					leerstandsZuschlag +
 					kuehlungsZuschlag) /
 				3 /
-				this.energetische_nutzfläche;
+				this.energetischeNutzflaeche;
 
 			return Energieverbrauchskennwert;
 		})();
 	}
+
 }
\ No newline at end of file
diff --git a/src/lib/shared.ts b/src/lib/shared.ts
index 7b1c3d93..360952a9 100644
--- a/src/lib/shared.ts
+++ b/src/lib/shared.ts
@@ -1,4 +1,5 @@
 import knex, { Knex } from "knex";
+export { prisma } from "@ibcornelsen/database"
 
 export function dbOpen(): Knex {
 	const db = knex({
@@ -9,5 +10,4 @@ export function dbOpen(): Knex {
 	return db;
 }
 
-
 export const db = dbOpen();
\ No newline at end of file
diff --git a/src/pages/api/building/images.json.ts b/src/pages/api/building/images.json.ts
index 0f6dcc6e..41fad7dd 100644
--- a/src/pages/api/building/images.json.ts
+++ b/src/pages/api/building/images.json.ts
@@ -4,22 +4,36 @@ import {
 	error,
 	success,
 } from "src/lib/APIResponse";
-import { db } from "src/lib/shared";
+import { db, prisma } from "src/lib/shared";
 
-export const get: APIRoute = async ({ request }) => {
-	const body = Object.fromEntries(new URLSearchParams(request.url.split("?")[1]))
+export const get: APIRoute = async ({ url }) => {
+	const body = url.searchParams
+	const uid = body.get("uid")
 
-	if (!body.uid) {
+	if (!body.has("uid") || !uid) {
 		return error(["Missing 'uid' in request body."])
 	}
 
-	const gebaeude = await db("gebaeude").where({ uid: body.uid }).first();
+
+	const gebaeude = await prisma.gebaeudeStammdaten.findUnique({
+		where: {
+			uid: uid
+		}
+	})
 
 	if (!gebaeude) {
 		return MissingEntityError("gebaeude")
 	}
 
-	const images = await db("gebaeude_bilder").where({ gebaeude_id: gebaeude.id }).select("uid", "kategorie");
+	const images = await prisma.gebaeudeBilder.findMany({
+		where: {
+			gebaeude_stammdaten_id: gebaeude.id
+		},
+		select: {
+			uid: true,
+			kategorie: true
+		}
+	})
 	
 	return success(images);
 };
\ No newline at end of file
diff --git a/src/pages/api/image.jpg.ts b/src/pages/api/image.jpg.ts
index f6341023..973accf2 100644
--- a/src/pages/api/image.jpg.ts
+++ b/src/pages/api/image.jpg.ts
@@ -3,26 +3,27 @@ import {
 	MissingEntityError,
 	error,
 } from "src/lib/APIResponse";
-import { z } from "zod";
 import * as path from "path";
 import * as fs from "fs";
-import { db } from "src/lib/shared";
+import { prisma } from "src/lib/shared";
 
-const ImageUploadChecker = z.object({
-	data: z.string(),
-	name: z.string(),
-	gebaeude_uid: z.string().optional(),
-	kategorie: z.string(),
-});
+export const get: APIRoute = async ({ url }) => {
+	const body = url.searchParams
+	const uid = body.get("uid")
 
-export const get: APIRoute = async ({ request }) => {
-	const body = Object.fromEntries(new URLSearchParams(request.url.split("?")[1]))
-
-	if (!body.uid) {
+	if (!body.has("uid") || !uid) {
 		return error(["Missing 'uid' in request body."])
 	}
 
-	const image = await db("gebaeude_bilder").where({ uid: body.uid }).select("uid", "kategorie").first();
+	const image = await prisma.gebaeudeBilder.findUnique({
+		where: {
+			uid
+		},
+		select: {
+			uid: true,
+			kategorie: true
+		}
+	})
 
 	if (!image) {
 		return MissingEntityError("image")
diff --git a/src/pages/api/image.json.ts b/src/pages/api/image.json.ts
index 85914fb8..5b2281a5 100644
--- a/src/pages/api/image.json.ts
+++ b/src/pages/api/image.json.ts
@@ -9,7 +9,7 @@ import * as jimp from "jimp";
 import { z } from "zod";
 import * as path from "path";
 import * as fs from "fs";
-import { db } from "src/lib/shared";
+import { db, prisma } from "src/lib/shared";
 
 const ImageUploadChecker = z.object({
 	data: z.string(),
@@ -18,14 +18,23 @@ const ImageUploadChecker = z.object({
 	kategorie: z.string(),
 });
 
-export const get: APIRoute = async ({ request }) => {
-	const body = Object.fromEntries(new URLSearchParams(request.url.split("?")[1]))
+export const get: APIRoute = async ({ url }) => {
+	const body = url.searchParams
+	const uid = body.get("uid")
 
-	if (!body.uid) {
+	if (!body.has("uid") || !uid) {
 		return error(["Missing 'uid' in request body."])
 	}
 
-	const image = await db("gebaeude_bilder").where({ uid: body.uid }).select("uid", "kategorie").first();
+	const image = await prisma.gebaeudeBilder.findUnique({
+		where: {
+			uid
+		},
+		select: {
+			uid: true,
+			kategorie: true
+		}
+	})
 
 	if (!image) {
 		return MissingEntityError("image")
@@ -68,30 +77,44 @@ export const put: APIRoute = async ({ request }) => {
 
 	let gebaeude;
 	if (!body.gebaeude_uid) {
-		gebaeude = await db("gebaeude").insert({}).returning(["uid", "id"]);
+		gebaeude = await prisma.gebaeudeStammdaten.create({
+			data: {},
+			select: {
+				uid: true,
+				id: true
+			}
+		})
 
 		if (!gebaeude) {
 			return ActionFailedError();
 		}
 	} else {
-		gebaeude = await db("gebaeude")
-			.select("*")
-			.where("uid", body.gebaeude_uid);
+		gebaeude = await prisma.gebaeudeStammdaten.findUnique({
+			where: {
+				uid: body.gebaeude_uid
+			}
+		})
 
 		if (!gebaeude) {
 			return MissingEntityError("gebaeude");
 		}
 	}
 
-	const result = await db("gebaeude_bilder")
-		.insert({ gebaeude_id: gebaeude[0].id, kategorie: body.kategorie })
-		.returning(["uid"]);
+	const result = await prisma.gebaeudeBilder.create({
+		data: {
+			gebaeude_stammdaten_id: gebaeude.id,
+			kategorie: body.kategorie
+		},
+		select: {
+			uid: true
+		}
+	})
 
 	if (!result) {
 		return ActionFailedError();
 	}
 
-	const location = path.join("/persistent/uploads", `${result[0].uid}.jpg`);
+	const location = path.join("/persistent/uploads", `${result.uid}.jpg`);
 
 	const buffer = await jimpResult.getBufferAsync(jimp.MIME_JPEG)
 
@@ -102,7 +125,7 @@ export const put: APIRoute = async ({ request }) => {
 	}	
 
 	return success({
-		uid: result[0].uid,
-		gebaeude_uid: gebaeude[0].uid,
+		uid: result.uid,
+		gebaeude_uid: gebaeude.uid,
 	});
 };
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ffe801f3..37b4b112 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -51,8 +51,7 @@ changeLanguage("de");
 			src="images/Bedarfsausweis-Wohngebaeude-Beispiel.jpg"
 			alt="Energieausweis online erstellen"
 		/>
-	</div>
-	<hr />Sie möchten Ihren <strong>Energieausweis online erstellen</strong>?
+	</div>Sie möchten Ihren <strong>Energieausweis online erstellen</strong>?
 	Auf dieser Seite finden Sie alle nötigen Informationen hierzu. Sollten Sie
 	sich nicht sicher sein <a href="/energieausweis-welcher-energieausweis.php"
 		>welchen Energieausweis</a
diff --git a/src/style/576.scss b/src/style/576.scss
index 57e598bc..8df4b73c 100644
--- a/src/style/576.scss
+++ b/src/style/576.scss
@@ -1153,6 +1153,7 @@ content>*:nth-child(3) {
 }
 
 .rpt_foot {
+	@apply transition-colors transition-all;
 	/*width: calc(100% - 60px);*/
 	display: block;
 	padding: 10px 30px;
@@ -1204,8 +1205,7 @@ content>*:nth-child(3) {
 .rpt_plan {
 	width: 100%;
 	min-width: 152px;
-	-webkit-box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
-	box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
+	@apply border shadow-md;
 	border-radius: .4em;
 	background: #f5f5f5;
 	display: -webkit-box;
@@ -1516,8 +1516,6 @@ body .objekt_card:first-of-type {
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
-	-webkit-box-pack: end;
-	-ms-flex-pack: end;
 	justify-content: flex-end;
 }
 
diff --git a/src/style/global.scss b/src/style/global.scss
index a62e8ed8..4a276168 100644
--- a/src/style/global.scss
+++ b/src/style/global.scss
@@ -18,7 +18,6 @@ article hr {
 
 article {
 	@apply px-8 py-6 w-full relative bg-white;
-	box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
 }
 
 article h1 {