Merge branch 'UMBE' into dev-moritz

src/modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte

@@ -3,6 +3,7 @@
 	import Progressbar from "#components/Ausweis/Progressbar.svelte";
 	import Hilfe from "#components/Ausweis/Hilfe.svelte";
 	import Ausweisart from "#components/Ausweis/Ausweisart.svelte";
+	import GebaeudeDaten from "#components/Ausweis/GebaeudeDaten.svelte";
 	import Label from "#components/Label.svelte";
 	import HelpLabel from "#components/HelpLabel.svelte";
 	import ZipSearch from "#components/PlzSuche.svelte";
@@ -170,6 +171,15 @@
 			/>
 		</Bereich>
 
+
+<!-- B Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss -->
+
+<Bereich
+bereich="B"
+title="Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss"
+><GebaeudeDaten bind:gebaeude_aufnahme_allgemein /></Bereich
+>
+
 		<hr />
 		<Bereich
 			bereich="B"

src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
 	import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
 	import Progressbar from "#components/Ausweis/Progressbar.svelte";
-	import Hilfe from "#components/Ausweis/Hilfe.svelte";
+	//import Hilfe from "#components/Ausweis/Hilfe.svelte";
+	import { PRICES } from "#lib/constants";
 
 	import Bereich from "#labels/Bereich.svelte";
 	//import HelpLabel from "#labels/HelpLabel.svelte";
@@ -9,6 +10,7 @@
 	//import Label from "#components/Label.svelte";
 
 	import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte";
+	import ButtonWeiterHilfe from "#components/Ausweis/ButtonWeiterHilfe.svelte";
 	import Ausweisart from "#components/Ausweis/Ausweisart.svelte";
 	import GebaeudeDaten from "#components/Ausweis/GebaeudeDaten.svelte";
 	import Warmwasseranteil from "#components/Ausweis/Warmwasseranteil.svelte";
@@ -55,7 +57,7 @@
 		UploadedGebaeudeBild,
 	} from "#components/Ausweis/types.js";
 	import { verbrauchsausweisWohnenSpeichern } from "src/client/lib/verbrauchsausweisWohnenSpeichern.js";
-	import AusweisWeiter from "./AusweisWeiter.svelte";
+	//import AusweisWeiter from "./AusweisWeiter.svelte";
 	import { Enums } from "@ibcornelsen/database/client";
 	import { OpenInNewWindow } from "radix-svelte-icons";
 
@@ -181,26 +183,42 @@
 	</p>
 </Overlay>
 
-<h1>Verbrauchsausweis erstellen - 45€</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>
 
-	<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 id="skala" class="bg-white grid grid-cols-1 gap-x-8 gap-y-4 p-4
+
+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:gebaeude_aufnahme_allgemein
+		bind:gebaeude
+	/>
 </div>
 
-<ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen} />
+<div id="progress-box" class="w-full box relative px-4 py-3 text-center order-1 2xl:order-2 self-stretch">
+		
+	<h1 class="text-secondary text-3xl m-0">Energiesausweis erstellen</h1>
+	<h2 class="text-primary text-xl">Verbrauchsausweis Wohnen {PRICES.VerbrauchsausweisWohnen[0]} €</h2>
+	<Progressbar progress={50} 
+	/>
+</div>
 
-<form on:submit={ausweisAbschicken} name="ausweis" data-test="ausweis">
+</div>
+
+
+
+<form id="formInput" on:submit={ausweisAbschicken} name="ausweis" data-test="ausweis">
 	<div id="formular-box" class="formular-boxen ring-0">
+
+
+
+		<ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen} />
+
 		<!-- A Prüfung der Ausweisart -->
 
 		<Bereich bereich="A" title="Prüfung der Ausweisart">
@@ -289,23 +307,19 @@
 			/></Bereich
 		>
 	</div>
-	<div
-		class="w-full px-4 mt-5 grid gap-x-4 gap-y-2
-grid-cols-1
-xs:grid-cols-2"
-	>
-		<div class="md:justify-self-start">
-			<AusweisWeiter
-				bind:ausweis
-				bind:images
-				bind:user
-				bind:gebaeude
-				bind:gebaeude_aufnahme_allgemein
-			></AusweisWeiter>
-		</div>
 
-		<div class="md:justify-self-end"><Hilfe /></div>
-	</div>
+	<ButtonWeiterHilfe {spaeterWeitermachen}
+	bind:ausweis
+	bind:images
+	bind:user
+	bind:gebaeude
+	bind:gebaeude_aufnahme_allgemein
+	>
+	</ButtonWeiterHilfe>
+
+
+
+	
 </form>
 
 <RawNotificationWrapper>