Bedarfsausweis Verbessert

src/modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte

@@ -13,6 +13,8 @@
 	import { Enums } from "@ibcornelsen/database/client";
 	import { BedarfsausweisWohnenClient, BenutzerClient, UploadedGebaeudeBild } from "#components/Ausweis/types.js";
 	import Bereich from "#components/labels/Bereich.svelte";
+	import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte";
+
 
 	export let ausweis: BedarfsausweisWohnenClient;
 	export let user: BenutzerClient = {} as BenutzerClient;
@@ -46,6 +48,30 @@
 		"Fenster mit U-Wert 1": 1,
 	};
 
+	async function spaeterWeitermachen() {
+		// const result = await verbrauchsausweisWohnenSpeichern(
+		// 	ausweis,
+		// 	gebaeude,
+		// 	gebaeude_aufnahme_allgemein,
+		// 	images,
+		// 	user
+		// );
+
+		// if (result !== null) {
+		// 	// Falls der Nutzer zurück navigiert, sollte er wieder auf seinen Vorgang kommen.
+		// 	// Sonst müsste er alles neu eingeben...
+		// 	ausweis.uid = result.uid;
+		// 	gebaeude.uid = result.gebaeude_uid;
+		// 	gebaeude_aufnahme_allgemein.uid = result.gebaeude_aufnahme_uid;
+		// 	window.history.pushState(
+		// 		{},
+		// 		"",
+		// 		`${location.pathname}?uid=${result.uid}`
+		// 	);
+		// 	speichernOverlayHidden = false;
+		// }
+	}
+
 	const arrayRange = (start: number, stop: number, step: number) =>
 		Array.from(
 			{ length: (stop - start) / step + 1 },
@@ -118,32 +144,24 @@
 	}
 </script>
 
-<div class="flex flex-row gap-8 items-center mb-8">
-	<div class="flex flex-col w-full">
-		<h1>Bedarfsausweis erstellen - 75€</h1>
+<div class="grid grid-cols-2 gap-x-8 px-4 items-center">
+	<div class="w-full rounded-lg border-gray/35 border-0 relative px-4">
 		<Progressbar progress={0} />
 	</div>
 
-	<PerformanceScore {ausweis} {gebaeude} {gebaeude_aufnahme_allgemein} />
+	<div class="w-full rounded-lg border-gray/35 border-2 relative px-4">
+	<PerformanceScore
+		bind:ausweis
+		bind:gebaeude_aufnahme_allgemein
+		bind:gebaeude
+	/>
+	</div>
 </div>
 
-<form action="FORM/transfer/VA_1to2" enctype="multipart/form-data">
-	<fieldset
-		class="bg-[rgba(252,234,187,0.2)] border-2 p-4 rounded-lg border-[#ffcc03]"
-	>
-		<div class="flex flex-row justify-between">
-			<a class="button" href="/speichern">Später Weitermachen</a>
-			<div class="flex gap-4">
-				<Hilfe />
-				<button
-					on:click={automatischAusfüllen}
-					type="button"
-					class="button">Automatisch Ausfüllen</button
-				>
-			</div>
-		</div>
+<ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen}/>
 
-		<hr />
+<form action="FORM/transfer/VA_1to2" enctype="multipart/form-data">
+	<div id="formular-box" class="formular-boxen ring-0">
 		<Bereich bereich="A" title="Prüfung der Ausweisart">
 			<Ausweisart bind:gebaeude
 		bind:gebaeude_aufnahme_allgemein
@@ -1318,5 +1336,5 @@
 		<div class="flex flex-row justify-between">
 			<button class="button">Weiter</button>
 		</div>
-	</fieldset>
+		</div>
 </form>