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

src/modules/KundendatenModule.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
-	import ProgressBar from "#components/Ausweis/Progressbar.svelte";
+	import Progressbar from "#components/Ausweis/Progressbar.svelte";
 	import Bereich from "#components/labels/Bereich.svelte";
 	import Ansprechpartner from "#components/Ausweis/Ansprechpartner.svelte";
 	import Rechnungsadresse from "#components/Ausweis/Rechnungsadresse.svelte";
@@ -12,22 +12,40 @@
 	import { Enums } from "@ibcornelsen/database/client";
 	import { dialogs } from "svelte-dialogs";
 	import LoginDialog from "#components/LoginDialog.svelte";
-	import { PRICES } from "#lib/constants.js";
+	import { API_ACCESS_TOKEN_COOKIE_NAME, PRICES } from "#lib/constants.js";
+	import Cookies from "js-cookie";
 	import {
 		AufnahmeClient,
 		BenutzerClient,
+		getAusweisartFromUUID,
 		ObjektClient,
+		RechnungClient,
 		VerbrauchsausweisWohnenClient,
 	} from "#components/Ausweis/types.js";
 	import { validateAccessTokenClient } from "src/client/lib/validateAccessToken.js";
-	import ButtonZurueckSpeichernKaufabschluss from "#components/Ausweis/ButtonZurueckSpeichernKaufabschluss.svelte";
+	import { api } from "astro-typesafe-api/client";
+	import A10WaermequellenAnlagentechnikTrinkwarmwasser from "#components/Tabellen/A10WaermequellenAnlagentechnikTrinkwarmwasser.svelte";
 
 	export let user: BenutzerClient;
 	export let ausweis: VerbrauchsausweisWohnenClient;
 	export let aufnahme: AufnahmeClient;
 	export let objekt: ObjektClient;
+	export let ausweisart: Enums.Ausweisart;
 
-	let services = [
+	let rechnung: Partial<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,
+	}
+
+	let services: { name: string, id: Enums.Service, price: number, selected: boolean }[] = [
 		{
 			name: "Qualitätsdruck per Post (zusätzlich zur PDF Version)",
 			id: Enums.Service.Qualitaetsdruck,
@@ -54,7 +72,7 @@
 		},
 	];
 
-	export let selectedPaymentType: Bezahlmethoden =
+	export let bezahlmethode: Bezahlmethoden =
 		Enums.Bezahlmethoden.paypal;
 
 	let prices: number[] = [];
@@ -72,6 +90,13 @@
 			0
 		);
 
+	const zurueck = {
+		[Enums.Ausweisart.VerbrauchsausweisWohnen]: `/energieausweis-erstellen/verbrauchsausweis-wohngebaeude?uid=${ausweis.uid}`,
+		[Enums.Ausweisart.VerbrauchsausweisGewerbe]: `/energieausweis-erstellen/verbrauchsausweis-gewerbe?uid=${ausweis.uid}`,
+		[Enums.Ausweisart.BedarfsausweisWohnen]: `/energieausweis-erstellen/bedarfsausweis-wohnen?uid=${ausweis.uid}`,
+		[Enums.Ausweisart.BedarfsausweisGewerbe]: `/energieausweis-erstellen/bedarfsausweis-gewerbe?uid=${ausweis.uid}`,
+	}[ausweisart]
+
 	async function speichern(e: SubmitEvent) {
 		e.preventDefault();
 
@@ -93,6 +118,38 @@
 
 		window.location.href = `/kaufabschluss?uid=${ausweis.uid}`;
 	}
