progessbar und prüfbox

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

@@ -117,7 +117,7 @@
 		<h2 class="text-primary text-xl">
 			Verbrauchsausweis Wohnen {PRICES.VerbrauchsausweisWohnen[0]} €
 		</h2>
-		<ProgressBar progress={50} />
+		<ProgressBar progress={0} step2={'step'}/>
 	</div>
 </div>
 
@@ -204,6 +204,8 @@
 
 		<ButtonZurueckSpeichernKaufabschluss />
 
+	</form>
+<!--
 		<div class="bereich-box pr-12 mt-6">
 			<Pruefung
 				bereich="A"
@@ -330,9 +332,8 @@
 			</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 /> -->
-</form>
 
 <style lang="postcss">
 	h3 {

src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte

@@ -192,7 +192,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'} />
 </div>
 
 </div>