Merge pull request #335 from IBCornelsen/UMBE

Prüfbox & Progress

src/astro-typesafe-api-caller.ts

@@ -3,14 +3,14 @@ import { createCallerFactory } from "astro-typesafe-api/server";
 export const createCaller = createCallerFactory({
     "klimafaktoren": await import("../src/pages/api/klimafaktoren.ts"),
     "postleitzahlen": await import("../src/pages/api/postleitzahlen.ts"),
+    "aufnahme/[uid]": await import("../src/pages/api/aufnahme/[uid].ts"),
+    "aufnahme": await import("../src/pages/api/aufnahme/index.ts"),
     "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"),
-    "aufnahme/[uid]": await import("../src/pages/api/aufnahme/[uid].ts"),
-    "aufnahme": await import("../src/pages/api/aufnahme/index.ts"),
-    "bilder/[uid]": await import("../src/pages/api/bilder/[uid].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"),
     "rechnung": await import("../src/pages/api/rechnung/index.ts"),
     "ticket": await import("../src/pages/api/ticket/index.ts"),

src/components/Ausweis/Progressbar.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
 	export let progress: number = 0;
+	export let step1: string;
+	export let step2: string;
+	export let step3: string;
 </script>
 
 
@@ -13,19 +16,18 @@
 		</div>
 	
 	</div>	
-
 <div class="phase justify-self-start">
-	<div class="point">1</div>
+	<div class="{step1} point">1</div>
 	<div class="">Gebäudedaten</div>
 </div>
 
 <div class="phase">
-	<div class="point">2</div>
+	<div class="{step2} point">2</div>
 	<div class="">Kundendaten</div>
 </div>
 
 <div class="phase justify-self-end">
-	<div class="point">3</div>
+	<div class="{step3} point">3</div>
 	<div class="">Kaufbestätigung</div>
 </div>
 
@@ -35,7 +37,8 @@
 
 <style lang="postcss">
 .phase{@apply grid grid-cols-1 items-center justify-items-center z-10;
-.point{@apply rounded-full w-8 h-8 text-white font-bold bg-secondary text-center pt-1 ring-white ring-4;}
+.point{@apply rounded-full w-8 h-8 text-white font-bold bg-gray-300 text-center pt-1 ring-white ring-4;}
+.step{@apply bg-secondary}
 }
 
 </style>

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";
@@ -159,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"
@@ -174,7 +176,7 @@
 		<h2 class="text-primary text-xl">
 			Verbrauchsausweis Wohnen {PRICES.VerbrauchsausweisWohnen[0]} €
 		</h2>
-		<ProgressBar progress={50} />
+		<Progressbar progress={0} step1={''} step2={'step'} step3={''}/>
 	</div>
 </div>
 
@@ -270,8 +272,10 @@
 
 			<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"
@@ -398,9 +402,10 @@
 			</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 /> -->
-</div>
+
 
 <style lang="postcss">
 	h3 {

src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte

@@ -193,7 +193,7 @@ lg:grid-cols-2 lg:gap-x-6
 		
 	<h1 class="text-secondary text-3xl m-0">Energiesausweis erstellen</h1>
 	<h2 class="text-primary text-xl">{ausweisart} {PRICES.VerbrauchsausweisWohnen[0]} €</h2>
-	<Progressbar progress={0} />
+	<Progressbar progress={0} step1={'step'} step2={''} step3={''}/>
 </div>
 
 </div>