+
+	async function bestellen() {
+		const ausweisart = getAusweisartFromUUID(ausweis.uid) as Enums.Ausweisart;
+		
+		try {
+			const { uid, checkout_url } = await api.rechnung.PUT.fetch({
+				ausweisart,
+				bezahlmethode,
+				services: services.filter(service => service.selected).map(service => service.id),
+				email: rechnung.email,
+				empfaenger: rechnung.empfaenger,
+				strasse: rechnung.strasse,
+				plz: rechnung.plz,
+				ort: rechnung.ort,
+				versand_empfaenger: rechnung.versand_empfaenger,
+				versand_strasse: rechnung.versand_strasse,
+				versand_plz: rechnung.versand_plz,
+				versand_ort: rechnung.versand_ort,
+				telefon: rechnung.telefon,
+				ausweis_uid: ausweis.uid
+			}, {
+				headers: {
+					Authorization: `Bearer ${Cookies.get(API_ACCESS_TOKEN_COOKIE_NAME)}`
+				}
+			})
+
+			window.location.href = checkout_url;
+		} catch(e) {
+			console.log(e);
+			
+		}
+	}
 </script>
 
 <div
@@ -102,12 +159,14 @@
 2xl:grid-cols-2 2xl:gap-x-8
 "
 >
-	<div
-		id="performance-box"
-		class="w-full box relative px-4 order-2 2xl:order-1 self-stretch grid grid-cols-1"
-	>
-		<PerformanceScore bind:ausweis bind:aufnahme bind:objekt />
-	</div>
+<div id="performance-box" class="w-full box relative px-4 order-1 self-stretch grid grid-cols-1">
+	<PerformanceScore
+		bind:ausweis
+		bind:aufnahme={aufnahme}
+		bind:objekt={objekt}
+		{ausweisart}
+	/>
+</div>
 
 	<div
 		id="progress-box"
@@ -117,11 +176,11 @@
 		<h2 class="text-primary text-xl">
 			Verbrauchsausweis Wohnen {PRICES.VerbrauchsausweisWohnen[0]} €
 		</h2>
-		<ProgressBar progress={0} step2={'step'}/>
+		<Progressbar progress={0} step1={''} step2={'step'} step3={''}/>
 	</div>
 </div>
 
-<form id="formInput-2" on:submit={speichern}>
+<div id="formInput-2">
 	<div id="formular-box" class="formular-boxen ring-0">
 		<Bereich
 			bereich="1"
@@ -131,11 +190,11 @@
 		>
 
 		<Bereich bereich="2" title="Rechnungsadresse">
-			<Rechnungsadresse bind:user /></Bereich
+			<Rechnungsadresse bind:user bind:rechnung /></Bereich
 		>
 
 		<Bereich bereich="3" title="Bezahlmethode">
-			<Bezahlung bind:selectedPaymentType /></Bereich
+			<Bezahlung bind:selectedPaymentType={bezahlmethode} /></Bereich
 		>
 
 		<div class="grid grid-cols-2 gap-x-6 my-6">
@@ -193,8 +252,8 @@
 						<div>:</div>
 						<div class="justify-self-end">
 							<img
-								src="images/{selectedPaymentType}.png"
-								alt={selectedPaymentType}
+								src="images/{bezahlmethode}.png"
+								alt={bezahlmethode}
 							/>
 						</div>
 					</div>
@@ -202,10 +261,21 @@
 			</div>
 		</div>
 
-		<ButtonZurueckSpeichernKaufabschluss />
+		<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"
+		>
+			<a class="button justify-self-start" href={zurueck}>Zurück</a>
 
-	</form>
-<!--
+			<div></div>
+
+			<button class="button">Speichern</button>
+
+			<button class="button" data-cy="bestellen" on:click={bestellen}>kostenpflichtig bestellen</button>
+		</div>
+	</div>
+</div>
+
+ <!--
 		<div class="bereich-box pr-12 mt-6">
 			<Pruefung
 				bereich="A"
@@ -332,7 +402,9 @@
 			</div>
 		{/each}
 	</div>
- <ButtonZurueckSpeichernKaufabschluss bind:ausweis bind:aufnahme bind:objekt bind:bilder bind:user /> -->
+<ButtonZurueckSpeichernKaufabschluss bind:ausweis bind:aufnahme bind:objekt bind:bilder bind:user /> -->
+
+	<!-- <ButtonZurueckSpeichernKaufabschluss bind:ausweis bind:aufnahme bind:objekt bind:bilder bind:user /> -->
 
 
 <style lang="postcss">